前端开采日报

图片 1

nuxt js 利用nginx反向代理如何优雅的部署;使用ES6新特性实现简单的MVVM数据驱动;《看漫画,学 Redux》 —— A cartoon intro to Redux;关于Vue.js2.0生命周期的研究与理解;vuejs ts webpack2 框架的项目实践;基于 WebRTC 技术的实时通信服务开发实践;八段代码彻底掌握Promise;JavaScript 的 同步,异步,Event-Loop,线程

前端事件绑定知识点;合格前端系列第六弹-从指向看JavaScript;刺破Vue的心脏之——响应式源码分析;10个JavaScript难点;webpack多页应用架构系列:善用浏览器缓存,该去则去,该留则留;JS事件浅析;htcap:一款实用的递归型web漏洞扫描工具;使用node爬虫,爬取指定排名网站的JS引用库

图片 2

「前端那些事儿」② 极限性能优化;sublimeText3之码上有爱;Webpack HMR 原理解析;只分享一张大图「2016-2017 前端技术脑图」;LeanCloud带图形校验码的短信发送Vue组件开发;你有学习者综合征吗?web 开发是重灾区;14招搞定JavaScript调试;vue typescript 进阶篇

nuxt js 利用nginx反向代理如何优雅的部署准备环境 使用的是nuxt-express模板 在Linux 选的是Ubuntu系统 安装vue cli {代码...} 下载项目 {代码...} 部署方式: 第一步先构建 {代码...} 第二步启动 {代码...} 此时是映射到127.0.0.1:3000 此时去访问主机...使用ES6新特性实现简单的MVVM--数据驱动 尝试使用es6新特性,自己来实现一个mvvm及vue的各种特性。相关代码放在github,会持续更新,欢迎赏个star。本篇文章为系列文章的第一篇,会比较容易理解,后续会持续更新后面的记录。文章首发于本人博客《看漫画,学 Redux》 —— A cartoon intro to Redux 原文:A cartoon intro to redux 译文:《看漫画,学 Redux》 —— A cartoon intro to Redux 译者:jasonslyvia关于Vue.js2.0生命周期的研究与理解写在前面:进行一些项目实践的时候,总会涉及到关于生命周期钩子或多或少的使用。因此觉得有必要单独梳理一下相关的知识点,如有理解错误的地方恳请告知修改。 总体感知 首先贴一张Vue文档给出的生命周期图示,并...vuejs ts webpack2 框架的项目实践 作者简介:王鹤,高级前端工程师,隶属于腾讯SNG增值产品部。主要负责QQ个性化业务的功能开发及技术优化。目前专注于框架的研究,致力于提升效能,解放生产力。 一、框架的选型 没有什么框架是全能的,都有其适用场景。我们的最初的定位一定要围绕我们的业务来选择。我们个性化业务是基于移动端...基于 WebRTC 技术的实时通信服务开发实践作者:刘博随着直播的发展,直播实时互动性变得日益重要。又拍云在 WebRTC 的基础上,凭借多年的开发经验,结合当下实际情况,开发 UPRTC 系统,解决了网络延时、并发量大、客户端解码能力差等问题。 WebRTC 的前...八段代码彻底掌握Promise 1.Promise的立即执行性 var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); }); consoJavaScript 的 同步,异步,Event-Loop,线程 JavaScript的单线程 JavaScript是一个单线程语言,浏览器只会分配一个线程给js用于执行同步代码。但是由于以下原因所以将JavaScript设计为单线程。 假设两个JS线程同时操作DOM或者争夺唯一性资源,那么浏览器需要引入锁的概念来决定这两个2017-07-25 前端日报2017-07-25 前端日报 精选 SSR 三思而后行想提高团队技术,来试试这个套路!如何开发一个 Atom 插件ES6学习笔记:块级作用域绑定详解VUE2.4.0带来的4个重大变化Simple Server Side Rendering, Routing, a...JS的平凡之路--学习人气眼中的效果 最近看了看人气眼的界面,感觉到学习的地方有很多呀。这里先带大家看看人气值跳动的实现。本篇代码基于Vue2.x.x。 一、概要 首先看一下效果图: 人气值动画 要想实现上面的效果,我们分为这几个部分: 判断元素Vue 折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件 前言 上基友社区看了下,发现对echarts的封装都是打包进去的...想想就还是算了..图表这货.说实在的,若不是整个系统大量用到,打包进去没必要... CDN是个好东西,我们完全可以写一个异步加载JS然后封装按需调用... 至于你能学到什么,见仁见智了...preact源码学习preact是目前最小的react兼容库了,因此学习它对提升anujs有很大的帮助。 preact的一些模块非常简单。 {代码...} 一句话一个模块,其实这个在preact-compat 会被扩展原型。 {代码...} 有关异步的内容可以看我的书...面向未来的 API:GitHub GraphQL API 使用介绍 本文根据GitHub开发者文档,整理翻译了GitHub GraphQL API的使用方法,你可以了解到GraphQL的基本概念、GitHub GraphQL API的使用,两个实际的使用案例,以及使用Explorer查询GitHub GraphQL API 今年5月22日,GitHub发文宣布,去年推出的GitHub GraphQL API已经正式可用,并推荐集成商在G...基于机器学习的 Webshell 发现技术探索 本文来自作者:兜哥 在 GitChat 上精彩分享,「阅读原文」看看大家与作者交流了哪些问题 WebShell 就是以 ASP、PHP、JSP 或者 CGI 等文件形式存在的一种命令执行环境,也可以将其称做为一种网页后门。 黑客在入侵了一个网站后,通常会将 ASP 或 PHP 后门文件与网站服务器 web 目录下正常的网页...庖丁解牛React-Redux(二): connect connect API 上篇文章庖丁解牛React-Redux(一): connectAdvanced介绍了react-redux的Provider、connectAdvanced几个重要API的原理,其中connectAdvanced是connect函数

