随笔分类 - 前端
css3@media实现原理
摘要：window.matchMedia() window.matchMedia() 基本用法 window.matchMedia方法用来检查CSS的mediaQuery语句。各种浏览器的最新版本（包括IE 10+）都支持该方法，对于不支持该方法的老式浏览器，可以使用第三方函数库matchMedia.js
阅读全文
gulp+webpack构建配置
摘要：gulp+webpack构建配置 使用构建工具之前我觉得前端好蠢，css没有变量，不能写循环，为了兼容要写好多前缀，hmtl写多页面中有同一个header，我就粘贴复制，然后修改的时候每个都要改。 我还不会压缩和合并，每次都要按F5刷新。其实这些问题也是网页优化的问题。 构建工具正是解决这些问题的集
阅读全文
Gulp和webpack的区别，是一种工具吗？
摘要：背景： 最近收到很多童鞋的问题：gulp和webpack 什么关系，是一种东西吗？可以只用gulp，不用webpack吗 或者反过来？ 基于此问： 我简单归结了一下区别和概念，让需要的同学阅读理解，从而不把时间浪费到这种模糊不清的选择问题上！ gulp是工具链、构建工具，可以配合各种插件做js压缩，
阅读全文
JavaScript 的 WebAssembly
摘要：本周发布的 Firefox 52 加入了对 WebAssembly 的支持，成为第一个支持 WebAssembly 标准的浏览器，而其它浏览器如 Chrome 57、Safari 和 Edge 也都会陆续支持 WebAssembly。WebAssembly 源于Mozilla 发起的 Asm.js
阅读全文
Web充斥着存在漏洞的过期JavaScript库
摘要：虽然使用第三方软件库通常会降低开发的时间，但同时也会增加网站暴露出的攻击表面，对此我们应有充分的认识。因此需要保持第三方软件库的最新版本依赖，以便从安全更新中获益。即便如此，一份近期研究表明，在Alexa排名前7.5万名的网站中，有37%的网站至少存在一处漏洞，近10%的网站至少存在两处漏洞。 除了
阅读全文
高效编写微信小程序
摘要：何, 六六 腾讯ISUX 前言 微信小程序是一个工程，就和盖房子一样，打好了地基，才能保证后续工程师建立在可靠牢固的基础上。 笔者需要经常新建项目，每次都要重复“修改项目结构 -> 从老项目中复制粘贴文件 -> 删除一些老项目中代码”这样的过程，实在是…费心费力。 另一个痛点是：每次新建小程序页面要
阅读全文
WIX、Squarespace、WordPress 三者的优劣分别是什么?
摘要：层出不穷的智能建站，模板建站，源码建站，云建站，仿站，各种建站概念都抛洒于红海之中。到底什么样的网站适合自己，什么样的网站值得我们去消费，什么样的网站能长久，是个非常值得思考的问题。 网站建设技术非常成熟的今天，其实我们还能发现一些空白点。返回头来分析一下流行的一下建站资源，我赫然开朗。 目前自己正
阅读全文
用wix制作属于自己的Flash网站
摘要：Wix 制作属于自己的Flash网站 Wix 是一款新兴的在线应用程序，它可以帮助用户轻松的创建出绘声绘色的Flash网站，而不需要任何相关的专业知识。Wix 是一家位于以色列的Startup开发的一款在线应用程序，它可以帮助那些没有任何相关专业知识的同学们实现在线架构Flash网站的梦想。也许你体
阅读全文
展示github中的页面（Github Pages）
摘要：一、创建一个仓库，名为"user_name.github.io"（此处user_name替换为你自己的github用户名），并在根目录下创建index.html，则该仓库下的所有html均可直接展示 例： 通过http://user_name.github.io/ 可直接展示"user_name.g
阅读全文
写一个网页进度loading
摘要：作者：jack_lo www.jianshu.com/p/4c93f5bd9861 如有好文章投稿，请点击 → 这里了解详情 loading随处可见，比如一个app经常会有下拉刷新，上拉加载的功能，在刷新和加载的过程中为了让用户感知到 load 的过程，我们会使用一些过渡动画来表达。最常见的比如“转
阅读全文
线条之美，玩转SVG线条动画
摘要：线条之美，玩转SVG线条动画 作者：AlloyTeam www.alloyteam.com/2017/02/the-beauty-of-the-lines-break-lines-svg-animation/ 如有好文章投稿，请点击 → 这里了解详情 通常来说web前端实现动画效果主要通过下面几种方
阅读全文
HTML5 一些有用的 APIs
摘要：Animation Timing Window.requestAnimationFrame(callback)： 告诉浏览器希望执行一个动画，让浏览器在下一个动画帧安排一次网页重绘（类似于 setTimeout，但是更精确） 该函数返回一个唯一标识符，在取消动画请求时使用 callback： 你希望
阅读全文
基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
摘要：前言 初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂
阅读全文
科普 | 编译 V8 源码
摘要：2017-02-13 justjavac 象尘说 对于JavaScript程序员来说，可以瞧一瞧justjavac给大家写的科普类读物，V8引擎的分析，“也许你不懂C++”，但是你可以了解一下，总是好的。 本系列得到了justjavac的授权，同意我在公众号中转载，来源于知乎专栏：https://z
阅读全文
浏览器缓存机制浅析
摘要：非HTTP协议定义的缓存机制 浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的<head>节点中加入<meta>标签，代码如下： <M
阅读全文
angular和vue的对比学习之路
摘要：vue-ng vue-ng 打开vue的中文官网一段关于vue的描述 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。 那我么再看下angular中文网 AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要
阅读全文
技术 | 前端面试题（一）：递归解析
摘要：递归基本上是一个必考的算法题，它是实现程序计算过程中描述过程的基础模式之一，可见这是极其重要的。前端考察这个的原因，多数是在于看看面试者对于一些基础算法的了解程度，以及思考程度。 题目：一个数组“var meta = [1,2,[3,4,[5]],6,[7,[8,9,[10,11,[12]]]]];
阅读全文
前端js框架引入管理bundle.js
摘要：最先在ionic中看到bundle.js,,,然而它不是一个框架
阅读全文
写给想做前端的你
摘要：https://segmentfault.com/a/1190000005085629 4年前我从北邮毕业，期间在百度实习过，在杭州阿里巴巴度过了“三年陈”，现在在帝都创业。和这个板块的北邮人一样，我很喜欢前端技术：希望和大家分享、交流，共同进步；更希望能够给将要在前端行业工作、实习的同学一些帮助。
阅读全文
Javascript模块化编程(三)require.js的用法及功能介绍
摘要：这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js感兴趣的朋友可以了解下啊 这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常
阅读全文
浙公网安备 33010602011771号