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

JS高级技巧(简洁版)；前端优化的一些小技巧；ES6那些可能没留意的特性；JS的进阶技巧；在webpack-dev-server内添加mock server；从开发到发布一款基于Vue2x的响应式自适应轮播组件插件VueSliderShow；MongooseJS 5.1.1 发布，MongoDB 连接包；如何利用Webp和http缓存节省30%的网络流量？

JS高级技巧(简洁版) 由于在 JS 中，所有的函数都是对象，所以使用函数指针十分简单，也是这些东西使 JS 函数有趣且强大安全的类型检测 JS 内置的类型检测机制并不是完全可靠的 typeof 操作符返回一个字符串，表示未经计算的操作数的类型，在大多数情况下很靠谱，但是当然还有例外正则表达式 typeof /s/ === ‘f…
前端优化的一些小技巧页面中每发送一次HTTP请求，都需要完成请求+响应这个完整的HTTP事务，会消耗一些时间，也可能会导致HTTP链接通道的堵塞，为了提高页面加载速度和运行的性能，我们应该减少HTTP的请求次数和减少请求内容的大小（请求的内容越大，消耗的时间越长） 1、采用CSS雪碧图（CSS Sprit / CSS 图片精灵）技术，把一些小图合并在…
ES6那些可能没留意的特性 1.ModuleModule 是 ES6 的新特性，是语言层面对模块化的支持。注：与之前模块加载机制不同，Module 是动态的加载，导入的是变量的只读引用，而不是拷贝2.Symbol特点：symbol 是一个 “新” 的基础数据类型；从 ES6 起，
JS的进阶技巧 peiyu1988 博客园    首页    新随笔    联系    订阅     管理
在webpack-dev-server内添加mock server 在开发基于api交互、前后端分离的网页应用时，经常会遇到几个问题：前端页面已经编排好了，但是后台接口还没准备好，或者是突然出现Bug，这样没办法进行对接测试。我们希望服务器返回特定类型的数据，以测试某页面在特定条件下是否存在问题，但作为前端我们一般不会接
从开发到发布一款基于Vue2x的响应式自适应轮播组件插件VueSliderShow     VueSliderShow故名思意，vue的轮播图组件插件，该插件：1、支持浏览器任意放缩，兼容移动端，2、支持自动切换，鼠标经过停止切换，分页/任意页点击切换，左右切换，3、支持文字介绍（超过一行自动省略）本文讲述的
MongooseJS 5.1.1 发布，MongoDB 连接包 MongooseJS 5.0.14 发布了。MongooseJS 是使用 JavaScript 编程，连接 MongoDB 数据库的软件包，使 MongoDB 的文档数据模型变的优雅起来，方便对 MongoDB 文档型数据库的连接和增删改查等常规数据操作。更新内容： docs(schema): add notes in api and guide about schema.methods object #6470 #6440…
如何利用Webp和http缓存节省30%的网络流量？ Webp推出那年，我刚刚考上高中。转眼间，大学毕业将近一年，我依旧是那个青葱少年！就像Webp一样，还是那么年轻，时至今日尚未崭露头角，原因是各大浏览器对它的兼容依旧不是那么的友好。IE爸爸甚至至今都没有要支持它的迹象。 webp 维基百科：WebP最初在2
一些短时间即可掌握并提高开发效率的 JavaScript 小技巧 These JavaScript methods will boost your skills in just a few minutes Most of the applications we build today require some s
基于 HTML5 WebGL 的低碳工业园区监控系统前言低碳工业园区的建设与推广是我国推进工业低碳转型的重要举措，低碳工业园区能源与碳排放管控平台是低碳工业园区建设的关键环节。如何对园区内的企业的能源量进行采集、计量、碳排放核算，如何对能源消耗和碳排放进行实时动态监测等问题，涉及多个技术领域，专业性强。其数据
JavaScript是如何变成现在这样的？关于 JavaScript 仍然存在很多争议，大多是因为它的名称，人们以为它是继承于 Java 的一门脚本语言。那么，JavaScript 到底是什么呢?它是一门脚本语言还是编程语言?为何每个人都在用它?它是如何优于或差于其他编程语言的? 读完这篇博客，你将能很好的理解 JavaScript 的由来，以及在技术讨论中不会感觉搭不上话。 …
前端项目开发规范示例仓库在讲 lerna workflow 前我们先粗话来谈下当今主流的项目代码管理方式杂谈项目管理方式 multiRepos multiRepos 它是一种管理 organisation 代码的方式，在这种方式下，独立功能会拆分成独立的 rep
React 深入系列（七）：React 常用模式 React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。本篇是React深入系列的最后一篇，将介绍开发React应用时，经常用到的模式，这些模式并非都有官方名称，所以有些模式的命名并不一定准确，请读者主要关注模式的内容。 …
【前端Talkking】CSS系列——CSS深入理解之relative定位 1.前言在前面的两篇文章：CSS深入理解之float浮动和CSS深入理解之absolute定位中，介绍了float和absolute的特性和使用方法，如果大家仔细阅读完了这两篇文章，相信你的CSS打怪技能又提高的一大截，那么趁着自己最近状态不错，就多给大家分
如何构建「大型 Node.js 项目」的项目结构？项目结构是一个重要的主题，因为您引导应用程序的方式可以决定项目整个生命周期的整个开发体验。在这个 Node.js 项目结构教程中，我将回答 RisingStack 关于构造高级 Node 应用程序的一些最常见的问题，并帮助您构建一个复杂的项目。这些是我们的目标：编写易于扩展和维护的应用程序配置与业务逻辑完全…
[图片懒加载][Angular]使用Intersection Observer实现图片懒加载并在Angular中使用链接: https://blog.angularindepth.com/a-modern-solution-to-lazy-loading-using-intersection-observer-9280c149bbc 现如今Web应用的性能如今越来越重要，有一个影响页面加载的很重要因素就是图片，尤其是页面中有很多图片的时候。如果可能的话，对这些图片使用懒加载是坠吼的，也就是只有当用户滚动到图片位置时才…
译：如何构造我的JavaScript文件? 前言看到英文技术文档、快哭了。含着泪也要把他读完。原文How I Structure My JavaScript File 内容很多人都在问我怎么写我的JavaScript——好吧，这是一个谎言，没人问我，但是如果他们这么做了，我想指出这篇文章。在使用了
JSON Web Token (JWT) 攻击技巧在本文中，我们将为大家详细介绍JSON Web Token (JWT)攻击技巧，希望能够对读者有所帮助。 0x01 JWT工作流简单来说，JWT就是一个非常轻量级的业务流程管理规范。该规范允许我们通过JWT在用户和服务器之间安全可靠地传递信息。 JWT通常用于实现前端和后端的解耦，同时，它还可以与Restful API一起使用，用…
Redux技术架构简介（二）– 异步实现说明：对Redux不了解的同学可先看看这篇文章Redux技术架构简介（一）前言这里说的Redux异步实现，是专指Redux中的异步Action实现，而不是指应用的异步实现，因为Redux本身只支持同步action，即发送action，state立即更新；那
ES6 札记：函数如同我们所看到的，ES6 中引入来箭头函数，相比 ES5 来讲是最为直观而明显的特性。在 ES6 之前，声明一个函数： function add(a, b) { return a + b; } add(1, 2); // 3 如果用箭头函数的形式写： c
《关于HttpClient重试策略的研究》由于工作上的业务本人经常与第三方系统交互，所以经常会使用HttpClient与第三方进行通信。对于交易类的接口，订单状态是至关重要的。（by kingszelda）
从navigator到react-navigation进阶教程随着react-navigation逐渐稳定，Navigator也被光荣的退休了。在React Native生态环境中需要一款可扩展且易于使用的导航组件，Navigator 自然胜任不了，这时React Native社区便孕育出了一个开源导航组件react-n
【20180516 前端开发日报】VUE从零开始系列（上手），呆萌小白上手VUE；JavaScript 是如何工作的：在网络层如何优化性能和安全；JavaScript原型梳理；使用 Puppeteer 和 Jest 测试你的 React 应用；自建最轻量的react+webpack+es6架构；Node.js …详情→
基于 Electron-vue 的图床上传工具 PicGo 经过一个多月的努（lan）力（duo）开发，基于electron的图床上传工具PicGo终于迎来了一个minor版本的更新。如果你对此感兴趣，不妨看看都更新了哪些有趣而实用的功能吧。支持GitHub图床早先PicGo所支持的图床基本上都是属于国内的服务商提供的图床（如七牛、腾讯云COS等），这次更新加入了GitHub图…
vue-3d-model：一个展示三维模型的 Vue 组件 vue.js 3D model viewer component, based on threejs, inspired by model-tag 一个展示三维模型的Vue组件，支持模型操作和模型点击事件，能自动缩放模型到合适大小并校正偏移，支持多种格式的模型。 Example DEMO Install using npm npm install vue-3d-model –save O…
Babylon.js 3.2版改进了3D渲染 Babylon团队宣布Babylon.js 3.2版发布。3.2版使用了更多的WebGL 2.0特性改进了3D渲染，进一步采纳了现代JavaScript和TypeScript模式，并添加了更多的动画选项和特效。 Babylon.js是一种用TypeScript编写的…
vue 2.x项目 vue-qriously 生成二维码并下载、cliploard复制粘贴近日，重构项目某一老模块时，有一个功能是生成二维码并下载，还可以复制链接。列表每项都有二维码、下载二维码和复制链接和列表上方总的二维码。老模块是用的 qrocode中文文档， qrcode github 。先想着新模块中是否有生成二维码的插件，看了下 package.json 。有安装一…
从源码理解Redux和Koa2的中间件机制 Redux和Koa的中间件机制相关源码都很精简。正文我将直接引用部分源码，并加以注释来帮助我们更清晰的理解中间件机制。 Reudx redux的中间件机制在源码中主要涉及两个模块内部的compose组合函数 'redux/src/compose.js'
理解 Node.js 事件驱动架构（2017）
为什么需要在 React 类组件中为事件处理程序绑定 this 背景图源来自Kaley Dykstra 并发布在Unsplash 上，源代码图像生成自carbon.now.sh。在使用 React 时，您难免遇到受控组件和事件处理程序。在自定义组件的构造函数中，我们需要使用 .bind() 来将方法绑定到组件实例上面。 class Foo extends React.Component{ constructor( props ){ super( props ); t…