前端事件绑定知识点简介 事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 事件通常与函数配合使用,当事件发生时函数才会执行。 执行JS 事件的方式: HTML 事件属性...合格前端系列第六弹-从指向看JavaScript很多人刚刚接触前端甚至一些“老”前端都经常会在JavaScript中所谓的难点,如this,原型,继承,闭包等这些概念中迷失了自我。接下来这篇文章会把我自己对于JavaScript中这些点通过指向的概念做个总结并分享给大家,希望可以帮助大家更好的了解这些所谓的难点。刺破vue的心脏之——响应式源码分析 之前发 刺破 vue 的心脏之——详解 render function code 的时候,承诺过会对 Vue 的核心过程的各个部分通过源码解析的方式进行抽丝剥茧的探索,今天就来进入第二部分 响应式原理部分的源码解析 ,承诺兑现得有些晚,求轻拍 一、先分析工作原理 还是之前的套路,在读源码之前,先分析原理 上图来自 Vue 官...10个JavaScript难点10个JavaScript难点 1.立即执行函数 立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是创建函数的同时立即执行。它没有绑定任何事件,也无需等待任何异步操作: {代码...} fu...webpack多页应用架构系列:善用浏览器缓存,该去则去,该留则留本文首发于Array_Huang的技术博客——实用至上,非经作者同意,请勿转载。原文地址:如果您对本系列文章感兴趣,欢迎关注订阅这里:事件浅析 一个网页由三层组成,一切的东西其实都建立在html上,html里面的dom提供了一些事件,然后通过js封装,我们可以用js去调用dom上的事件。事件有很多,有我用过的有我没用过的,今天我想分析一番。 事件流 我们都知道,有两种事件流,一个是冒泡一个是捕获。 捕获就是从body开始到你...htcap:一款实用的递归型Web漏洞扫描工具 今天给大家介绍的是一款名叫 htcap 的开源 Web 漏洞扫描工具,它通过拦截 ajax 调用和页面 DOM 结构的变化并采用递归的形式来爬取单页面应用。htcap 并不是一款新型的漏洞扫描工具,因为它主要针对的是漏洞扫描点的爬取过程,然后使用外部工具来扫描安全漏洞。在 htcap 的帮助下,我们就可以通过手动或自动渗透测...使用node爬虫,爬取指定排名网站的JS引用库前期准备 本爬虫将从网站爬取排名前几的网站,具体前几名可以具体设置,并分别爬取他们的主页,检查是否引用特定库。 github地址 所用到的node主要模块 express 不用多说 request http模块 cheerio 运行在服务器...关于javascript中的从堆栈内存到执行上下文关于javascript中的从堆栈内存到执行上下文 我GitHub上的菜鸟仓库地址: 点击跳转查看其他相关文章 文章在我的博客上的地址: 点击跳转 先从计算机角度说一下内存:内存,包括三个部分:只读存储器,及时获取前端每阿里云前端周刊

