20191105 前端开发日报

搭建 TypeScript 开发环境；下次面试再问JavaScript怎么实现深拷贝，我就不客气了；定制你私有的前端构建部署（Github CI/CD）；在vue中如何使用GraphQL；在JS中实践函数式编程【3】 — 状态；JavaScript进阶笔记(七):异步任务和事件循环；7道简单的 JavaScript 面试题，三个月没招到一个人；重学JS: 多态封装继承

1. 搭建 TypeScript 开发环境 随着 TypeScript 使用的越来越广泛，是时候入门 TypeScript 。接下来，这篇文章学习 TypeScript 时，通过 Webpack 搭建的 TypeScript 开发环境，方便学习。本人也是刚开始入门，难免会出现错误，请不吝指正。 接下来进入 TypeScript 开发环境搭建吧！ TypeScript 安装 安装没有什么好说的，就是使用 npm …
2. 下次面试再问JavaScript怎么实现深拷贝，我就不客气了 大家都知道，JavaScript 中的基础数据类型，比如 number , boolean , string , null , undefined 这些类型的变量在赋值的时候会分配独立的内存空间。而复合类型，比如 Object ，这种类型的变量是引用型的，也就是保存内存的引用地址，可能多个变量指向的是同一个内存地址。这样在修改变量的某个属性时，其他变量的…
3. 定制你私有的前端构建部署（Github CI/CD）近来手痒，又陷入了自我捣腾的无限循环。 其实事情是这样的，最近阿里云搞活动（嗯，友情打广告），229买了个3年版低配服务器；前端时间写用React + Github Graphql API自定义你的博客, 见识了Github Action的强…
4. 在vue中如何使用GraphQL npm install -g @vue/cli vue create vue-apollo-demo 复制代码 选择默认cli的默认模板就可以了 添加 /src/graphql/article.js 、 /src/utils/graphql.js 两个文件。 ├── node_modules └── public │ ├── favicon.ico │ └── index.html ├── src │ ├── assets │ │ └── home.js │ ├── components │ │…
5. 在JS中实践函数式编程【3】 — 状态 函数式编程第三话~ 上次介绍了一些简单的概念，这次我们研究一下状态。 文章如果有什么不对的地方欢迎在评论区批评指正。 状态 上次说到什么是一等函数 什么是高阶函数以及纯函数。那接下来我们来研究一下函数式编程中 ，纯函数到底是如何帮助我们的。 首先我们要知道一个词： 状态。 前端的小伙伴一定对状态这个词…
6. JavaScript进阶笔记(七):异步任务和事件循环 JS 是单线程的，对于耗时任务如果按照顺序执行，就会导致浏览器假死卡住。所以需要异步来处理耗时任务，当任务完成后才去处理。 同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务； 异步任务：不进入主线程，而进入任务队列中的任务，主线程完成一个事件循环空闲后，会从任务队列中…
7. 7道简单的 JavaScript 面试题，三个月没招到一个人 如果你符合JavaScript高级开发人员的资格，在编码面试中很有可能会被问到一些刁钻的问题。 我知道这不公平。一些不知名的人把你放在角落上下打量，似乎想看你是什么做成的。这是一次不愉快的经历。 你能做什么? 遵循这个建议：“熟能生巧”。通过投入足够的时间，更好地定期深入了解JavaScript，将改善你…
8. 重学JS: 多态封装继承JS是一种基于对象的语言，在JS中几乎所有的东西都可以看成是一个对象，但是JS中的对象模型和大多数面向对象语言的对象模型不太一样，因此理解JS中面向对象思想十分重要，接下来本篇文章将从多态、封装、继承三个…
9. js的技巧Number.isFinite(12); // true; 其他类型都为falseMath.trunc方法用于去除一个数(正负都可以)的小数部分，返回整数部分。console.log(Math.trunc(3.1));// 兼容性写法// Math.trunc = Math.trunc || function(x) …
10. Vue 3.x 源码初探——reactive原理
11. 使用Three.js制作有粘稠感的图像悬停效果 这是一篇关于glsl在web动效交互中的应用。文章质量比较高，翻译过来大家一起学习借鉴。 原文链接： tympanus.net/codrops/201… 学习如何使用噪声在着色器中创建粘稠的悬停效果。 查看 or 下载源码 作为Flash的替代者webGL在近几年随着像Three.js, PIXI.js, OGL.js这样的库而变得越来越火。它们对…
12. Vue.js的实时聊天应用+netlify自动部署 项目是跟着 sitepoint 开发的一个Vue.js的实时聊天应用，核心 chatkit ，使用netlify进行自动部署. 可在 pigchat 体验，账号 test,test2 技术栈 Vue Vuex Vue Router Pusher ChatKit SCSS ElementUI chatkit 项目的核心就是通过 chatkit 开发的，能实时的反映用户的在线状态、发送的消…
13. Web安全之初识XSS同源(协议、host（域名或IP地址，如果是IP地址则看作一个根域名）、端口号相同)策略限制了来自不同源的”document”或脚本，对当前”document”读取或设置某些属性。
14. 使用webpack命令打包时，报错TypeError: Cannot read property 'presetToOptions' of undefined的…
15. js有用的链接的链接[链接]

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

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