手把手教你如何编写一个前端图片压缩、方向纠正、预览、上传插件；基于Vue2.0实现后台系统权限控制；vuex 源码：深入 vuex 之 state；一年前端面试打怪升级之路（一）；初探 CSS Grid 布局；WebAssembly 那些事儿；关于一道前端笔试题的思考；你不知道的 Vuejs：使用 ES6 快乐的玩耍
-
手把手教你如何编写一个前端图片压缩、方向纠正、预览、上传插件 今天我们要讲解下如何编写一个图片压缩、方向纠正插件，附带着会讲解下如何上传和预览。 为什么重点放在图片压缩和方向纠正？ 相信大家在做项目过程中，经常会遇到上传图片到后端，但是由于图片过大，需要对图片压缩处理。特别在移动端，手机拍的照片普遍过于大了，我们有时候只是需要上传一张头像，很小就够用…
-
基于Vue2.0实现后台系统权限控制 项目背景:现有一个后台管理系统，共存在两种类型的人员 ①超级管理员（称作admin），②普通用户（称作editor） 每种类型的人看到的操作栏并不一样，可以进行的操作也不尽相同，于是就需要程序处理一下各个权限问题。 过程说难不难，说简单不算简单 【迷茫的前期】 上百度、Google，狂搜了好多关于权限…
-
vuex 源码：深入 vuex 之 state 接下来我们则开始要研究的是 vuex 的 store 对象。 store 对象中有一个属性叫 state。state 包含了全部的应用层级状态。应用中的各个组件若使用了 state，则会保持与同步最新的状态。state 就好比是 vue 中的 data，但它是整个应用的 data。 举个简单的例子：应用中的子组件 a 和子组件 b 用到了 state.count，两个…
-
一年前端面试打怪升级之路（一） 2017年本科毕业生，坐标杭州，前端程序媛一枚。 在17年4月以前是个UI软妹子，自我定位想要成为一个交互大神，热衷于研究产品用户体验。 17年3月以UI设计实习生的身份进入现在的公司之后，由于UI发展前景不明，经过一段时间的深思熟虑（一拍脑门）决定转岗前端，自学一段时间后跟经理提出需求，随后逐渐往前端方向发…
-
初探 CSS Grid 布局 在CSS3中纳入的Flex Box布局给前端开发者带来了极大的便利，它的强大是有目共睹的。很多以前需要以前复查代码实现的布局，现在通过 Flex Box 很容易就实现。而在下一版本的CSS规范中正在讨论纳入一个更加强大的布局系统，它就是今天要说的： CSS Grid Layout 。 CSS网格布局是CSS中非常强大的布局系统。这是一个…
-
WebAssembly 那些事儿WebAssembly 那些事儿 什么是 WebAssembly？ WebAssembly 是除 JavaScript 以外，另一种可以在网页中运行的编程语言，并且相比之下在某些功能和性能问题上更具优势，过去我们想在浏览器中运行代码来对网页中各种…
-
关于一道前端笔试题的思考 昨天看到一篇面试阿里的文章 面试分享：专科半年经验面试阿里前端P6+总结(附面试真题及答案) 对其中一道笔试题产生了兴趣，特地把思考过程付诸于文字。 1.实现destructuringArray方法， 达到如下效果 // destructuringArray( ,3], " ,c]" ); // result // { a:1, …
-
你不知道的 Vuejs：使用 ES6 快乐的玩耍 上一篇中我们已经学会使用babel将 ES6 转化为 ES5 了，并且展示了一些 ES6 代码，这一篇将重点聊聊 ES6 在 Vuejs 项目中一些部分应用。 什么是ES6 摘自 ECMAScript 6 简介： 大家习惯将ECMAScript 6.0简称为ES6，它是 Javascript 语言的下一代标准，它的目标，是使得 Javascript 语言可以用来编写…
-
面试准备之JavaScript事件模型 DOM Level 2 Events(事件模型)：捕获阶段-目标阶段-冒泡阶段 事件监听： /* *event: 字符串，指定事件名 *function: 指定要事件触发时执行的函数 *useCapture: 布尔值，指定事件是否在捕获或冒泡阶段执行 */ element.addEventListener(event, function, useCapture) 移除事件监听： element.remove…
-
通用React框架Next.js发布5.0版本 看新闻很累？看技术新闻更累？试试 下载InfoQ手机客户端 ，每天上下班路上听新闻，有趣还有料！ Next.js 是用于通用React.js应用程序的开源工具包，已发展到5.0版本。这个版本改进了Next.js应用程序的可配置性，加入了对服务端Webpack的支持以及针对模块化配置的插件系统。它还增加了对TypeScript的支持，能…
-
2018春节后前端面试小记 写在前面 唉，我还是前端小渣渣一个。 最近一次的面试： 是一家云服务产品公司，面试流程也比较简单，前端负责人拿了一块白板和记号笔，心想一会要手写代码了。。。。 不过这种面试方式还是不错的。 去之前以为自己准备的差不多，其实准备的远远不够充足啊。 关于自我介绍 一开始一般会让你进行一个简单的…
-
解决使用 KeepAlive Agent 遇到的 ECONNRESET（Node.js） 问题背景 自从 Node.js 8.0 开始，http server 增加了一个默认配置 keepAliveTimeout = 5000，它会自动销毁超过 5 秒的空闲连接。 通过 node-modules/agentkeepalive#58 的示例代码，非常容易重现出服务端 Keep Alive 超时的效果，就是客户端复用「Keep Alive」 的 socket connection 会立刻触发ECONN…
-
Tippy.js 玩转鼠标悬停提示信息 网页设计师对 tooltips 鼠标经过提示效果应该不陌生，这种效果虽然可以直接用 css hover 来实现，但是如果想更友好的、更美观的效果，可能就要借助 JS 来实现啦。今天和大家分享的 Tippy.js 就是很不错的鼠标悬念插件，多种提示信息用法及样式，并且是轻量级哦。 网站名称：Tippy.js 下载&预览： htt…
-
D3js之初窥 最近在做一个项目, 图表是一个比较重要的功能, 但是之前并没有接触过可视化相关的东西, 当然不可能自己造一个轮子. 社区里有很多优秀的图表库: echarts, g6, highcharts, chartjs以及d3等等. 首先我们的项目重点并不在数据呈现, 也就是highcharts和chartjs首先被排除了. 其次我每太研究过canvas, 加上我们的项目比较紧, …
-
使用pkg打包Node.js应用 Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去，但毕竟多了一个步骤，特别是对于离线环境下的部署机，麻烦程度还要上升一级。假设你用Node.js写一些…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
