随笔分类 - web前端
自己平时遇到的一些小问题
摘要：关于单元测试的想法 对于一些比较重要的项目，每次更新代码之后总是要自己测好久，担心一旦上线出了问题影响的服务太多，此时就希望能有一个比较规范的测试流程。在github上看到牛逼的javascript开源项目，也都是有测试代码的，看来业界大牛们都比较注重单元测试这块。 就我自己的理解而言： 涉及到大量
阅读全文
摘要：1.目标 最近项目上的事情不多，根据我自己的开发习惯，决定开发一些简单的开发架子，方便以后事情多的时候直接套用。本文讲的一个gulp+webpack+vue的单页应用架子，想要达到的目的： 可以通过命令打包开发chunk，并支持热替换 可以通过命令打包可发布的chunk 支持路由 路由中的代码实现按
阅读全文
摘要：本文转自我的个人网站 , 原文地址：http://www.zoucz.com/blog/2016/01/29/get-file-from-clipboard/ ，欢迎前往交流讨论 在网页上编辑内容时，有时候需要插入图片，一般的做法是: 从网络上下载图片至本地 or 截图保存至本地 在编辑器中点击图片
阅读全文
摘要：时区简单理解https://zh.wikipedia.org/wiki/%E6%97%B6%E5%8C%BA上面的链接是时区的wiki说明，下面说说我记住的部分：GMT时区是格林威治标准时间，我把它理解为 “真实时间”UTC时区是根据GMT得来的“世界标准时间”，它的时间和GMT是相同的CST可以指...
阅读全文
摘要：正则表达式用来处理字符串特别好用，在JavaScript中能用到正则表达式的地方有很多，本文对正则表达式基础知识和Javascript中正则表达式的使用做一个总结。第一部分简单列举了正则表达式在JavaScript中的使用场景；第二部分详细介绍正则表达式的基础知识，写出一些例子方便理解。本文的内容是...
阅读全文
摘要：以前项目中遇到了很多浏览器缓存相关的问题，也在网上查过资料，搞过服务器的配置，来确保客户端加载服务器资源的速度和资源有效性。最近仔细看了下http协议中和缓存相关的一些属性，总结一下。浏览器缓存原理文字版描述①浏览器第一次访问服务器资源 /index.html在浏览器中没有缓存文件，直接向服务器发送...
阅读全文
摘要：自己边读变加了一些注释，理解了一下seajs3.0.0工作的流程。正则没有一个个去理解，插件模块也没看， 以后有时间了可以补充完整~事件系统中事件队列的获取&定义方法var list = events[name] || (events[name] = [])以前自己写都是if(!events[nam...
阅读全文
摘要：前言Javascript模块化规范有CommonJs规范，和主要适用于浏览器环境的AMD规范，以及国内的CMD规范，它是SeaJs遵循的模块化规范。因为以前项目中用SeaJs做过前端的模块管理工具，所以这里总结一下自己的使用心得。在试用SeaJs和官方推荐的CMD包管理工具——Spm2.x的过程中，...
阅读全文
摘要：有时候需要调试一个网页，需要某些元素在hover、focus、active等状态。比如hover，鼠标放到hover上，然后去控制台中找DOM，鼠标移开的时候元素就不是hover状态了。此时可以使用控制台来模拟hover事件。方法：
阅读全文
摘要：转自知乎张云龙的回答可以对比我自己的项目，思考一下~让我们返璞归真，从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css，用文本编辑器写代码，无需编译，本地预览，确认OK，丢到服务器，等待用户访问。前端就是这么简单，好好玩啊，门槛好低啊，分分钟学会有木有！然后我...
阅读全文
摘要：直接上代码，其中上传功能需要自己配置允许跨域的文件服务器地址~或者将html文件贴到您的站点下同源上传也OK。支持：不同尺寸图片获取、原图缩小放大、原图移动、选择框大小改变、下载选中的区域、上传选中的区域、几种简单的滤镜(自己添加滤镜函数即可添加滤镜效果)移动端适配要点：① 替换事件名称if(/^....
阅读全文
摘要：有一次用户遇到创建文件，名称为中文时乱码的问题。经调查，发现用户使用的是国产浏览器ie模式抓取请求发现IE：键 值请求 POST /Handlers/CreateTxtFile.ashx?filename=阿斯达是.txt HTTP/1.1Accept */*Content-Type applica...
阅读全文
摘要：js是单线程的，所以有些大量计算的操作会占用线程资源，导致页面卡住。今天遇到这样一个场景，选择一个下拉框之后，对数据进行筛选，这个过程中有大量计算，点了selecte的option之后，option不隐藏，一直卡在那里，直到筛选计算完成。这个体验非常差，于是想，能不能接触当前线程的占用，让交互看起来...
阅读全文
摘要：在做如下图这种拖拽效果的时候，遇到一个问题：被拖拽的元素一直位于一个比较高的层，且一直跟随鼠标移动，这样会挡住鼠标，导致其无法触发下层元素的任何事件。这样下层的元素就无法响应拖拽的事件了。受到这篇文章的启发：http://www.vinylfox.com/forwarding-mouse-event...
阅读全文
摘要：在某些场景下，需要在web上展示一些日志文件，这些日志文件是放在文件服务器上的一些txt。当日志文件很大时，下载日志会导致页面长时间卡住，一直在loading状态，而且下载完日志之后分析日志并生成dom，瞬间大量的dom渲染可能导致页面崩溃。于是想着优化一下日志的输出方式，开始下载即在页面上一行一行...
阅读全文
