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

怎样尊重一个程序员；前端该知道些密码学和安全上的事儿；寒冬之下，被裁的那些人到底去哪了？；理解import、require、export、module.export；无依赖开发之封装DOM；2018 年读过的书；Hummingbird: Web 里的 Flutter；2019 Web 开发技术指南和趋势

怎样尊重一个程序员周刊君本周看朋友圈刷到的一篇文章。虽是旧文，值得一读。
前端该知道些密码学和安全上的事儿如题。
寒冬之下，被裁的那些人到底去哪了？相信这个冬天，大家都看到了各种被cai和别名为『优化调整』的新闻。自从我发表《终于，这个冬天，我也被cai了》文章后，很多媒体和记者，每天都在加我微信，表示想做一些访谈，关于被cai人员的生活实录。当然我没有应允，一个是没有这么多时间，二个是公号就是对外的窗口，有什么想聊的，或者分享的，也会第一时间在公号…
理解import、require、export、module.exportCommonJS和AMD都只能在运行时确定这些东西，commonJS模块就是对象，输入时需要查找对象属性
无依赖开发之封装DOM 在《抛开 Vue、React、JQuery 这类第三方js，我们该怎么写代码？》文章中提到了使用原生的web components技术来开发项目。开发中碰到了一些有挑战性的问题，这篇文章就来记录一下在封装DOM操作时碰到的问题以及解决方式。主流框架与数据绑关于DOM操作就不得不提到一个js库——JQuery。JQuery是成也DOM（…
2018 年读过的书从2018年开始一直坚持每月读2本书以上，庆幸自己坚持下来了，共读了38本书，也希望明年能够继续坚持。有些是实体书，有些是在微信读书上看的电子版，在手机app上看书确实会高效很多，今年有一半的书是在微信读书上看的，非常适合空闲时间阅读，以及像坐地铁、等地铁这种零碎的时间。下面是我今…
Hummingbird: Web 里的 Flutter 带你了解如何将 Flutter 带进 Web。
2019 Web 开发技术指南和趋势虽然我是不太相信各种“预测”的，但到年底了，看看无妨。总的说来，预期之内。
在VUE中使用RSA加密解密加签解签 RSA加密算法是最常用的非对称加密算法，它既能用于加密，也能用于数字签名。在vue中使用加密首先引入jsencrypt npm install jsencrypt –save 复制代码在main.js中引入 import JsEncrypt from ‘jsencrypt’ Vue.prototype.$jsEncrypt = JsEncrypt 复制代码将加密解密方法封装到通用的js内 let publicKe…
H5拍照、选择图片上传组件—React前段时间项目重构，改成SSR的项目，但之前用的图片选择上传组件不支持SSR（server-side-render）。遂进行了调研，发现很多的工具。但有的太大，有的使用麻烦，有的不满足使用需求。决定自己写一个h5移动端图片上…
#前端技术#【2018 最佳前端动效集锦】详见：本篇作者汇总了 2018 年优质的前端动效合集，看看有木有你喜欢的？[喵喵]
express.js的介绍及使用Node.js 《Node.js 官网（中文）》 Node.js 《Node.js 官网（英文）》 <br/><br/> Node.js 是什么 Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js uses an even…
也许你对 Fetch 了解得不是那么多（上）本篇主要讲述 Fetch 的一些基本知识点以及我们在生产开发中怎么去使用。为了能够更好的了解 Fetch，我们希望你对以下知识点有所了解，如果有相关的开发经验，那是最好不过的了。
➹使用webpack配置多页面应用MPA:100为什么需要使用 webpack 构建多页应用呢？因为某些项目使用 SPA 不太合适（大多是 SEO 的原因），或者您在做项目时有其他的需求。如果你有如下需求：
AST in JS Babel,Webpack，vue-cli和esLint等很多的工具和库的核心都是通过Abstract Syntax Tree抽象语法树这个概念来实现对代码的检查、分析等操作的。在前端当中AST的使用场景非常广,比如在vue.js当中，我们在代码中编写的template转化成render function的过程当中第一步就是解析模版字符串生成AST。JS的许多语法为了给开发者更…
Node.js在指定的图片模板上生成二维码图片并附带底部文字说明在Node.js中，我们可以通过 qr-image 包直接在后台生成二维码图片，使用方法很简单： var qr = require(‘qr-image’); exports.createQRImage = function(res, str){ var img = qr.image(str); // 将生成二维码图片 res.writeHead(200, {‘Content-Type’: ‘image/png’}); img.pipe(res); }; 但…
深入JavaScript系列（六）：原型与原型链说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。一、引用类型皆为对象原型和原型链都是来源于对象而服务于对象的概念，所以我们要先明确一点： JavaScript中一切引用类型都是对象，对象就是属性…
打造 10000 Star 的前端开源项目开源项目怎么才能获得更多的 Star 数呢？作者总结了自己在维护 Day.js 项目的过程中的一些经验教训，介绍如何改进和推广你的开源项目。
canvas中普通动效与粒子动效的实现canvas可以绘制动态效果，除了常用的规则动画之外，还可以采用粒子的概念来实现较复杂的动效，本文分别采用普通动效与粒子特效实现了一个简单的时钟。
【20181230 前端开发日报】力荐 35 个最好用的 Vue 开源库；免费的渐进式教程：Webpack4的16篇讲解和16份代码；面试官眼中的Promise；前端性能提升秘笈；前端性能优化总结；Css in Js 一次实践；Re…详情→
【20181230 前端开发周报】前端面试之道；2019 简易Web开发指南；你知道吗？2018年JavaScript主导了开源；使用JavaScript实现自己的Promises；前端模块化结构如何拆分；JavaScript数据结构之队列…详情→