ES6之promise原理;2019 JavaScript面试题详解;前端路由的原理和实现;Vue-router路由基础;Vue-CLI and Leaflet:地图基本操作;JS中的null和undefined,undefined为啥用void 0代替?;手摸手教你封装跨项目复用的 Vue 组件;vue中利用simplemde实现markdown编辑器

「前端那些事儿」② 极限性能优化前言 前端的工作并不仅仅是实现「视觉交互稿」,想要开发一个高性能易维护的「完美」站点并未易事,针对前端的性能优化贯穿着项目开发的始终,绝不是交互口中的「拖拽工人」! 然而前端优化策略却是一件老生...sublimeText3之码上有爱 前言相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,vscode,atom,esciplse,vim等萝卜青菜都各有所爱,每个编辑器都有它的独特之处,本质上并无优劣之分,只要代码写得好Webpack HMR 原理解析 Hot Module Replacement是 webpack 发展至今引入的最令人兴奋的特性之一 ,当你对代码进行修改并保存后,webpack 将对代码重新打包,并将新的模块发送到浏览器端,浏览器通过新的模块替换老的模块,这样在不刷新浏览 Hot Module Replacement是 webpack 发展至今引入的最令人兴奋的特性之一 ,当你对代码进行修改并保存后,webpack 将对代码重新打包,并将新的模块发送到浏览器端,浏览器通过新的模块替换老的模块,这样在不刷新浏览只分享一张大图「2016-2017 前端技术脑图」 点击查看原图LeanCloud带图形校验码的短信发送Vue组件开发有15万开发者使用LeanCloud服务,其中不乏知乎、懂球帝、爱范儿、拉卡拉等知名应用,LeanCloud提供了数据存储、即时消息……等一站式服务,并从常用的用户管理需求出发,提供了邮箱验证、短信验证……等用户账户相关...《你有学习者综合征吗?Web 开发是重灾区》学而不用,不停学习,却没有真正实际应用知识来做东西。如果过去的一年里,学习的语言或框架超过 3 个,那你可能已经感染学习者综合征了。 ​​​14招搞定JavaScript调试 译者按: 很多时候,大家可能只是依靠console.log来调试JavaScript代码,这样做的局限性不言而喻,这篇博客将教你几招实用的调试技巧。 原文: The 14 JavaScript debugging tips youvue typescript 进阶篇vue typescript 进阶篇 本文是继 Vue TypeScript 新项目起手式 之后的进阶 踩坑配置,所以推荐先行阅读前文 完整阅读完之后,基本可以顺利在新项目中使用vue typescript 了 另外特别注意!!! 不推荐在已...Preact:一个备胎的自我修养 原发于知乎专栏:zhuanlan.zhihu.com/ne-fe 前一段时间由于React Licence的问题,团队内部积极的探索React的替代方案,同时考虑到之后可能开展的移动端业务,团队目标是希望能够找到一个迁移成本低,体量小的替代产品。经过多方探索antd源码解读- 番外篇 Trigger 之 index.js 完整篇 Trigger这个组件的index文件就有很多代码,590行代码,而且在头部引入的额外文件特别的多,所以我们这一个组件就先从这些额外的组件中开始吧,先看看这些外部方法能够做些什么。 强烈建议把tigger的代码下载下来自行查看,因为实在是太长了 // inEgg.js 中 GraphQL 小试牛刀 Egg.js 笔记系列继上上篇撸完了简易版的阿里云 CS 控制台,用 GraphQL 继续武装一番~ 1. 安装amp;配置 1.1 安装插件 yarn add egg-graphql 1.2 开启插件 // {ro流形:我是如何面试一位前端工程师 最近面试不少,发现团队同学面试的问题以纯知识点为主,提问方式很机械。对于现在前端面试总是被人吐槽面试与实际的工作完全不搭边,和面试官面试方式有很大关系。这篇文章主要是记录我是如何面试,以分享给大家作参考。希望对你有用。 扎实的基础 很多面试者的 最近面试不少,发现团队同学面试的问题以纯知识点为主,提问方式很机械。对于现在前端面试总是被人吐槽面试与实际的工作完全不搭边,和面试官面试方式有很大关系。这篇文章主要是记录我是如何面试,以分享给大家作参考。希望对你有用。 扎实的基础 很多面试者的Promise 必知必会 Promise 想必大家都十分熟悉,想想就那么几个 api,可是你真的了解 Promise 吗?本文根据 Promise 的一些知识点总结了十道题,看看你能做对几道。 以下 promise 均指代 Promise 实例,环境是 Node.js。 题目一 const promise = new Promise((resolve, reject) = { console.log(1) re... Promise 想必大家都十分熟悉,想想就那么几个 api,可是你真的了解 Promise 吗?本文根据 Promise 的一些知识点总结了十道题,看看你能做对几道。 以下 promise 均指代 Promise 实例,环境是 Node.js。 题目一 const promise = new Promise((resolve, reject) = { console.log(1) re...FastRouter:Golang 实现的基于正则的 http 路由 FastRouter is a fast, flexible HTTP router written in Go. FastRouter contains some customizable options, such asTrailingSlashesPolicy,PanicHandler,OptionsHandler,MethodNotAllowedHandler,NotFoundHandlerand so on. FastRouter also provides some useful features, such as grouping and middl... FastRouter is a fast, flexible HTTP router written in Go. FastRouter contains some customizable options, such asTrailingSlashesPolicy,PanicHandler,OptionsHandler,MethodNotAllowedHandler,NotFoundHandlerand so on. FastRouter also provides some useful features, such as grouping and middl...一个简单的nodejs文件从运行到结束都发生了什么 os环境:macOS 10.12.5 ,ide:cLion,node版本:v8.0.0 一、配置ide和node编译 对ide的配置和node编译的过程这里不赘述了,如果有时间,可能写一篇blog简单介绍一下。 二、node运#CSS#以前由于考虑到IE6等浏览器的兼容属性,常常对于高级的css选择符不感兴趣,最近开始,发现前端方面的IE6其实已经逐渐的消失了,学会用css3的高级选择器,可以起到事半功倍的效果,所...请戳 #前端开发博客# ​​​ES6 Generator函数实现协同程序 至此本系列的四篇文章翻译完结,查看完整系列请移步blogs 由于个人能力知识有限,翻译过程中难免有纰漏和错误,望不吝指正issue ES6 Generators: 完整系列 The Basics Of ES6 Generators通过ES6 Generator函数实现异步操作 本文翻译自 Going Async With ES6 Generators 由于个人能力知识有限,翻译过程中难免有纰漏和错误,还望指正 ES6 Generators:完整系列 The Basics Of ES6 Generators

  • 第 17 期推荐 1. Styled-Components 实战 Styled-Components 是由 Max Stoiber 与 Glen Maddern 创建的新的 CSS-in-JS 工具库,能够帮你组织 React 或者 React Native 项目中的样式声明...换个思路理解Javascript中的this 在网上很多文章都对 Javascript 中的 this 做了详细的介绍,但大多是介绍各个绑定方式或调用方式下 this 的指向,于是我想有一个统一的思路来更好理解 this 指向,使大家更好判断,以下有部分内容不是原理,而是一种解题思路。Angular Renderer (渲染器) Angular 其中的一个设计目标是使浏览器与 DOM 独立。DOM 是复杂的,因此使组件与它分离,会让我们的应用程序,更容易测试与重构。另外的好处是,由于这种解耦,使得我们的应用能够运行在其它平台 (比如:Node.js、WebWorkers、NativeScript 等)。 为了能够支持跨平台,Angular 通过抽象层封装了不同平台的差异。比如定...前端视角下的Ruby 请把话筒转交给我,对Ruby我有一些逼要装。 image.png 在Beansmile做前端已经有半年多了,这件四川特产我还留着。倒不是说这件衣服布料有多好,它怎么看都更像是一个表白的工具吧?当然穿着这件衣服在外面招摇撞骗的时候,还是会有些朋友问我“Ruby 请把话筒转交给我,对Ruby我有一些逼要装。 image.png 在Beansmile做前端已经有半年多了,这件四川特产我还留着。倒不是说这件衣服布料有多好,它怎么看都更像是一个表白的工具吧?当然穿着这件衣服在外面招摇撞骗的时候,还是会有些朋友问我“RubyWebpack 2 Tree Shaking配置原文 Tree Shaking是一个针对ES6以上代码的清楚死代码的算法,也是Webpack 2最被期待的特性之一。通过清除未使用的ES6引用,Webpack能更助于压缩过程从而得到比之前更小的文件体积。 Webpack 2简单应用代码已更新...关于promises,你理解了多少? 用Javascript的小伙伴们,是时候承认了,关于 promises 我们一直存在着问题。并非说 promises 本身有问题,Promises/A 是极好的。 就我过去数年观察大量 PouchDB API 以及其他 promise-heavy API 的 用Javascript的小伙伴们,是时候承认了,关于 promises 我们一直存在着问题。并非说 promises 本身有问题,Promises/A 是极好的。 就我过去数年观察大量 PouchDB API 以及其他 promise-heavy API 的理解 JWT认证及实践 最近想做个小程序,需要用到授权认证流程。以前项目都是用的 OAuth2 认证,但是Sanic 使用OAuth2 不太方便,就想试一下 JWT 的认证方式。这一篇主要内容是 JWT 的认证原理,以及python 使用 jwt 认识的实践。 几种常用的认证机制 HTTP Basic Auth HTTP Basic Auth 在HTTP中,基本...面向未来的API —— GitHub GraphQL API 使用介绍 本文根据GitHub开发者文档,整理翻译了GitHub GraphQL API的使用方法,你可以了解到GraphQL的基本概念、GitHub GraphQL API的使用,两个实际的使用案例,以及使用Explorer查询GitHub GraphQL API 本文根据GitHub开发者文档,整理翻译了GitHub GraphQL API的使用方法,你可以了解到GraphQL的基本概念、GitHub GraphQL API的使用,两个实际的使用案例,以及使用Explorer查询GitHub GraphQL API开源JavaScript插件和库速查表 我关注的Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件 前言 返回顶部这个功能用jq实现,好容易实现,一个animate配合scrollTo就搞定了 今天我们来试试vue封装一个原生js实现的返回顶部;写起来够呛,借助github,看了别人的gist,稍微封装了下; 当然不是用scrollTo直接调位那种,没有过渡

