随笔分类 - Web前端
摘要：好久没写东西，博客又长草了，这段时间身心放松了好久，都没什么主题可以写了 上周接到一个需求，优化vue的一个长列表页面，忙活了很久也到尾声了，内存使用和卡顿都做了一点点优化，还算有点收获 写的有点啰嗦，可以看一下我是怎么进行这个优化的，也许有点帮助呢 这个长列表页面，其实是一个实时日志上报的页面，随
阅读全文
摘要：前端性能指标，大多有TTFB ，首屏，首次可交互时间等 相关的文章已经有很多，细节这里就不多说了，可参考文末资料 总体来说，需要知道浏览器（新的）给我们提供了 Performance API，使用这个属性，我们可以得到一系列跟性能相关的数据 结合各个时间点的意义，我们可以计算出关键的耗时指标 看看下
阅读全文
摘要：时间飞快，转眼间8102还差一个月就over了，顺了顺好几天没理的胡渣儿，好像已经老了不少。 不，我还很年轻！虽然年终还没到，但好像也差不多了。 几经辗转，年底前终于拿到了微信的offer，可以说是今年一大幸事了。 是一个结束，结束本命年的坎坷；是一个开始，开始新的征程。 这篇杂文就简单记录一下微信
阅读全文
摘要：曾经被面试，被拒绝了，很不解，自己觉得明明表现得还可以的，怎么就被拒了呢 如今，当角色转换为面试官之后，站在面试官的角度，再思考问题，应也会拒掉当初的自己 昨日，HR小姐姐突然通知，今天要面试15个候选人，19届的校招儿，每位15分钟左右，而且只有一个是现场面，其他都电面。 说实在的，那一霎那是有点
阅读全文
摘要：如今Webpack已经是一个不可或缺的前端构建工具，借助这个构建工具，我们可以使用比较新的技术（浏览器不能直接支持）来开发。 你是否好奇你写的代码经过Webpack构建之后会生成什么东西？是否有时调试遇到莫名其妙的问题？ 本文不讲如何进行配置，只是基于几个基础的例子，简要分析一下 webpack@4
阅读全文
摘要：前端安全方面，主要需要关注 XSS（跨站脚本攻击 Cross-site scripting） 和 CSRF（跨站请求伪造 Cross-site request forgery） 当然了，也不是说要忽略其他安全问题：后端范畴、DNS劫持、HTTP劫持、加密解密、钓鱼等 CSRF主要是借用已登录用户之手
阅读全文
摘要：和以往一样，本次项目也放到了 Github 中，欢迎围观 star ~ 1. 前言 2. 基本概念 3. REM布局 4. VW布局 实现单边边框1px 实现多边边框1px 实现边框圆角 实现容器固定纵横比 5. REM + VW布局 6. 对比选择 方案选择 食用方式 一、前言 说到前端页面的布局
阅读全文
摘要：稍微整了整微信小程序，还是有不少问题的，做个小总结吧 和以往一样，本次项目也放到了 Github 中，欢迎围观 star ~ 一、微信公众平台 - 小程序后台 1.申请小程序账号 官网注册 注册时所用的邮箱有限制（未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱） 选择主体为个人或企业，按照流
阅读全文
摘要：一、什么是事件循环 JS的代码执行是基于一种事件循环的机制，之所以称作事件循环，MDN给出的解释为 因为它经常被用于类似如下的方式来实现 如果当前没有任何消息queue.waitForMessage 会等待同步消息到达 我们可以把它当成一种程序结构的模型，处理的方案。更详细的描述可以查看 这篇文章
阅读全文
摘要：整理一份个人的 Todo List 前端技术点扩散出来实在太多太多，有些看起来已经不仅是前端了，路漫漫 以兴趣而学，才能学得来 1. 《CSS世界》 学习 2. ES6+语法完整学习，运用 3. 在MDN完整阅读CSS基础属性，JS基础语法 4. JS设计模式学习整理 5. HTTP学习，读《HTT
阅读全文
摘要：上一次将webpack1升级到3，也仅是 半年前，前端工具发展变化太快了，如今webpack4已经灰常稳定，传说性能提升非常高，值得升级。 一直用着的webpack3越来越慢，一分多钟的编译时间简直不能忍，升级之后在几个系统和几台电脑上评测，平均提高了7-9倍，生产模式的最突出 升级之后完整的 we
阅读全文
摘要：为了统一团队的代码规范，除了一纸规范说明之外，还需要引入工具进行限制。虽说工具并不能完全实现规范中的规则，但至少能够在一定程度上缓解代码不统一的局面。 相对于后端，前端代码规范的质量检查涉及到HTML, CSS，Javascript ，如今还涉及到SCSS，ES5，JSX, React，Vue，An
阅读全文
摘要：Webpack是个很流行的打包工具，但其打包速度却一直被吐槽着 如果不用上一些打包的优化建议，单单打包两三个文件就能花上好几秒，放上几十个入口文件依赖几百上千个包的话，几分钟十几分钟妥妥的 本文整理了常见的一些方法，部分使用之后就看到了很大改善，部分没什么明显的变化，也可能是项目规模还不够大，先记录
阅读全文
摘要：Webpack已经出来很久了，相关的文章也有很多，然而比较完整的例子却不是很多，让很多新手不知如何下脚，下脚了又遍地坑 说实话，官方文档是蛮乱的，而且有些还是错的错的。。很多配置问题只有爬过坑才知道 本文首先介绍Webpack(3)的一些基础知识，然后以一个已经完成的小Demo，逐一介绍如何在项目中
阅读全文
摘要：最近一年，在开发实践过程中遇到了不少问题，大多都能得到解决 部分知其原理，部分只能做到解决问题，而半年前遇到的问题，或多或少都忘得差不多了 是该记录一下一些问题，防止再遇到就得再查资料了 1. 浏览器在开启有道划词插件的时候，使用 AjaxFileUpload 插件上传文件报错 开启插件时，该插件会
阅读全文
摘要：使用Ajax可以异步获取数据，可以更高效地渲染页面。 但也存在这一些问题： 再刷新页面，页面就会变成初始的状态 浏览器的前进后退功能无效 对搜索引擎的爬虫抓取不友好 1、 早前会使用浏览器的 hash锚点 来解决 不同的hash标记着页面不同的部分，能修正页面刷新数据不正确的问题 再通过 onhas
阅读全文
摘要：用Sublime Text蛮久了，配置配来配去的，每次换电脑都得重头再配过，奈何人老了脑子不中用了，得好好整理一些，下次换电脑就有得参考了.. 同事说，他的WebStorm简直太方便，自身集成了很多方便的工具，不用配置太多 哈哈哈哈但我还是更喜欢用ST 如果要将Sass编译成css文件，安装相应的编
阅读全文
摘要：目录 NPM NPM，即为Node的包管理工具，官网为 https://www.npmjs.com/，我们可以在站内搜索所需要的NPM包，了解相关的使用规则 安装NPM包有两种方式：线上与线下 线上 1. 连接官方源 下载npm管理工具后，默认是连接到官方的源，命令 npm config ls -l
阅读全文
摘要：开发中会经常涉及到文件上传的需求，根据业务不同的需求，有不同的文件上传情况。 有简单的单文件上传，有多文件上传，因浏览器原生的文件上传样式及功能的支持度不算太高，很多时候我们会对样式进行美化，对功能进行完善。 本文根据一个例子，对多文件的上传样式做了一些简单的美化（其实也没怎么美化。。），同时支持选
阅读全文
摘要：总结整理时下流行的浏览器User-Agent大全 浏览器userAgent大全 各种浏览器UserAgent一览表(桌面+移动) 使用JS判断移动设备的终端类型（浏览器UserAgent） JS通过分析userAgent属性来判断浏览器的类型及版本
阅读全文
