ayui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。
分类：
其他好文 时间：
2020-07-13 19:58:11
阅读次数：
71
一、媒体查询用法 @media 媒体查询包含一个可选的媒体类型和，满足CSS3规范的条件下，包含零个或多个表达式，这些表达式描述了媒体特征，最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型，并且所有的表达式的值都是true，那么该媒体查询的结果为true. ...
分类：
其他好文 时间：
2020-07-11 10:02:43
阅读次数：
71
link属于XHTML标签，除了加载CSS外，还能定义rel连接属性等作用，而@import是CSS提供的，只能用于加载CSS。 页面被加载时，link会同时被加载，而@import引用的CSS会等页面被加载完再加载。 import是CSS 2.1提出的，只在IE5以上才能被识别，存在兼容问题，而l ...
分类：
其他好文 时间：
2020-07-08 23:24:51
阅读次数：
111
前言 在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。 我们要对与视口、物理像素、逻辑像素、设备像素比、css像素等移动端基本概念要有一定的了解。 产生原因 设备像素 ...
分类：
移动开发 时间：
2020-07-03 19:41:31
阅读次数：
103
为什么要写自适应的页面（响应式页面）？ 众所周知，电脑、平板、手机的屏幕是差距很大的，假如在电脑上写好了一个页面，在电脑上看起来不错，但是如果放到手机上的话，那可能就会乱的一塌糊涂，这时候怎么解决呢？以前，可以再专门为手机定制一个页面，当用户访问的时候，判断设备是手机还是电脑，如果是手机就跳转到相应 ...
分类：
Web程序 时间：
2020-07-03 19:19:56
阅读次数：
214
@media screen and (min-width: 320px) { html { font-size: 8.5333px !important; } } @media screen and (min-width: 360px) { html { font-size: 9.6px !impo ...
分类：
移动开发 时间：
2020-06-28 20:31:08
阅读次数：
214
Blazor支持渐进式应用开发也就是PWA。使用PWA模式可以使得web应用有原生应用般的体验。 什么是PWA PWA应用是指那些使用指定技术和标准模式来开发的web应用，这将同时赋予它们web应用和原生应用的特性。 例如，web应用更加易于发现——相比于安装应用，访问一个网站显然更加容易和迅速，并 ...
分类：
Web程序 时间：
2020-06-24 20:01:25
阅读次数：
76
想必近几年前端的数据可视化越来越重要了，很多甲方爸爸都喜欢那种炫酷的大屏幕设计，类似如下这种： 遇到的这样的项目，二话不说，echarts或者antv，再搭配各种mvvm框架（react，vue），找二次封装过的组件，然后开始埋头开始写了，写着写着你会发现，如何适配不同屏幕呢？css媒体查询吧，用v ...
分类：
其他好文 时间：
2020-06-24 12:27:05
阅读次数：
224
pc端常用电脑屏幕 （(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全） PC端************ 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280* ...
分类：
其他好文 时间：
2020-06-08 00:46:44
阅读次数：
58
一年前，第一次接触响应式Web设计是通过一本书《响应式Web设计-HTML5和CSS3实践》（英文名为：Responsive Web Design width HTML5 and CSS3）作者：Ben Frain。这是一本很不错的书，简单且容易理解，却包含了大量的资源，书中提到的很多案例网站都值得 ...
分类：
Web程序 时间：
2020-05-28 21:50:55
阅读次数：
94
