20181212 前端开发日报

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

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

    Git 前时代:使用 CVS 进行版本控制

  17. 20181211 前端开发日报】Vue 2.0学习笔记:Vue的transition;WebSocket 快速入门;推荐一个很好用的vscode插件:一个可以给出vuex中store定义信息的vscode插件;vue轻量高效的前端组件化方案以及...详情→ ​​​

    20181211 前端开发日报
  18. vue2.0 兼容ie9及其以上vue官方的意思是vue项目可以在ie8以上的ie版本中运行 但其实使用vue-cli构建的项目也还是不能在ie8【ie9,ie10,ie11】以上的版本中运行
  19. vue-cli2.0转3.0之项目搭建因为项目技术架构需要,要是用vue-cli 3.0进行搭建,所以简单的分享下3.0如何优雅的开始。下面做一下简单的介绍,希望可以帮到有需要的朋友。
  20. 如何让 node 运行 es6 模块文件,及其原理最新版的 node 支持最新版 ECMAScript 几乎所有特性,但有一个特性却一直到现在都还没有支持,那就是从 ES2015 开始定义的模块化机制。而现在我们很多项目都是用 ES6 的模块化规范来写代码的,包括 node 项目,所...
  21. 浅谈 HTTP 隐蔽隧道下的 RDP 暴力破解测试 0x0 前言 HTTP隧道用于在受限网络连接的条件下在两台计算机之间创建网络链接,用于绕过IDS、Firewall一类的安全设备限制实现基于HTTP协议的通信,常常用于内网里面的端口转发与流量代理由于HTTP通信流量往往与正常流量差异较少一般不容易被检测出来。 由于工作需要就简单的做了一下研究与分析,个人愚...

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

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

原文:20181212 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20181212.html)