移动端常见问题（click 300ms延迟） 根本原因：double click 双击 移动端默认双击情况下会有方法效果，当你点击一次之后，移动端无法判断你是否下一次还会继续完成双击，因此存在300 ms 延迟 有一部分浏览器，比如chrome浏览器，当你在meta头设置width=device-width时...

2020-03-17 16:02:26

超大分辨率屏幕适配方案 主要记录以下几点： 1、整体的布局为采用 流式布局(%) 或 弹性布局（Flexbox）； 2、字体大...

2020-03-17 16:01:43

移动端常见问题（H5兼容性+JS兼容性+css3兼容性） h5 浏览器兼容性问题： 浏览器兼容性情况可以在这个网站查询https://caniuse.com/ 绿色代表完全支持，黄色代表部分支持，红色代表不支持 右上角的黄色小短杠表示要加一些厂商前缀 兼容性测试： ! DOCTYPE html html la...

2020-03-17 16:01:36

移动端适配-动态计算rem 直接以750px设计稿为例： ( function (designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var remStyle = document.createElement("style" ); // 获取基准字体大小 function refreshRem() { // va...

2020-03-17 16:01:19

准备转行web前端，该怎么从头学好？ web前端的薪资是让大多数人所向往的，如果一个项目能胜任得很好的话那么就业便跟学历无关了，是真正看技术的一份工作。据统计：web前端开发工程师平均月薪10400。按照工作经验来统 计的计算的话，应届生工资4280，1-3年工资8770，3-...

2020-03-17 16:01:13

移动端性能优化（CSS性能优化） CSS性能优化 CSS选择器优化 如果可以直接选中元素，不需要加一些多余的修饰 /* 不要使用类选择器和ID选择器修饰元素标签，这样多此一举，还会降低效率。 */ div#slider.slider { } 一般来说，class用于样式，id用于js，因为id定义的样式...

2020-03-17 16:01:01

CSS核心概念之盒子模型 当对一个文档进行布局的时候，浏览器的渲染引擎会根据标准之一的 **CSS 基础框盒模型（CSS basic box model）**，将所有元素表示为一个个矩形的盒子。所有 HTML 元素可以看作盒子，在 CSS 中，**Box Model** 这一术语是用来设计和布局时使用。...

2020-03-17 16:00:48

前端命名规范 网页主题部分命名 头部header 内容content 侧栏sidebar 栏目column 热点hot 新闻news 标志logo 导航条nav 主题main 左侧main-left 右侧main-right 底部footer 友情链接friendlink 加入我们joiinus 版权copyright 服务service 登录login 注册register 网页...

2020-03-17 16:00:48

移动端分辨率+小程序的自适应单位RPX 为什么模拟器iphone6分辨率375，而设计图一般给750 1个pt可以有1个px构成，也可以有2个，还可以有3个甚至更多组成 Iphone6下 2个 px才构成一个 pt 而微信小程序给出的是逻辑分辨率，而设计师给的一般是物理分辨率 如何做不同分辨率...

2020-03-16 16:01:08

小程序的页面层级结构 新建项目以后，可以看到官方的种子项目 这是首页 点击头像可以跳转到另一个页面 目录结构 wxml类似于html，wxss类似于css，.json通常用来做配置（可以没有） 应用程序级别文件 app.js 应用程序级别的逻辑 app.json应用程序级别的配置 app.wxss应...

2020-03-16 16:01:00