![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
CS逍遥剑仙
孙府藏俊龙,剑出威四方,峰尖笑沧桑,情满散天下。
展开
-
前端接口模拟工具Mock.js上手实践
前端接口模拟工具Mock.js上手实践文章目录前端接口模拟工具Mock.js上手实践1. 概念2. vue 工程引入 mock.js3. mockjs 基础语法Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianEmail: sunjianfeng@csxiaoyao.com1. 概念...原创 2020-02-01 02:45:24 · 693 阅读 · 0 评论 -
利用Charles开发调试技巧总结
利用Charles开发调试技巧总结文章目录利用Charles开发调试技巧总结1. 基本配置1.1 下载安装1.2 配置代理1.3 安装证书1.3.1 PC1.3.2 Mobile1.3.3 添加SSL配置2. Map Local3. Map Remote4. 修改网络请求5. 模拟网速6. 断点调试7. 模拟连续请求8. 检索Write By CS逍遥剑仙我的主页: www.csxiaoy...原创 2019-09-05 10:28:49 · 524 阅读 · 0 评论 -
移动web真机调试方案
移动web真机调试方案文章目录移动web真机调试方案1. Chrome手机模拟器2. Chrome/Safari真机调试2.1 Android + chrome2.2 iOS + Safari3. spy-debugger调试4. 总结Write By CS逍遥剑仙我的主页: www.csxiaoyao.comGitHub: github.com/csxiaoyaojianxianEm...原创 2019-09-05 10:28:04 · 749 阅读 · 0 评论 -
web移动端适配方案实践
web移动端适配方案实践文章目录web移动端适配方案实践1. Step1: 单位选择rem2. Step2: 消除DPR差异3. Step3: 动态设置 html 标签根字体大小4. Step4: 将设计图中的尺寸换算成 rem5. Step5: 媒体查询设置body字体大小6. 其他6.1 特殊css处理6.2 IE默认使用最高版本7. 总结Write By CS逍遥剑仙我的主页: ww...原创 2019-09-05 10:27:08 · 401 阅读 · 0 评论 -
vue封装带提示框的单选/多选文本框组件
vue封装带提示框的单选/多选文本框组件文章目录vue封装带提示框的单选/多选文本框组件1. 组件化思想2. 接口参数设计3. 提示框显示隐藏交互实现3.1 尝试方案1: click事件主动聚焦3.2 尝试方案2: blur事件添加延时器 + 开关变量3.3 尝试方案3: 不使用blur,关闭方法改为事件委托3.4 尝试方案4: onfocus + onblur + mousedown + 开关...原创 2018-12-23 22:24:14 · 2957 阅读 · 0 评论 -
小程序开发总结04 - 特殊样式处理
小程序开发总结04 - 特殊样式处理小程序开发总结04 - 特殊样式处理1. 消除btn阴影2. 超出省略号处理3. 特殊布局 - 固定高度内容容器适配4. 模态框1. 消除btn阴影微信小程序中的button组件有特定的css,背景可用background:none;去掉,但边框直接用border:none;无法去除解决方法:使用 button::...原创 2018-06-23 03:11:07 · 401 阅读 · 0 评论 -
小程序开发总结03 - 数据传递与缓存
小程序开发总结03 - 数据传递与缓存小程序开发总结03 - 数据传递与缓存1. 基本事件传递参数2. 页面间传参3. 组件通信 - 页面向组件传参4. 组件通信 - 组件调用父页面方法(含form表单)5. 全局变量 - globalData6. 数据缓存 - 同步&异步7. web-view的数据获取1. 基本事件传递参数和H5不同,元素上绑...原创 2018-06-23 03:09:51 · 515 阅读 · 0 评论 -
小程序开发总结02 - 开发技巧和第三方插件的使用
小程序开发总结02 - 开发技巧和第三方插件的使用小程序开发总结02 - 开发技巧和第三方插件的使用1. 使用Promise处理异步接口2. 富文本的显示rich-textwxParse组件(推荐)3. 图标字体的使用4. 使用WeUI,统一UI样式5. 接入腾讯视频插件6. 使用 moment.js 处理日期 & 汉化1. 使用Promis...原创 2018-06-23 03:08:46 · 1485 阅读 · 0 评论 -
小程序开发总结01 - 模块化开发流程规范
小程序开发总结01 - 模块化开发流程规范小程序开发总结01 - 模块化开发流程规范1. 小程序与H5的开发成本对比2. 模块化优势1 — 组件复用3. 模块化优势2 — 代码逻辑清晰、便于维护4. 模块化开发规范 — 文件组织5. 模块化开发规范 — 命名规则6. 模块化开发规范 — 自定义组件的配置与使用7. 模块化开发规范 — 减少组件耦合组件通信 - 页面向组件传参...原创 2018-06-23 03:06:02 · 682 阅读 · 0 评论 -
Yahoo! 十三条 : 前端网页优化(13+1)条原则
Yahoo! 十三条 : 前端网页优化(13+1)条原则1. 减少HTTP请求次数 据统计,有80%的最终用户响应时间是花在前端程序上,而其大部分时间则花在各种页面元素,如图像、样式表、脚本和Flash等的下载上,减少页面元素将会减少HTTP请求次数,这是快速显示页面的关键所在。 CSS Sprites方法可以组合页面中的图片到单个文件中,并使用CSS的background-image和ba原创 2017-05-09 20:48:34 · 975 阅读 · 0 评论