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

2019 前端性能优化清单；前端图片压缩及上传；webpack4.0配置记录（1）；深入学习js之——词法作用域和动态作用域；Javascript基础系列-javascript概述；JavaScript常用工具方法封装；Android——反编译某互联网金融APP，通过JS漏洞获取用户信息、调用分享接口植入钓鱼网站(安全篇)；ES6+好用的小技巧，让你的代码更干净，短巧，易读

2019 前端性能优化清单原题《2019 前端性能优化年度总结》。吓到我了，2019 年这才刚开始，总结？
前端图片压缩及上传图片的上传一般情况下不需要上传大体积的图片，因为如果是用户头像或者是一些要求清晰度不是太高的场景上传大体积图片会很消耗资源，一个是上传耗时比较长，同时也增加了存储的开销，当展示的时候也会消耗下载的带宽，影响加载效率。要求用户上传的图片之前压缩图片很影响用户体验，所以就增加了在前端进行图片压缩的需…
webpack4.0配置记录（1）趁着假期闲暇，练习下webpack4.0的一些配置。 webpack4优化压缩js和css方式 let UglifyJsPlugin = require("uglifyjs-webpack-plugin"); let OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"); optimization: {//优化项 minimizer: [ new UglifyJsPlugin(…
深入学习js之——词法作用域和动态作用域当我们在开始学习任何一门语言的时候，都会接触到变量的概念，变量的出现其实是为了解决一个问题，为的是存储某些值，进而，存储某些值的目的是为了在之后对这个值进行访问或者修改，正是这种存储和访问变量的能…
Javascript基础系列-javascript概述核心是针对文本、数组、日期和正则表达式的操作定义了很少的api，但是这个api不包括输入输出功能。输入和输出功能（类似网络、存储和图形相关的复杂特性）是由Javascript所属的宿主环境提供的表达式和语句表达式仅仅计算出一个值但并不做任何操作，它并不改变程序的运行状态。语句并不包含一个…
JavaScript常用工具方法封装因为工作中经常用到这些方法，所有便把这些方法进行了总结。 JavaScript 1. type 类型判断 {代码…} 2. Date {代码…} 3. Array {代码…} 4. String 字符串操作 {代码…} 5. Number {代码…} 6. Http {代码….
Android——反编译某互联网金融APP，通过JS漏洞获取用户信息、调用分享接口植入钓鱼网站(安全篇) 本文将分为三部分进行详细讲解： JavaScript和WebView通信的基本使用方法；通过反编译，快速定位攻击路径，调用JS接口获取用户信息、植入钓鱼网站；解决办法；结果如下：众所周知，H5+JS接口+Webview这种混合开发模式十分普遍，市场上面绝大部分应用或多或少都是…
ES6+好用的小技巧，让你的代码更干净，短巧，易读… 操作符，有两个主要用处：复制一个新的数组或对象把多个参数赋值给一个数组变量把一个数组变量赋值给多个参数
NodeJS Events模块源码学习 events 模块的运用贯穿整个 Node.js , 读就Vans了。 1. 在使用层面有一个认识 1.1 Events 模块用于解决那些问题？回调函数模式让 Node 可以处理异步操作，但是，为了适应回调函数，异步操作只能有两个状态：开始和结束。对于那些多状态的异步操作（状态1，状态2，状态3, ….），回调函数就会无…
PHP+AJAX实现账号注册和登陆，附可用demo登陆和注册已经是网站的标配了，所以这是我们web开发学习过程中必学的了。其实很容易实现，只需要懂数据库的增删改查，还有if_else的条件语句即可做出来。
WebSocket 协议第十章——安全性考虑（Security Considerations）本文为 WebSocket 协议的第九章，本文翻译的主要内容为 WebSocket 扩展相关内容。有兴趣了解该文档之前几章内容的同学可以见：【译】WebSocket 协议——摘要（ Abstract ）【译】WebSocket 协议第一章——介绍（ Introduction ）【译】WebSocket 协议第二章——一致性要…
nextjs踩坑几乎一整年没咋写文章，主要是懒，加上工作也挺忙。但是想趁着年底发一篇，希望明年更勤奋一点。其实不是没东西写，就是想深入一个东西还是很困难的，要查各种资料，最终还是懒就是了。
webpack4.0配置记录（2） new Webpack.DefinePlugin({//用来定义全局环境变量 DEV:JSON.stringify(‘dev’), FLAG:’true’ }), webpack简单优化 noParse module:{ noParse:’/jquery/’,//不去解析设置的包所依赖的关系,如jquery } ignorePlugin …
web worker 的传值方式以及耗时对比前一阵子开发的项目 pptx 导入, 由于自己的代码问题,引起了个性能问题,一个 40p 的 pptx 文件,转换成 json 数据,大概要耗时 60s+ ,虽然后面发现是某个使用频率非常高的函数内部,用了 new Function 构造函数造成…
第十三届 D2 前端技术论坛精彩回顾必看。
json to graphql schema: json2graphqlGraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。由于其强…
学习 Golang 的 HTTP 中间件机制因为 Golang 内置的 net/http 天生就支持 HTTP 中间件机制，所以即便不用 gin 之类的 Web 框架，我们也可以写出扩展性很好的 Web 应用。假如你不了解 Golang 的 HTTP 中间件机制的话，那么可以把它看成是一个洋葱：通过洋葱看中间件每一个中间件都是一层洋葱皮…
【20190203 前端开发日报】Three.js – 利用 JS 进行图片处理并生成对应粒子图；在JavaScript中理解组合模式；css-flex常见面试题；canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备；2019 J…详情→
世界是平的吗？从不同角度看前端在远古的时候，人们对世界的认知有限，以为天圆地方，世界是平的。后来，随着科技进步，大家都知道了地球的形状，它不但不平，还有山川河流，沙漠海洋。这很大程度上说明了人所处的环境对认知带来的影响，我们看待一件事物，从不同的视角去看，所得到的结论未必是相同的。前后端协作的研发模…