20180927 前端开发日报-前端开发博客

[前端开发]–分享个人习惯的命名方式；细数 JavaScript 实用黑科技(一)；操作系统和 Web 服务器那点事儿；Javascript 模块化管理的来世今生；前端面试中最常问到到垂直水平居中问题；比官方文档更易懂的Vue.js教程包你学会；js双等号探索(二): a==3&&a==4 为true ？；前端面试题整理（定期更新）

[前端开发]–分享个人习惯的命名方式把一件平凡的事情做好，很平凡。把一件平凡的事情坚持的做好，很不平凡。 1.前言如果说计算机科学只存在两个难题：缓存失效和命名。那么我就觉得命名的难点只有两个：词汇量和坚持贯彻执行制定的规范。最近在知乎上看到这个：作为程序员，有没有让你感到既无语又崩溃的程
细数 JavaScript 实用黑科技(一)从接触前端开发到现在已经将近 2 年了，最近又看了阮一锋写的：《JavaScript 语言入门教程》一书，重温 JavaScript 。
操作系统和 Web 服务器那点事儿操作系统老大又一个进程启动了，操作系统老大叹了一口气，毕竟自己的肩头又多了一份责任。让人烦恼的是，新来的家伙们很无知，几乎就是一张白纸。有些老实本分的会按照自己的规矩来做事，有些刺头儿喜欢问这问那，时不时还想搞点非法的访问，想访问别的进程的地址空间，甚至想访问内核的代码和数据！ …
Javascript 模块化管理的来世今生 Javascript 模块化管理的来世今生模块管理这个概念其实在前几年前端度过了刀耕火种年代之后就一直被提起，那么我们有思考过这个模块管理具体指的是什么东西？什么样子的展现形式？历史由来？现在是什么样的一个状态？直接回想起来的就是 cmd am
前端面试中最常问到到垂直水平居中问题方法一、 CSS3 transform和position(元素宽高未知的情况) {代码…} 方法二、绝对定位和margin-left:-自身宽度一半，margin-top: -自身高度的一半 (已知宽高) {代码…} 方法三、 css3 flex布局 {代码…} 方法…
比官方文档更易懂的Vue.js教程包你学会本文由蔡述雄发表于云+社区专栏蔡述雄，现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师，曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。
js双等号探索(二): a==3&&a==4 为true ？定义一个变量a,并赋值一个对象，方便后面重写它的valueOf方法。可以通过Object.isFrozen()方法来判断一个对象的属性是否可以重写。
前端面试题整理（定期更新）本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！…
webpack 系列文章初始篇配置篇处理ES6 处理CSS 处理静态资源处理目录文件使用 DevServer 使用 Vue 用 React 实现懒加载提取公共模块编写 Plugins 编写 Loader
字符串匹配算法介绍及js字符串indexOf源码探究前言之前学过的字符串匹配算法，一种是朴素算法，一种是KMP算法。朴素算法即暴力，两层for循环，算法复杂度 O(n*m) function match(s1,s2){ var n = s1.length var m = s2.length f1: for(var i=0;i<n;i++){ if(s1 ===s2 ){ f2: for(var j=1;j<m;j++){ if(s1[…
精读《12 个评估 JS 库你需要关心的事》1 引言作者给出了从 12 个角度全面分析 JS 库的可用性，分别是：特性。稳定性。性能。包生态。社区。学习曲线。文档。工具。发展历史。团队。兼容性。趋势。下面总结一下作者的观点。 2 概述 &…
手把手带你用85行代码实现一个React.js（详细讲解）作者：殷荣桧@腾讯啥也不说，先来看看用我们85行的React.js直接替换别人写好的扫雷项目中的React.js，看看效果怎么样？哈哈，是不是正常运行了。 Attention：一定不要被下面辣么多的代码吓到，因为下面辣么多的代码只是每次在上一个co
搞起node.js静态服务器并实战前端缓存要实现的内容大概是这样的 MIME类型支持，当本地存在资源时响应200状态码，不存在响应404状态吗，默认UTF-8编码客户端过期时间设置为1年静态资源在服务器存放的根目录是/home 实现304状态码响应逻辑，etag签名 …
细数 JavaScript 实用黑科技(二)!! 操作符：!!variable 。!! 可以将变量转换为布尔值。!! 可以把任何类型的值转换为布尔值，并且只有当这个变量的值为 0 / null / “” / NaN / undefined 的时候才会返回 false，其他情况都返回 true。
教你搭建基于typescript的vue项目自尤大去年9月推出vue对typescript的支持后，一直想开箱尝试，对于前端sr来说，vue的顺滑加上ts的面向对象，想着就非常美好~ 终于在两个月前，找到了个机会尝试了一把vue+ts的组合。开文记录下vue和ts整合之旅和遇到的一些坑。 vue 应该
前端每日实战：144# 视频演示如何用 D3 和 GSAP 创作一个集体舞动画效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
JavaScript的作用域详解作用域（scope），程序设计概念，通常来说，一段程序代码中所用到的变量并不总是有效/可用的，而限定这个变量的可用性的代码范围就是这个变量的作用域。通俗一点就是我要把我的变量分成一坨一坨保管起来，有些地…
从一道 CTF 题看 Nodej.js 的 prototype pollution attack 前言文章的灵感来自于刚刚结束的 DefCamp CTF 2018 上的一道题目，主要的考点是 Node.js 的 prototype pollution attack。因为在 CTF 中 Node.js 的题型较少，同时本人也恰好对其比较感兴趣，所以特地来分析一下这道题的前因后果。题目题目是一个由 Node.js 编写的基于 socket.io 的聊天应用，运行在 https://…
Something about ThinkJs and Mongoose 使用mongoose进行查询时的一些稍微复杂的查询方法，由于是初学，也记录一下: 关联查询 mongoose可以通过populate方法直接进行关联查询，例如我们有这样的两个实例： const articleSchema = new Schema({ title: String, category: { type: Schema.Types.ObjectId, ref: ‘Catetory’ } }) const cat…
前端系列——查找字符串B的字符任意一种组合是否是字符串A的子串查找字符串B的字符任意一种组合是否是字符串A的子串。例如 A=abc123，B=cba，则B的其中一种组合abc是A的子串，然后返回true。
JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators 原文地址：简单解释JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators 某些JavaScript（ECMAScript）功能比其他功能更容易理解。Generato
《React Native 开发总结》对于移动开发者而言，react-native只是开发箱中其中一种工具。丰富自己工具箱，才能有更宽的视野，更多的开发思路。（by jeremyzj）
前端每日实战：142# 视频演示如何用 CSS 的 Grid 布局创作一枚小鸡邮票效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
前端每日实战：143# 视频演示如何用 CSS 的 Grid 布局创作一枚小松鼠邮票效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
前端每日实战：141# 视频演示如何用 CSS 的 Grid 布局创作一枚小狗邮票效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
webpack启动代码源码解读虽然每天都在用webpack，但一直觉得隔着一层神秘的面纱，对它的工作原理一直似懂非懂。它是如何用原生JS实现模块间的依赖管理的呢？对于按需加载的模块，它是通过什么方式动态获取的？打包完成后那一堆/******/开…