20180613 前端开发日报

Ajax原理一篇就够了;1kb的前端HTML模板解析引擎,不限于嵌套、循环、函数你能想到的解析方式;分析vue-cli@2.9.3 搭建的webpack项目工程;前端开发面试题搜集大全–刷完能进bat;支付处理器 API :将你的支付应用带到 Web 中来;聊一聊Vue中的回调函数;基于 HTML5 WebGL 的 3D 工控裙房系统;JS的防抖与节流

  1. Ajax原理一篇就够了 一、什么是Ajax Ajax(Asynchronous JavaScript and XML的缩写)是一种异步请求数据的web开发技术,对于改善用户的体验和页面性能很有帮助。简单地说,在不需要重新刷新页面的情况下,Ajax 通过异步请求加载后台数据,并在网页上
  2. 1kb的前端HTML模板解析引擎,不限于嵌套、循环、函数你能想到的解析方式 传送门:https://github.com/xiangyuecn/BuildHTML 发这篇文章之前在掘金上点了一篇类似的模板引擎的文章看了一下,留意到了几个字眼不允许在模板中使用javascript,而是提供了一些列的功能函数….开发新的helper,
  3. 分析vue-cli@2.9.3 搭建的webpack项目工程 已经有很多分析 Vue-cli 搭建工程的文章,为什么自己还要写一遍呢。学习就好比是座大山,人们沿着不同的路登山,分享着自己看到的风景。你不一定能看到别人看到的风景,体会到别人的心情。只有自己去登山,才能看到不一样的风景,体会才更加深刻。 项目放在笔者的 github 上, 分析vue-cli@2.9.3 搭建的we…
  4. 支付处理器 API :将你的支付应用带到 Web 中来 原文:Bring your payment method to the web with the Payment Handler API(需越墙) 作者:Eiji Kitamura 译者:西楼听雨 原文是谷歌开发者网站发布的关于基于 Web 的标准化支付 A
  5. 聊一聊Vue中的回调函数 回调函数 ? 那不是UI框架才用的吗?有句话怎么讲来着,书到用时方恨少。平常我们撸Vue,感觉即使用props封装组件。。也很少自己制作回调这种看起来高大上的东西…….但是实际开发中封装组件并不是这样的。许多组件需要子父组件进行通信让我们举个栗子:产品
  6. 基于 HTML5 WebGL 的 3D 工控裙房系统前言 工业物联网在中国的发展如火如荼,网络基础设施建设,以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况:一方面是大型通讯、IT企业的布局;一方…
  7. JS的防抖与节流 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。
  8. ES6中常用的10个新特性讲解 ECMAScript 6(ES6) 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。 下面逐一为大家详解常用的ES
  9.   所有你需要知道的关于Angular的变更检测(Change Detection) 原文地址:Everything you need to know about change detection in Angular 如果你像我一样,想对Angular的变更检测机制有一个深入的理解,由于在网上并没有多少有用的信息,你只能去看源码。大多数文
  10. vue-awesome-form的实现及踩坑记录 最近实现了一个vue-awesome-form组件,主要功能是根据json来生成一个表单,支持同时渲染多个表单,表单嵌套,表单验证,对于一个简单的项目,生成表单只需要一个json就可以完成。而且有时候表单项不是前端写死的,而是由后端控制的,这个时候我们这个组件
  11. 精读《如何在 nodejs 使用环境变量》1 引言 本期精读的文章是:如何在 nodejs 使用环境变量。 介绍了开发与生产环境如何管理环境变量。 这里环境变量指的是数据库密码等重要数据,而不是指普通变量传参。 2 概述 环境变量历史悠久,在运行第一行 JAV…
  12. TypeScript 模块导入那些事 ES6 模块导入的限制 我们先来看一个具体的例子: 在 Node 项目里,使用 CommonJS 规范引入一个模块: const koa = require('koa') 改写为 TypeScript(1.5+ 版本)时,通常有两种方式: 使用 ES6 模
  13. React性能优化方案之PureComponent PureComponent介绍 之前的一篇文章React性能优化方案之PureRenderMixin,是对react的shouldComponentUpdate的方法进行重写去优化。但自从React15.3中新加了一个 PureComponent 类,易于在自
  14. JS加密算法简单分析 这次分析百度音乐的评论请求的加密,首先先看包 看到有两个地方1. param,2. sign,基本可以断定sign是用的MD5加密的 那么我们从html页面分析入手,恰巧看到html代码中有写到这么一段 右键点击open in Source panel
  15. 从零开始React项目架构(三) 前言 这篇我们来实现mock数据模拟接口,实现前后端分离开发,不用在追着后端大大要接口了~ 开发 先来简单介绍下我们用到的包吧: 名称 简介 koa 一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。 koa-rou
  16. #前端开发那些事#【vue-router 详解】详见: 一篇文章了解 vue-router 的那些事。(作者:浪里行舟) ​​​

    vue-router 详解
  17. 从几个简单方便带你认识一下es6里面的promise 理解promise前需要搞懂的相关概念 回调函数 之前我有写过关于js中回调函数的概念,可以点击这里看一下! 我还是再简
  18. 20180612 前端开发日报】你也许不知道的Vuejs – 组件式开发;Vue、React、Angular之三国杀;手把手指导您使用 Git;你也许不知道的Vuejs – 前言;几个你所不知道的技巧助你写出更优雅的vue.js代码;你也许不知道的Vuejs – …详情→ ​​​

    20180612 前端开发日报
  19. 基于Vue的SPA如何优化页面加载速度 常见的几种SPA优化方式减小入口文件体积静态资源本地缓存开启GZip压缩使用SSR…..减小入口文件体积,常用的手段是路由懒加载,开启路由懒加载之后,待请求的页面会单独打包js文件,使得入口文件index.js变小,开启懒加载之后,js是这样请求加载的:2

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流