20180420 前端开发日报

VuePress手把手一小時快速踩坑;webpack 4.0?跑太快了;Weex小册—从0搭建一个Weex项目;nodejs什么值得买自动签到自动评论邮件发送;你应该知道的Node.js子进程;从 setTimeout/setInterval 看 JS 线程;使用Vue编写快应用解决方案;深入深入再深入 js 深拷贝对象

  1. VuePress手把手一小時快速踩坑 簡介 官方文檔 快速部署生成靜態網站,便於書寫blog或記錄文件,這個需求始終沒有減少過。因此github上也有許多配套方案,便於建立這類型的靜態網站,例如hexo或Gatsby。透過這個靜態網站排名可以一窺當前stars排名靠前的各種方案。 上週Vue的作者
  2. webpack 4.0?跑太快了 今天查 webpack 文档, 发现版本已经是 4.6 了, 而 webpack 4.0 发布于 2月25日, 距今天不足两个月. 不知道是什么促使 webpack 上演版本大战, 也许有 parcel 的原因吧. 但我要说的是, webpack 4.0+ , 变得更难用了 首先独立出来一个 webpack-cli 就能坑老大一批人 其次说好的零配置(mode设置)也并不全面, 不设置 mo...
  3. Weex小册—从0搭建一个Weex项目 新建项目工程 mkdir weex-starter cd weex-starter npm init -y 然后在根目录下新建index.html文件。 目录结构如下: . ├── index.html └── package.JSON 安装依
  4. nodejs什么值得买自动签到自动评论邮件发送 本项目是基于 nodejs 开发,实现的功能是, 什么值得买 自动签到,自动评论功能,自动发邮件,支持多人多账号运行 目的是为了,解放双手,轻松获取 什么值得买 的 经验 和 积分 ,得到更高的 等级 ,从而突破很会员等级限制,如领取部分紧俏的优惠券 项目运行即执行 签到 和 评论 目前规则:每天 6:10 执行...
  5. 你应该知道的Node.js子进程 文章翻译自 Node.js Child Processes: Everything you need to know 如何使用spawn函数、exec函数、execFile函数和for函数 Node.js中的非阻塞单线程的特性对单进程任务是非常有用。但是事实上,面对日益复杂的业务逻辑,单个cpu中的单进程所能提供的计算力显然是不足的。因为无论服务器如何强大,单线程...
  6. 从 setTimeout/setInterval 看 JS 线程 最近项目中遇到了一个场景,其实很常见,就是定时获取接口刷新数据。那么问题来了,假设我设置的定时时间为1s,而数据接口返回大于1s,应该用同步阻塞还是异步?我们先整理下js中定时器的相关知识,再来看这个问题。 初识setTimeout 与 setInterval 先来简单认识,后面我们试试用setTimeout 实现 set...
  7. 深入深入再深入 js 深拷贝对象 前言 对象是 JS 中基本类型之一,而且和原型链、数组等知识息息相关。不管是面试中,还是实际开发中我们都会碰见深拷贝对象的问题。 顾名思义,深拷贝就是完完整整的将一个对象从内存中拷贝一份出来。所以无论用什么办法,必然绕不开开辟一块新的内存空间。 通常有下面两种
  8. 理解 $q 和 promise基本用法-1 4.18 $q 和 promise 需要在 angular 中掌握异步的知识,我们需要掌握这几个重要的知识点,http, promise 广义回调管理 首先来看看 $q 的基本含义: 根据官网描述:基本的使用方法 通过 $q 服务的到一个 deferred
  9. 从零开始搭建前端脚手架 Vue.js 是目前比较流行的前端框架之一,那么开发一个基于 Vue.js 的组件是每个前端的心愿。在每次开发新的 Vue.js 组件的时候,都会做的事情有下面几项: 创建项目目录 git 初始化 npm 初始化 搭建开发环境
  10. Oracle终于要向JavaScript动手了 昨天,一名 ios 开发者在 Reddit 发帖称,Oracle 向其发送了律师函,要求将一款 App 从 App Store 下架,因为 App 名字中包含“JavaScript”字眼,而 Oracle 拥有 JavaScript 在美国的商标权。
  11. 前端性能相关:防抖、节流 浏览器的 resize、scroll、keypress、mousemove 等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能。为了优化体验,需要对这类事件进行调用次数的限制。 防抖(debounce) 作用是在短
  12. 编写灵活、稳定、高质量的CSS代码的规范】全文=> ​​​ 一、语法 1.1 注意 (1)用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 (2)为选择器分组时,将单独的选择器单独放在一行。 (3)为了代码的易读性,在每个声明块的左花括号前添加一个空格。 (4)声明块的右花括号应当单独成行。 (5)每条声明语句之后...
    编写灵活、稳定、高质量的CSS代码的规范
  13. 从零开始:用REACT写一个格斗游戏(二) 今天也没什么事,所以就准备继续完善这个小游戏。第一次点进来的同学可以看看上篇。今天给人物增加了攻击扣血,被击打僵直等,顺便还给人物增加了一个转转转的技能,不过可能图没有扣好,转转转显得有点鬼畜。 怎么实现人物攻击让敌人掉血呢,首先我们先要判断攻击究竟有没有打在
  14. JavaScript 类型判断知多少 JavaScript类型判断是个蛋疼的问题,这可以说是语言本身的缺陷造成的,但是没办法,除非你不用JavaScript,否则该判断的还是要判断,本文还是JavaScript30秒的续集...
  15. 深入理解-CSS内联元素之font-size前端开发中,似乎控制不同大小文字之间,或者文字与图标之间对齐总是不那么得心应手,总觉得少了点什么,这其中其实跟CSS中几种跟内联元素相关的属性有很大的关系,从我的感觉看,平时遇到的30%的css问题都是由于搞不清这几种属性的关系有关。这里第一篇文章先介绍字体
  16. 如何编写一个前端框架之六-自定义元素(译) 本系列一共七章,Github 地址请查阅这里,原文地址请查阅这里。 自定义元素的好处 这是编写一个 JavaScript 框架系列的第六章。本章,我将会讨论自定义元素的好处和它们在现代前端框架核心内的可能角色。 组件的时代 近些年组件风靡整个网络。所有的现代前
  17. 如何编写一个前端框架之五-基于 ES6 代理的数据绑定(译) 本系列一共七章,Github 地址请查阅这里,原文地址请查阅这里。 使用 ES6 代理创建数据绑定 这是编写 JavaScript 框架系列的第五章。本章将会阐述如何使用 ES6 代理创建一个简单且强大的数据绑定库 前言 ES6 让 JavaScript 更加
  18. Vue.js 源码解析 2 - 编译与渲染函数 Vue.js 源码解析 2 - 编译与渲染函数 Vue 构建 UI 的方案是解析模板, 构造渲染函数, 构建 VNode 树, 以及对 VNode 树的 patch. 这篇文章将会分析这些过程是如何发生的. 这一部分的内容很多 (比前一篇还要长!), 因此我不
  19. 怎样学习React?当然是自己动手实现一个React啦 深入学习一个框架最直接的方式,就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架,它设计简单,没有引入任何新的概念,一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单,React的代码有数万行,特别是在引入Fiber架构后
  20. 利用whistle调试websocket和socket请求 whistle v1.6.0 (Github地址:github.com/avwo/whistl…) 开始支持WebSocket和一般Socket的抓包、构造请求、以及修改发送或接收的数据。 请求抓包 打开whistle的Network,选中左侧请求列表中的We
  21. 解密Vue SSR 作者:百度外卖 耿彩丽 李宗原转载请标明出处 引言 最近笔者和小伙伴在研究Vue SSR,但是市面上充斥了太多的从0到1的文章,对大家理解这其中的原理帮助并不是很大,因此,本文将从Vue SSR的构建流程、运行流程、SSR的特点和利弊这几方面对
  22. 探寻 webpack 插件机制webpack 可谓是让人欣喜又让人忧,功能强大但需要一定的学习成本。在探寻 webpack 插件机制前,首先需要了解一件有意思的事情,webpack 插件机制是整个 webpack 工具的骨架,而 webpack 本身也是利用这套插件机制...
  23. 找出最大子数组(js实现) 有长度为n 的数组,其元素都是int型整数(有正有负)。在连续的子数组中找到其和为最大值的数组。 如 的最大子数组为 方法1: 暴力解决 直接使用
  24. 20180419 前端开发日报】moment太重? 那就试试miment–一个超轻量级的js时间库;整理了js数组去重4种方法;JavaScript:处理值为’undefined’的7个技巧;Vue开发库存管理前端页面时一些小经验记录;require.js了解一下;ES6 ...详情→ ​​​
    20180419 前端开发日报
  25. Lynx 之 JS Binding 技术(一) 背景 Lynx 作为一个基于 JavaScript 语言(后续简称 JS )的跨平台开发框架,与 JS 的通信是"与生俱来"的,框架和 JS 引擎打交道是必不可少的能力。JS 引擎提供了 Extension 功能,提供接入方间接和 JS 通信的桥梁,Lynx 的 JS Binding 正是基于这个能力进行了封装,构建一套基础的 JS API,将能力开放给前端...
  26. ReactV16.3即将更改的生命周期 March 27, 2018 by Brian Vaughn 一年多来,React团队一直致力于实现异步渲染。上个月,他在JSConf冰岛的演讲中,丹揭示了一些令人兴奋的新的异步渲染可能性。现在,我们希望与您分享我们在学习这些功能时学到的一些经验教训,
  27. Angular service 详解 Angular为什么需要service组件应该是专注于展示层,所以需要service来获取数据和保存数据。组件之间的通信需要service来协助完成。众所周知,angular中service采用的是依赖注入,那什么是依赖注入呢?依赖注入(DI)是一种设计模式为
  28. React 中的 Immutability:可变对象并没有什么问题 原文地址:Immutability in React: There’s nothing wrong with mutating objects 原文作者:Esteban Herrera 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/go
  29. 引入 Brotli 进行 Web Server的压缩 目前我们大多数网站都是启用的 gzip 来进行 资源传输的压缩,这有利于我们更加快速的访问我们的网站;但是除了 gzip 外,我们或许还有别的选项,而且性能会更好,比如 Facebook 便是启用的 Brotli 算法; Br

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20180420 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180420.html)