20181110 前端开发日报

「后篇」JavaScript如何获取一个元素的样式信息;深入了解JavaScript底层原理;ES6 系列之 defineProperty 与 proxy;vue-cli3.0相关的坑;以中间件,路由,跨进程事件的姿势使用WebSocket–Node.js篇;PDF.js实现个性化PDF渲染(文本复制);还在为部署Vue SSR烦恼?Koa-vuessr-middlware 了解一下;1.10 JavaScript1:HelloJS

  1. 「后篇」JavaScript如何获取一个元素的样式信息 上一篇讲了两种获取样式的方式。 1. 通过直接访问style对象 2. 通过方法getAttribute 这两种方法都没法获取用户代理或者样式表设置的样式值。今天我来讲一种跨浏览器的方式来获取所有的与DOM相关的样式值。 一. 跨浏览器方法 currentStyle对象是一个特定于IE的对象。它包含了一个元素的所有支持的和可用…
  2. 深入了解JavaScript底层原理 1. 七种内置类型 基本类型: null,undefined,boolean,number(浮点类型),string,symbol(es6)。 对象:Object。 复制代码 类型转换 typeof: typeof 1 // 'number'
  3. ES6 系列之 defineProperty 与 proxy我们或多或少都听过“数据绑定”这个词,“数据绑定”的关键在于监听数据的变化,可是对于这样一个对象:var obj = {value: 1},我们该怎么知道 obj 发生了改变呢?
  4. vue-cli3.0相关的坑vue-cli3.0相对比vue-cli2.0少了 vue-build.js vue-config.js
  5. 以中间件,路由,跨进程事件的姿势使用WebSocket–Node.js篇 上一篇文章介绍了在浏览器端以中间件,路由,跨进程事件的姿势使用原生WebSocket。这篇文章将介绍如何使用Node.js以相同的编程模式来实现WebSocket服务端。 Node.js中比较流行的两个WebSocket库分别是socket.io与ws。其中s
  6. PDF.js实现个性化PDF渲染(文本复制)我肥来啦。看到Redux教程突破3w的浏览量,小窃喜,很高兴自己的文章能够帮助到大家。 这次重返,依然带给大家一个小指南,也是最近工作中遇到的一个小case。 前不久,产品经理提出要在界面上优雅地展示PDF文档,…
  7. 还在为部署Vue SSR烦恼?Koa-vuessr-middlware 了解一下 前言 最近在写一个新应用时,想用Koa 结合 Vue SSR,同时写Api 接口和页面,于是开始上手写,结果发现需要写的东西很多,参考的大多数例子都用的是十分类似的代码(好像大多都是基于尤大大的hackernews ),于是索性花了一个晚上把代码封装成一个Ko
  8. 1.10 JavaScript1:HelloJS JavaScript 简介 JavaScript 是一种可以给网页增加交互性的编程语言。 熟悉 JavaScript 的好方法是“站在其他程序员肩膀上”,即Web 上有大量 JavaScript代码,复制一下并稍作修改,就可以供自己使用。 JavaScript 脚本语言,在 HTML 页面内容是包围在 Hello, World 老习惯,我们第一个 JavaScri…
  9. 在基于vue-cli的项目自定义打包环境测试环境与生产环境中的用户权限不一样,因此,就需要根据测试环境打一个包,生产环境又打一个包。可是,如果每次打包都需要更改权限的配置文件的话,会很麻烦,而且,体现不出一个coder该有的逼格。为了更有逼格…
  10. nodejs 垃圾回收 10 min read 原文地址: https://blog.codeship.com/understanding-garbage-collection-in-node-js/ 阅读时间: 8 分钟 尽管总有一些Node.js(通常)性能方面的负面报道,这并不是说Node.js比其他技术更容易出现问题。我们需要清楚知道Node.js是怎么玩的。 …
  11. Vue -computed传参数vue 中computed想传递参数怎么办? 闭包在这里起到的重要的作用 {代码…}
  12. 有个功能丰富的 react 脚手架,了解下? 前言 想要快速开始 react 多页面应用? 项目结构如何更合理? 想要快速上手 Mobx? 想要快速使用 TypeScript? 想要一键使用 Ant-Design 并能快速自定义主题样式? 可以的!!! 这里,受 Vue-cli 和 create-reac
  13. Vue.js-05:第五章 – 计算属性与监听器
  14. VS Code书写vue项目配置 eslint+prettier 统一代码风格 前言 以前公司的vue项目只是我一个人在写,代码风格统一,但是后来随着团队增加,统一的代码风格就越来越重要。我的主力工具是sublime,ws辅助,vscode基本很少使用(就下载安装放在冷宫),但是听说用来写vue项目还不错,就开启了一番折腾。当然工具么,没
  15. 【React 实战教程】从0到1 构建 github star管理工具 前言 在日常使用github中,除了利用git进行项目版本控制之外,最多的用处就是游览各式的项目,在看到一些有趣或者有用的项目之后,我们通常就会顺手star,目的是日后再看。但是当我们star了许多项目之后,回过头想找一个的项目就会发现,很难在短时间内找到它,
  16. react-router v4 路由规则解析 前言 react-router升级到4之后,跟前面版本比有了很大的差别。 例如包的拆分,动态路由等详细的差别就不说了,各位大神的总结也很到位,详细可以点击看看,All About React Router 4这篇文章。 此外还有个差别是路由规则的变化。 一直
  17. 1.13 JavaScript4:函数和闭包 函数 函数就是重复执行的代码片。 函数定义与执行 <script type="text/javascript"> // 函数定义 function aa(){ alert(‘hello!’); } // 函数执行 aa(); </script> 变量与函数预解析 JavaScript解析过程分为两个阶段,先是编译阶段,然后执行阶段,在…
  18. 1.12 JavaScript3:流程控制 条件语句 通过条件来控制程序的走向,就需要用到条件语句。 运算符 1、算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)  2、赋值运算符:=、 +=、 -=、 *=、 /=、 %=  3、条件运算符:==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否) if else var a = 6…
  19. React手稿之 React-ReduxReducer {代码…} 1、需要一个case与action的type一致。 2、必须在switch的defautl返回原state。
  20. 1.11 JavaScript2:变量、数组、字符串 变量 JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。 定义变量需要用关键字 ‘var’ var a = 123; var b = ‘asd’; //同时定义多个变量可以用”,”隔开,公用一个‘var’关键字 var c = 45,d=’qwe’,f=’68’; 变量类型 5种基本数据类型 number、string、boolean、undefined、null 1种复…
  21. Vuex – 源码概览 本文以 vuex v3.0.1版本进行分析 install vuex提供了一个 install方法,用于给 vue.use进行注册,install方法对 vue的版本做了一个判断,1.x版本和 2.x版本的插件注册方法是不一样的: // vuex/src/m
  22. 1.14 JavaScript5:常用DOM操作 创建元素 使用document.createElement()可以创建新元素。这个方法只接受一个参数,即要创建元素的标签名。这个标签名在HTML文档中不区分大小写,在XHTML中区分大小写。 var div = document.createElement("div"); 使用createElement()方法创建新元素的同时,也为新元素设置了ownerDocument属性,可以操…
  23. 1.1 前端内容概述 前端对于网站来说,通常是指网站的前台部分,包括网站的表现层和结构层。 前端三大基础技术 HTML 超文本标记语言:超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏…
  24. 前端异常监控-看这篇就够了如果debug是移除bug的流程,那么编程就一定是将bug放进去的流程。如果没有用户反馈问题,那就代表我们的产品棒棒哒,对不对?
  25. 【Vue.js 牛刀小试】05:第五章 – 计算属性与监听器 前言 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在 Vue 中,我们可以很方便的将数据使用插值表达式( Mustache 语法)的方式渲染到页面元素中,但是插值表达式的设计初衷是用于简单运算,即我们不应该对

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

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


关注我

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

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

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