ES6之promise原理 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数更强大,避免了层层回调。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,现在原生提供Promise对象! Promise使用: // ... some code const promise = new Promise(function(resolve, reject) { if (/* 异步操作成功 */){ resolv...2019 JavaScript面试题详解 这篇文章我是以一本书的形式讲述给朋友们的,通篇文章采用叙事的手法进行书写,同时将知识点涉及到的面试题呈现给大家;本篇内容包括: JS 基础一、二,ES6,JS进阶,异步编程 等等,望大家批评指正。 JS 基础知识点及常考面试题 JS 对于每位前端开发都是必备技能,在小册中我们也会有多个章节去讲述这部分的...前端路由的原理和实现 现在基本都是单页面应用,现在单页面应用能够模拟多页面应用的效果,归功于其前端路由机制。现在前端路由有两种形式: Hash模式 如:xxx.xx.com/#/hash, 这种方式可以实现刷新跳转,不需要后端进行配合,主要是得益于haschange事件,当锚点哈希改变时,就会调用haschange函数, haschange模拟实现 (function(...vue-router路由基础 效果类似掘金导航, 导航切换 1.1 引入路由文件 script src=./vue-router.js/script 复制代码 1.2 准备路由需要的组件 var index = Vue.component('index',{ template:'div首页/div' }) var productType = Vue.component('product...Vue-CLI and Leaflet:地图基本操作 ​ 接着上一篇文章。地图加载成功之后,接下来要开始对对地图的常见功能的实现,一个地图的基本功能包括: 地图显示 , 平移 , 放大 , 缩小 , 定位 等功能。 二、实现思路 1)平移 ​ 通常 WebGIS 中地图平移是最为基本且常用的功能,地图会默认开启平移功能。通常情况下都不需要开发者自己去实现 平移...JS中的null和undefined,undefined为啥用void 0代替? 某天,在看某位同学的js代码,代码中发现了一个奇怪的东西 void 0 ,虽然第一眼看不懂这是什么东西,但是根据上下文,这里应该是想判断是否等于undefined,为什么要这样写的,有什么渊源吗?顺便就把undefined和null都拿出来复习了一下. 介绍 undefined和null是js中类型七种数据类型,这两种数据的区别是 und...手摸手教你封装跨项目复用的 Vue 组件 在前端项目的开发中,往往会根据业务需求,沉淀出一些项目内的UI组件/功能模块 等;这些组件初期只在同一个项目中被维护,并被该项目中的不同页面或模块复用,此时的组件逐步被完善,是一个只聚焦于功能和健壮性的成长期。 随着业务的发展,原来的项目可能不得不产生裂变,变成几个相似但各有不同...vue中利用simplemde实现markdown编辑器最近在搭个人博客网站,需要一个markdown编辑器,来进行博客的编写看了网上的教程,决定使用simplemde以为可以直接能拿来用的不过实际运用的时候发现还是有要完善的地方比如令人头疼的图片上传webpack简介与常用配置之插件写在前面,近期有想法整理一下前端工程化相关的知识,就先从打包工具开始吧;今天带来的是webpack相关的一些常用插件配置,后期有时间话,也会出一些比较轻量级的打包工具的配置 gulp, rullup...相对于webpack学...理解JavaScript概念系列--异步任务 什么是JavaScript异步? 为什么要实现JavaScript异步? 怎么实现JavaScript异步? JavaScript异步原理是什么? 最近权利的游戏第八季已经开播两集了,权游迷们看完第二集的时候不知道有没有这样一种体会,想象一下如果你是剧中的一位人物,在与异鬼大军大战前夜你会想什么或者你会做些什么事?不得不说...#前端技术#详见: 开源前端动效库汇总,或许有你喜欢的。 收集日期为2019-02-28,“★”代表当时的该项目在github的star数量 Animate.css 56401 ★ 一个跨浏览器的动效基础库,是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效,一应俱全。 文件大小:55.2 kB. B基于TensorFlow.js的JavaScript机器学习虽然python或r编程语言有一个相对容易的学习曲线,但是web开发人员更喜欢在他们舒适的javascript区域内做事情。目前来看,node.js已经开始向每个领域应用javascript,在这一大趋势下我们需要理解并使用JS进行机器...JS中this的绑定规则 我们明白每个函数的 this 是在调用 时被绑定的,完全取决于函数的调用位置。 在理解 this 的绑定过程之前,首先要理解调用位置:调用位置就是函数在代码中被调用的 位置。 最重要的是要分析调用栈。我们关心的 调用位置就...TCP Connection Reuse on HTTP/1.1 and 2.0I saw the introduction of in developers.google.com. However, I feel confused about the request and response multiplexing. So I decided to make a demo or an example for better understanding.如何管理多个 Github 账号的 ssh key?通常我们有使用 Github、Gitlab,当 Github 或 Gitlab 下有多个账号,你会发现你的 ssh key 不够用了,因为站点会给你个提示:Angular-多级配置搞事情啦 上一篇文章写到: input组件的方式,可以扩展为依靠服务在业务模块中进行配置,以达到每个模块所用的同一个公共组件拥有不同的交互。 但经过具体实践发现,在惰性加载模块进行配置是可行的;在急性加载模块配置是会出事的! 结合官网的这篇文档可以一窥究竟: Angular - 多级依赖注入器 ,可以从“元素注入器”读...vue项目中如何在外部js文件中直接调用vue实例——比如说this一般我们都是在main.js中引入vue,然后在vue文件中直接使用this,但是在实际开发中,我们往往会引入外部的js文件使用this,这个this就会指向window,并不是我们期待的vue实例,那么就需要...11个React Native 组件库和 Javascript 数据可视化库超过 10k stars 和 1k fork,NativeBase 是一个广受欢迎的 UI 组件库,它为 React native 提供了几十个跨平台组件。当使用 NativeBase 时,你可以使用任何现成的本地第三方库,并且项目本身围绕着它提供了丰富的...Angular-3种创建动态内容的方式 写在最前,本文提到的“模板”都是ng-template;假设的模态组件也只是实现模态内容;为了缩减文章的篇幅,只保留了重要的部分。完整的例子在线上。 在开发过程中,难免会遇到公共组件需要Input模板或input组件的时候,以增加公共组件交互或展示的灵活性。 题外话:input组件的方式,可以扩展为依靠服务在业务模块中...大话 WebSocket 与 “尬聊” 的实现 一、聊聊 WebSocket 从HTML5技术流行至今,WebSocket已经有非常广泛的应用: 在线游戏,提供实时的操作交互体验 社交平台,与好友实时的私信对话 新闻动态,获得感兴趣的主题信息推送 ... 这些场景,都需...手写一个webpack插件webpack本质上是一种事件流的机制,它的工作流程就是将各个插件串联起来,而实现这一切的核心就是Tapable,webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。Tapable暴露出...gulp

  • gulp-better-rollup rollup 构建 ES6 开发环境 gulp gulp-better-rollup rollup 构建 ES6 开发环境 关于 Gulp 就不过多啰嗦了。常用的 js 模块打包工具主要有 webpack 、 rollup 和 browserify 三个,Gulp 构建 ES6 开发环境通常需要借助这三者之一来合并打包 ES6 模块代码。因此,Gulp 构建 ES6 开发环境的方案有很多,例如:webpack-stream、rol...

本文由新葡萄京娱乐场8522发布于计算机编程,转载请注明出处:前端开采日报

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。