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

像写作一样去写代码，如何把异步的形式改写成同步的形式；Vue+Electron桌面应用程序；前端全栈工程化开发专题 — JS中回调函数的深入解读；关于CSS3 flex布局，这样简单做就好了；<node.js学习笔记(5)>koa框架和简单爬虫练习；超越 JavaScript：亚马逊发布 Lambda Layers 和 Runtime API；vue 组件间传值；重写 CryptoJS（一）：ECMAScript 类与继承

像写作一样去写代码，如何把异步的形式改写成同步的形式写代码的时候，碰到一大堆的缩进、花括号是不是特别头疼？为什么会有这么多的标点符号，还有各种技术概念？能不能像写作一样，自由得书写？从形式上，代码比文章多的是格式，格式代表了对应的技术原理。文本分享一则关于「同步、异步、阻塞、非阻塞」的技术概念，结合Javascript中的图片加载，介绍如何把异步的形式改…
Vue+Electron桌面应用程序编辑推荐: 本文来自网络，本文主要介绍了Electron 通过把 Chromium 和 Node.js 组合到一个运行时来实现这一点，并且可以为 Mac、Windows 和 Linux 打包应用程序。为了快速入门，我使用了 Greg Holguin 的 electron-vue 样板。它给开发人员提供了 vue-cli scanffolding、常见的 Vue 插件…
前端全栈工程化开发专题 — JS中回调函数的深入解读 js中的定时器及动画完整版动画库封装回调函数初步讲解扩展更多的运动方式（非匀速） options对象参数的应用 … 什么是回调函数？把一个函数当做实参值传递给函数的形参变量（或者传递给函数，通过函数arguments获取），在另外一个函数中把传递的函数执行，这种机制就是回调函数机制 …
关于CSS3 flex布局，这样简单做就好了flex布局在移动端会用得比较广泛，例如导航栏，菜单栏等，以支付宝，淘宝APP为例。看了网上很多关于flex布局，有些写得太乱了，也太复杂了。写一个导航栏，5个导航，用普通得写法是。 {代码…} 就没每个<li…
<node.js学习笔记(5)>koa框架和简单爬虫练习 npm i -S koa@latest const koa = require("koa"); const app = new koa; 通过实例操作,专门用于客户端请求的函数叫做中间件,使用use()注册 use()函数中必须使用异步 async; use可是调用无数次; 其中有两个参数: a)ctx: 上下文环境,node的请求和响应对象,其中不建议使用node原生的req和res属性,使用k…
超越 JavaScript：亚马逊发布 Lambda Layers 和 Runtime API AWS re:Invent 2018 发布了很多新功能和服务，包括 Lambda Layers ，用于集中管理跨功能共享的代码和数据，以及 Lambda Runtime API，将 AWS Lambda 从 JavaScript 扩展到其他编程语言。在 Lambda Layers 之前，需要打包和部署功能所使用的共享代码。而有了 Lambda Layers 之后，开发人员将公共组件放在 zip 文…
vue 组件间传值1、父组件给子组件传值父组件： {代码…} 子组件： {代码…} 2、子组件给父组件父组件： {代码…} 子组件： {代码…} 3、vuex store.js： {代码…} main.js中引入vuex {代码…} 传值：this.$store.commit…
重写 CryptoJS（一）：ECMAScript 类与继承源码地址：entronad/crypto-es 无论是前端还是后端，信息的加解密、摘要校验是常常碰到的需求，开发中一旦涉及到敏感数据，什么 MD5 、 Base64 、 AES 算法基本上都是要来上一套的。在 JavaScript 的各种加密算法工具库中， CryptoJS 以其全面的功能、良好的通用性，一直是首选。它诞生较早，主仓库的代码…
JS 中经常使用的小技巧，助你更简短的实现一些功能原文： [链接] github 首页(star+watch，一手动态直达)： [链接] 掘金 link , 掘金专栏 segmentfault 主页原创禁止私自转载 How to do 快速获取毫秒数 {代码…} 平铺多维数组 {代码…} 这个方法可能限制很多,…
高级JavaScript注入技术原文： https://brutelogic.com.br/blog/advanced-javascript-injections/ 简单的JavaScript注入技术，如 ‘-alert(1)-‘ 甚至 ’-alert(1)// （请参见此处的案例#6和案例#7)，只要脚本块内触发输入反射（input reflection），通常无需借助HTML注入攻击，就能引发易受攻击页面弹出警报框（具体请参见上面同…
React基础与生命周期 React基础一.react简介 1. 起源于facebook，2013年5月开源 2 .特点： I.声明式设计。（声明式是告诉计算机做什么，不管他怎么做如map。而命令式式告诉计算机怎么做如for。） II.高效 III.灵活 IV.jsx V.组件 VI.单向数据流 3. 虚拟DOM :一个真实的js对象，直接操作DOM会发生回…
谈谈 JavaScript 的正则表达式一、背景最近在做 CMS 系统中不同身份登录用户的权限管理，涉及到对 api 路径的识别去判断是否放行。以前对正则表达式都是敬而远之，要用到的话都是直接复制粘贴现成网上的表达式，看也看不太懂，借这次机会熟悉下，不求钻的多深，但求有个整体的认知，满足我目前的简单需求即可。二、介绍正则表达式 (Regular…
GitHub 年度报告盘点：开发者增至 3100 万，开源项目达 9600 万 AI 科技评论按：日前，GitHub 发布了一年一度的「Octoverse」报告，其中列出了一些年度（2017 年 10 月 1 日-2018 年 9 月 30 日）数据，包括 GitHub 上最受欢迎的开源项目、编程语言以及使用率最高的表情等等。接下来就让我们一起来看一下这些数据和榜单吧。整体数据 3100…
DOM0事件和DOM2事件模型 —— JS中的设计模式和组件封装学习各种设计模式有什么作用？【开发】开发效率高利于团队协作【维护】有利于代码的升级改变逻辑清晰，代码严谨，利于后期的维护【通用】我们依托设计模式可以实现组件化、模块化、插件化、框架化以及一些常用类库方法的编写技术语言发展路线语言语法更新迭代之路（路漫漫而其修远兮） …
TypeScript 特性梳理，拓展，oop，大量代码(类型,接口，类，成员访问控制，模块，重写重载，泛型，装饰器)博客 github 地址： [链接] github 首页(star+watch，一手动态直达)： [链接] 掘金 link , 掘金专栏 segmentfault 主页原创禁止私自转载 TypeScript deno, angular/vue 高版本，白鹭… 越来越多的框架爱上 TS…
浅入了解 vue cli3.0 生成了什么东西大家可能也看过一些解释脚手架生成文件的解释，而且很详细。但可能就是因为太详细，几千上万字的，容易看着看着就不愿意看了。所以这篇文章尽可能简单一点能解释通顺，让大家能大概理解脚手架生成了什么东西。文件结构 |– vue-cli 3.0 |– .gitignore // git 忽略文件目录 |– babel.config.js // …
JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧本系列的第一篇文章主要介绍引擎、运行时和调用堆栈。第二篇文章将深入谷歌 V8 的JavaScript引擎的内部。
前端杂谈: 如何实现一个 Promise? A promise is an object that may produce a single value some time in the future: either a resolved value, or a reason that it’s not resolved (e.g., a network error occurred). A promise may be in one of 3 possible states: fulfilled, rejected, or pending. Promise users can attach callbacks to handle…
Node.js FS模块方法速查异步方式其最后一个参数是回调函数。回调函数的第一个参数往往是错误对象，如果没有发生参数，那么第一个参数可能是null或者undefinded。
React 服务端渲染方案完美的解决方案最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一种服务端渲染方式呢？
详解CSS的Flex布局Flex是Flexible Box 的缩写，意为”弹性布局”，是CSS3的一种布局模式。通过Flex布局，可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图，具体实现代码会以g…
Vue-Cleave – 在Vue中使用CleaveJS格式化你的输入内容 CleaveJS 是最近github上的一个热门项目，在短短的一个多月中star数达到了2500+，且保持着强劲的上升势头。它的主要目的是 Format input text content when you are typing 格式化你的输入内容可以查看官方的在线DEMO进行体验。 Vue-Cleave 官方的CleaveJS只提供了原生JS 和 ReactJS 版本的，看样…
【20181214 前端开发日报】22 个必备的 CSS 小技巧；ES9中的异步迭代器（Async iterator）和异步生成器（Async generator）；Vue全家桶制作一个精致的美团项目；面试高频点-Promise解析和实现；几种常见的Vue组件间的传参方式；JavaScript模块化进阶；…详情→
Angular表单验证器用户输入的数据各式各样,并不总是正确的,如果用户输入了错误的数据格式,那么我们希望给他们提供实时正确的反馈,并且阻止表单的提交.因此,我们需要验证器来处理这些情况.
【跳一跳作弊器上榜！GitHub 2018 年十大新开源项目揭晓】本文是 GitHub2018 年 Octoverse 报告——GitHub 活动的趋势和洞见，开源社区和 GitHub 数据科学团队等系列文章的一部分。让我们一同从 2017 年 12 月 10 日到 2018 年 12 月 9 日回顾一下今年的新开源项目吧☞  全文