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

想写好前端，先练好内功；vue路由动画；Vue项目结构介绍；改进用户界面与体验的21种JavaScript和CSS库；使用 Gatsby.js 搭建静态博客 2 实现分页；Vue.js子组件向父组件通信；NodeJS沙盒逃逸研究；从 i18n 国际化来学习如何创建 Webpack 插件

想写好前端，先练好内功封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无比，未到五六招，剑势中已发出隐隐风声。他出剑越来越快，风声也是渐响，剑锋上所发出的一股劲气渐渐扩展，旁…
vue路由动画模拟前进后退动画基于css3流畅动画基于sessionStorage，页面刷新不影响路由记录返回可记录滚动条位置前进后退的判断与路由路径规则无关支持任意基于Vue的UI框架 demo 手机扫码在线预览说明配套包含两个组件 vue-route-transition 负责动画 router-layout 负责…
Vue项目结构介绍编辑推荐: 本文来自CSDN，文章详细描述了移动端页面使用 vue2.0 重构中的接口 mock、前后端分离等，整个过程的介绍。凡普信贷的移动端页面正在使用 vue2.0 重构，在基于 vue-cli 脚手架生成项目模板基础上做了些改动，加入了 vue-router ，vuex 等配套设施，本地 dev server 中加入了接…
改进用户界面与体验的21种JavaScript和CSS库【51CTO.com快译】当自己的网站应用流畅运行之后，下一步您就需要让它看起来更美观生动。本文列举了21种实用的JavaScript和CSS库，可帮助您实现更加酷炫的效果。 1. Algolia 如果您想在自己的网站上添加具有自动完成功能的表单，那么您肯定会用到这个库。由于其精准和快捷的特点，我非常喜欢它带有的地图功能。这个…
使用 Gatsby.js 搭建静态博客 2 实现分页原文地址：[链接] 可以先复习 -> 使用 Gatsby.js 搭建静态博客 1 关键文件 <- 本文将会介绍如何为初始项目添加分页功能。理解页面创建原理上一篇的 gatsby-node.js 介绍部分已经说明了页面生成的方法。 …
Vue.js子组件向父组件通信一、场景描述：曾经有个电商项目，其中有个“老带新”模块，而且该模块新增的入口很多，但是新增后展示效果还不一样，当时就考虑将新增的组件单独拿出来，其实就是一个子组件向父组同步数据的过程。当然，背景不重要了，关键是看实现的方式。二、场景展示效果（PS：展示效果请忽略美感）三…
NodeJS沙盒逃逸研究在这篇文章中，我们将探讨如何使用解释器的内部结构来逃离NodeJS沙箱。 Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js不是一个JavaScript框架，不同于CakePHP、Django、Rails。Node.js更不是浏览器端的库，不能与jQuery、ExtJS…
从 i18n 国际化来学习如何创建 Webpack 插件插件向第三方开放了Webpack引擎中完整的能力，它比loader能做更多的事情，这些构建的回调完整的构成了一个Webpack plugin的存在，因此我们需要理解一下Webpack底层内部的特性来做相应的钩子，这是一件很有趣的事情，学习完我们将用插件来解决一个实际性的问题。那么一个Webpack插件有哪些方面组成：一…
JavaScript 如何工作: 深入 V8 引擎 + 编写优质代码的 5 个技巧译者: 波比小金刚翻译水平有限，如有错误请指出。原文: blog.sessionstack.com/how-javascr… ps: 最近开始整理所有的优质文章翻译集，当然如果你有好的文章请提 issue，我会找时间翻译出来。第二篇文章的重点将会深入 V8 引擎内部，并且分享一些编写优质 JavaScript 代码的最佳实践。概述 JavaScrip …
值得看看，2019 年 11 个受欢迎的 JavaScript 动画库超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器，让我们在设备和浏览器之间创建丰富的交互体验。该库于20…
Vue SPA 项目，浏览器和 nginx 反向代理缓存问题解决实方案问题背景 a. 浏览器端在每次发布新的版本时候，总会出现因为SPA项目中index.html文件（200 ok from disk cache 不发送请求，直接取用了本地磁盘缓存）和服务端版本不一致的问题，导致用户不能及时更新，需要通过手动刷新来强制从服务端更新文件。 b. 补充一下，服务端和浏览器之间架构。三级缓存…
借助 Webpack 静态分析能力实现代码动态加载 Debugger 一个动态配置代码异步加载引发的状态错误问题，想起以前在某厂学习的一个解决问题的方法论：现象背后真实问题是啥？真实问题背后原因是啥？对策是要基于原因的，不是基于现象的。最后从 Webpack 的角度利用静态代码分析的能力来解决问题。现象父组件 kitten.tsx componentDidMoun…
Three.js 最新版本改进了对 WebGL 的支持最近 Three.js 发布了两个版本，引入了数百种改进和改良， Three.js 是一个 JavaScript 3D 库，提供 Canvas 2D、SVG、CSS3D 和 WebGL 中的渲染器。使用 Three.js，观看 3D 物体的基本方法是用镜头去渲染场景。动画可以应用于场景中的对象。 API 包括管理各种几何模型、相机透视图、灯光、纹理、渲…
精读《React16 新特性》于 2017.09.26 Facebook 发布 React v16.0 版本，时至今日已更新到 React v16.6，且引入了大量的令人振奋的新特性，本文章将带领大家根据 React 更新的时间脉络了解 React16 的新特性。
vue2.0自定义指令与实例的属性和方法Vue自定义指令和组件一样存在着全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令，第二个参数可以是对象数据，也可以是一个指令函数。
Git 前时代：使用 CVS 进行版本控制 | 我认为要弄明白为什么 Git 的分布式特性是对以前的版本控制系统的较大改善的话，除了折腾 CVS 外，没有更好的办法。 … （
【20181211 前端开发日报】Vue 2.0学习笔记：Vue的transition；WebSocket 快速入门；推荐一个很好用的vscode插件：一个可以给出vuex中store定义信息的vscode插件；vue轻量高效的前端组件化方案以及…详情→
vue2.0 兼容ie9及其以上vue官方的意思是vue项目可以在ie8以上的ie版本中运行但其实使用vue-cli构建的项目也还是不能在ie8【ie9,ie10,ie11】以上的版本中运行
vue-cli2.0转3.0之项目搭建因为项目技术架构需要，要是用vue-cli 3.0进行搭建，所以简单的分享下3.0如何优雅的开始。下面做一下简单的介绍，希望可以帮到有需要的朋友。
如何让 node 运行 es6 模块文件，及其原理最新版的 node 支持最新版 ECMAScript 几乎所有特性，但有一个特性却一直到现在都还没有支持，那就是从 ES2015 开始定义的模块化机制。而现在我们很多项目都是用 es6 的模块化规范来写代码的，包括 node 项目，所…
浅谈 HTTP 隐蔽隧道下的 RDP 暴力破解测试 0x0 前言 HTTP隧道用于在受限网络连接的条件下在两台计算机之间创建网络链接，用于绕过IDS、Firewall一类的安全设备限制实现基于HTTP协议的通信，常常用于内网里面的端口转发与流量代理由于HTTP通信流量往往与正常流量差异较少一般不容易被检测出来。由于工作需要就简单的做了一下研究与分析，个人愚…