禅林阆苑

H5 viewport

移动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...

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...

vue前端异常监控sentry实践文章目录vue前端异常监控sentry实践1. 监控原理1.1 onerror1.2 promise1.3 上报1.4 使用sentry1.5 与vue结合2. 安装raven3. 初始化sentry4. 手动上报5. 封装异常上报类 Report.js6. 调用 Report.js 类7. sourceMapWrite By CS逍遥剑仙我的主页: ww...

前端拾零02—H5原生拖放总结前端拾零02—H5原生拖放总结1. 拖放总览2. 拖放元素2.1 拖放元素属性2.2 拖放元素监听事件2.3 demo3. 目标元素3.1 目标元素监听事件3.2 demo4. Event.preventDefault()5. Event.dataTransfer Write By CS逍遥剑仙 我的主页: ...

前端拾零01—checkbox&radio&select总结前端拾零01—checkbox&radio&select总结1. checkbox2. radio3. select Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianx...

解决img父元素高度多出3px1 现象  当div / a……中包含img时，父元素的高度比img图片的高度多出3px<div> <img src=" "><div>  结果运行之后发现，不管是在移动端还是pc端，都会出现这种问题。刚开始以为是父元素初始化了margin和padding的原因，排查css无果，又怀疑是html空格的原因，把html改成<div><img src=" "/><

WebStudy05_移动端+less+bootstrap+zepto前端学习WebStudy系列（00~06）的总结写在代码注释中代码上传在github中，链接 https://github.com/csxiaoyaojianxian

WebStudy03_HTML5+CSS3前端学习WebStudy系列（00~06）的总结写在代码注释中代码上传在github中，链接 https://github.com/csxiaoyaojianxian

WebStudy00_HTML+CSS前端学习WebStudy系列（00~06）的总结写在代码注释中代码上传在github中，链接 https://github.com/csxiaoyaojianxian

Yahoo! 十三条 : 前端网页优化（13+1）条原则1. 减少HTTP请求次数  据统计，有80%的最终用户响应时间是花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等的下载上，减少页面元素将会减少HTTP请求次数，这是快速显示页面的关键所在。   CSS Sprites方法可以组合页面中的图片到单个文件中，并使用CSS的background-image和ba

利用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...