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. 使用Three.js制作有粘稠感的图像悬停效果 这是一篇关于glsl在web动效交互中的应用。文章质量比较高,翻译过来大家一起学习借鉴。 原文链接: tympanus.net/codrops/201… 学习如何使用噪声在着色器中创建粘稠的悬停效果。 查看 or 下载源码 作为Flash的替代者webGL在近几年随着像Three.js, PIXI.js, OGL.js这样的库而变得越来越火。它们对...
  11. Vue.js的实时聊天应用+netlify自动部署 项目是跟着 sitepoint 开发的一个Vue.js的实时聊天应用,核心 chatkit ,使用netlify进行自动部署. 可在 pigchat 体验,账号 test,test2 技术栈 Vue Vuex Vue Router Pusher ChatKit SCSS ElementUI chatkit 项目的核心就是通过 chatkit 开发的,能实时的反映用户的在线状态、发送的消...
  12. Web安全之初识XSS同源(协议、host(域名或IP地址,如果是IP地址则看作一个根域名)、端口号相同)策略限制了来自不同源的"document"或脚本,对当前"document"读取或设置某些属性。
  13. 使用webpack命令打包时,报错TypeError: Cannot read property 'presetToOptions' of undefined的...

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

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

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

发表评论

请登录后发表评论: