2019 年的 Chrome 和 Web 又有哪些新技术？；专访 Yorkie：JavaScript 如何开发 IoT 应用？；前端山泉 ；demo19 webpack 开发模式和生产模式；vue中$refs, $emit, $on, $once, $off的使用；[回炉计划]- javascript七大继承实现；demo10 关于JS Tree Shaking；demo05 webpack + typescript
-
2019 年的 Chrome 和 Web 又有哪些新技术？ 向大佬们低头。
-
专访 Yorkie：JavaScript 如何开发 IoT 应用？ 随着 5G 的到来，各大公司都纷纷加大了在物联网和边缘计算方面的投入，一些先驱者试图将 JavaScript 引入 IoT 开发，打通物联网与庞大的前端开发者生态，ShadowNode 就是其中的一位。在 6 月 20 日举办的 GMTC 全球大前端技术大会中，ShadowNode 作者 Yorkie 将分享《JavaScript in IoT》的话题，借此机会我们对他进行了…
-
前端山泉 前端山泉 前端优质文章的搬运工 github 持续更新，欢迎 ⭐ CSS CSS 灵感 — chokcoco iCSS — chokcoco 学习 BFC (Block Formatting Context) — 网易考拉前端团队 CSS网格布局（Grid）完全教程 — 毛三十 M…
-
demo19 webpack 开发模式和生产模式 开发环境和生产环境的构建目标是有很大的不同的。 在开发环境中，为了便于代码调试以及实现浏览器实时更新,我们需要开启 source map 和 localhost server 。 而在生成环境中,为了实现缓存优化以及改善加载时间,我们的目标转向于打包成更小的 bundle 或 chunk ,分离第三方包以及开启更轻量级的 so…
-
vue中$refs, $emit, $on, $once, $off的使用1.$refs的使用场景父组件调用子组件的方法，可以传递数据。 父组件： {代码…} 子组件： {代码…} $emit的使用子组件调用父组件的方法并传递数据。 子组件： {代码…} 父组件： {代码…} 3.$on的使用场景兄弟…
-
[回炉计划]- javascript七大继承实现 javascript 本身不提供一个 class 实现，（即使在 es6 中引入了 class 关键字,但那只是语法糖, javascript 仍然是基于原型的）, class 本质上是一个函数。 class Person {} Person instanceof Function; //true 复制代码 当谈到继承时，JavaScript 只有一种结构：对象。每个实例对象（ object …
-
demo10 关于JS Tree Shaking 借助于 es6 (es2015) 模块系统 (import 和 export) 的静态解析，webpack 能够利用 Tree Shaking 进行按需加载，移除掉没有被引用的模块，从而减少包的大小，缩小应用的加载时间，从而提高性能体验。 2.需配合 UglifyJSPlugin 来实现 tree shaking UglifyJSPlugin 的作用在于删除未被引用代码以及压缩代码…
-
demo05 webpack + typescript typescript（简称 ts ）是 javascript 的超集，具有类型系统，是可编译的。可以想象得到，在代码运行之前能够进行代码类型检查和编译是多么重要的事儿（就像 Java 等强类型语言一样）。 比如前端框架 @Angular 就默认集成了 ts , 赋予了 @Angular 项目可以编译的功能。 对 ts 不了解的? 先撸一遍 ts 文档?： www…
-
demo12 webpack 处理 scss sass-loader > css-loader > style-loader (以 <style> 标签形式添加到 html 中) 或 sass-loader > file-loader > style-loader/url (以 <link> 标签形式添加到 html 中) sass-loader: 处理 sass/scss 文件，并且把它们编译成 css css-loader: 处理 css，并…
-
demo11 webpack处理css 在 webpack 中，所有类型的文件都是模块，比如 js、css、图片、字体、json（可以说是万物皆模块）。 但是，在普通的 js 代码中，我们直接 import (或require) 一张图片或css是会报错的。 但在 webpack 构建的项目中，归功于 loader（加载器），webpack 能够把 js 的模块化推广至其他类型文件，比如： import(‘xxx….
-
demo17 clean-webpack-plugin (清除模式) 在之前的 demo 中，webpack 打包后会在根目录下自动创建 dist 目录，并且把生成的文件输出到 dist 下。 当配置的输出包名含有 时，hash值会随着文件内容的改变而改变。 因此，我们需要在下一次 webpack 打包输出之前，把 dist 目录清空。 clean-webpack-plugin 插件就能帮你做到。 2.clean-webpack…
-
React常用开发调试工具大家在开发中应该都有用到这个工具，它是Javascript和JSX的语法检查工具，当一个团队一起开发一个项目时，能用它保持代码风格一致。
-
webpack4系列实践笔记 webpack 是目前 javascript 主流的工程自动构建工具，目前 Vue，React 以及 Angular 等项目脚手架都是基于 webpack 进行构建的。 webpack 官方中文文档： www.webpackjs.com/concepts/ webpack 官方英文文档： webpack.js.org/concepts 2.webpack 需要安装的环境 webpack 需要安装的环境有： …
-
WebSocket协议以及ws源码分析 本文包括如下内容: WebSocket WebSocket nodejs ws nodejs ws 参考 WebSocket 协议深入探究 ws – github 本文对 WebSocket 的概念、定义、解释和用途等基础知识不会涉及, 稍微偏干一点, 篇幅较长, markdown大约800行, 阅读需要耐心 1. 连接握手过程 关于 WebSocket 有一句很常见的话: Websocket复…
-
Gulp 和 webpack 入门 2019年05月25日 阅读 14 Gulp 和 webpack 入门 Gulp Gulp 是什么？ gulp是一个基于流的构建工具，可以自动执行指定的任务，简洁且高效 Gulp 能做什么？ 开发环境下，想要能够按模块组织代码，监听实时变化 css/js预编译，postcss等方案，浏览器前缀自动补全等 条件输出不同的网页，…
-
探索 Serverless 中的前端开发模式 “如果要用一句话来总结 Serverless，那就是 Less is More。”
-
vue项目打包后怎样优雅的解决跨域在使用vue.js开发前端项目时，再结合webpack搞起各种依赖、各种插件进行开发，无疑给前端开发带来了很多便捷，就在解决跨域这个问题上，相信众多用vue.js的前端同僚们同我一样尝到了甜头，开发环境全靠proxyTable…
-
nodejs 日志规范 nodejs 日志规范 一般前端开发同学，对日志其实不太敏感，毕竟前端大多数情况下，不太关心日志。即使有，也可能调用一些第三方的统计，比如百度统计或者别的等。在Node.js(下文中简称node) 推进过程中，也发现我们平常打日志太随意，该打的日志没有打，打的一些关键日志缺少必要上下文信息，导致在线上定位问题的…
-
附开通地址 | GitHub 也能「打赏」啦 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 今日看点 5 月 24 日，GitHub 发布了 GitHub Sponsors 功能，可以给开源贡献者打赏啦！ 放几张图： https://github.blog/2019-05-23-announcing-git…
-
demo04 webpack + babel7 babel 7 于 2018 年 8 月份发布，在 babel 7 中，所有官方包更名为以 @babel 为开头,并且 babel 7 推荐使用 babel.config.js 来配置 babel 。 关于 babel 7 的重大改变，请参考这篇文章：Babel 7 发布 对 babel 7 不熟的请先撸一下 babel 7 的配置文档： babel.docschina.org/docs/en/ 2.安装相关依赖包…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
