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

1月份GitHub上最热门的JavaScript项目；Vue 3.0 对 Web 开发意味着什么？；建立一个JavaScript库；这些被同事喷的JS代码风格你写过多少？；大厂高级前端面试题答案；Vue源码探究-类初始化函数详情；前端如何定义一个常量；javascript动态合并纵向单元格

1月份GitHub上最热门的JavaScript项目明天相信大多数程序猿们都回归工作岗位啦，不知道是否调整好心态了呢？1月份GitHub上最热门的JavaScript开源项目新鲜出炉，还是一起来看看都有哪些项目上榜吧： 1.anime https://github.com/juliangarnier/anime Star 29019 Anime 是一个灵活且轻量级的 JavaScript 动画库。和 CSS，独立变换，SVG，DOM 属性和 J…
Vue 3.0 对 Web 开发意味着什么？去年11月，Vue的创建者Evan You向我们展示了Vue 3.0 —— 这是不断上升的Javascript框架的最新版本。这些优化使Vue更高效，更模块化且更易于使用。我将讨论这些变化以及我认为的他们将在Vue 3.0发布后对现有开发产生的影响。现在的Vue是怎样的？用他们自己的话来说，Vue是一个“用于构建用户应用程序的渐进式框架”。…
建立一个JavaScript库前言这几天投了几家上海的公司，有一家公司给我面试题是这样的：说实话倒是不难，以前在开发移动端时候做过类似的。但主要是要求复用性，所以想法单独抽取一个库然后暴露插件能力即可。环境除了弹窗需要原生语言实现，环境可以使用 nodejs 技术栈实现： npm init # 初始化项目 npm i @babel/core @ba…
这些被同事喷的JS代码风格你写过多少？现在写代码比以前好多了，代码的格式都有 eslint、prettier、babel(写新版语法) 这些来保证，然而，技术手段再高端都不能解决代码可读性（代码能否被未来的自己和同事看懂）的问题，因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上就功德圆满了。一、变量相关（1）变量数量的定义 N…
大厂高级前端面试题答案介绍pm2PM2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，而且使用非常简单
Vue源码探究-类初始化函数详情随着初始化函数的执行，实例的生命周期也开始运转，在初始化函数里可以看到每个模块向实例集成的功能，这些功能的具体内容以后在单独的文章里继续探索。现在来详细看看类初始化函数的详细代码。头部引用 *下面代码位于 vue/src/core/instance/init.js import config from ‘../config’ import { initProxy …
前端如何定义一个常量很多编程语言提供了 const 关键词声明一个常量，在ES6中也是提供了 const ，但是在前端的 const 与其他编程语言不同，其并不意味着声明的变量就是一个常量。使用 const b = {} 声明了一个常量b，但是通过使用 b.a = 1 去修改对象b却并没有报错，我们修改了一个原本以为是常量实际上是变量的对象。为…
javascript动态合并纵向单元格rowspan指定单元格纵向跨越的行数。如rowspan被设为3，这表示该单元格必须跨越三行（本身一行，加上另外两行）
pangu.js：为什么你们就是不能加个空格呢？ README.md 為什麼你們就是不能加個空格呢？如果你跟我一樣，每次看到網頁上的中文字和英文、數字、符號擠在一塊，就會坐立難安，忍不住想在它們之間加個空格。這個外掛（支援 Chrome 和 Firefox）正是你在網路世界走跳所需要的東西，它會自動替你在網頁中所有的中文字…
ES6 类继承和 super的使用注意：ES6中继承的子类中，如果使用构造函数constructor()那么就必须使用 super()方法初始化，这样下面才可以调用this关键字。super()只能用在子类的构造函数之中，用在其他地方就会报错。
Vue 动画的封装上面代码是非常简单的，显示隐藏效果，在项目中，可以会用很多地方会用到这种效果，那我们该如何实现封装呢？
JavaScript 闭包那些事在计算机中，闭包指引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在。局限自定义: 在Javascript 中子函数使用了其父函数或者外层函数的变量就产生了一个闭包。这时外层变量的值能被子函数使用且外层变量在子函数未销毁之前一直被分配不会被释放。说源头说起: 闭包的产生由于变量作用域链引起…
ES6、7、8常用新特性总结(超实用)ES6常用新特性 1. let && const {代码…} 2. 解构赋值 {代码…} 3. 箭头函数 {代码…} 4. …操作符 {代码…} 5. iterable类型 {代码…} 6.类 {代码…} ES7常用新特性 1. Array.prototype.includes…
【前端开发日报-前端开发博客】最新的前端日报，前端开发资讯，分享最新的前端开发资讯，web前端新技术，前沿技术，前端框架等
一行js代码识别Selenium+Webdriver及其应对方案有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver，以为这样就能做到不被网站的反爬虫机制发现。
JavaScript数据结构与算法——数组数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成。常用的数据结构有：数组，栈，链表，队列，树，图，堆，散列表等，如图所示：
css3新特性总结一、圆角边框 {代码…} 二、多背景图 {代码…} 三、颜色和透明度(由原来的rgb到现在的rgba) {代码…} 四、多列布局和弹性盒模型 {代码…} 五、盒子的变幻（2D、3D） {代码…} 六、过渡和动画 {代码…} 七、…
用150行代码实现Vuex 80%的功能作者：殷荣桧@腾讯本文地址 ,欢迎查看本文 github仓库代码地址，欢迎star，谢谢。如果你对自己用少量代码实现各个框架感兴趣，那下面这些你都可以一看： build-your-own-react build-your-own-flux build-your-own-redux 目录：一.完成最简单的通过vuex定义全局变量，在任何一个页面可…
开始使用 Sandstorm 吧，一个开源 Web 应用平台 | 了解 Sandstorm，这是我们在开源工具系列中的第三篇，它将在 2019 年提高你的工作效率。 …
【20190213 前端开发日报】用一张图总结web缓存策略；JS 常用技巧；前端开发中最常用的JS代码片段；Webpack性能优化整理；「前端面试题系列5」ES6 中箭头函数的用法；Webpack 4 的故事以及如何用正…详情→
vue 源码解析（实例化前） – 初始化全局 API（最终章）上一章的最后，总结了 Watcher 的实现，对于 vue 实例化前要做的事情，在这一章，就要终结了，所以这一篇，也就是 vue 实例化前的最终章。这篇文章，会涉及到 vue 一些事件的实现： $on 、 $once 、 $off 、 $emit ；组件更新的实…
webpack 4.X 最详细的实战教程（一）全面认识webpack、核心概念 webpack 是一个模块打包机，将根据文件间的依赖关系对其进行静态分析，然后将这些模块按指定规则生成静态资源当 webpack 处理程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle 主要承担如下功能：打包：将多…
【20190213 前端开发周报】使用vue全家桶搭建的vue小说阅读器，已部署到服务器可预览；舍弃Electron，使用HTML5 + Golang创建桌面应用程序；Vue.js — 注意事项和技巧；GitHub 寻宝指南；Vue.js …详情→
如何从头开始搭建React,Webpack4,Babel7工程这是一篇非常适合新手的教程。目录：你将会学习到的知识建立项目配置webpack 配置Babel 编写React组件 HTML webpack plugin webpack dev server 总结你将会学习到的知识如何安装及配置webpack 如何安装及配置Babel 如何安装React 如何…
前端技术周刊 2019-02-11 ServerlessChrome 72 的安卓版正式启用了 Trusted Web Activity 功能，可以使得一个 PWA 应用能够在 Google Play Store 中得以被分发。
pangu.js：为什么你们就是不能加个空格呢？ README.md 為什麼你們就是不能加個空格呢？如果你跟我一樣，每次看到網頁上的中文字和英文、數字、符號擠在一塊，就會坐立難安，忍不住想在它們之間加個空格。這個外掛（支援 Chrome 和 Firefox）正是你在網路世界走跳所需要的東西，它會自動替你在網頁中所有的中文字…