20180628 前端开发日报

2018前端面试总结js部分【中】;没朋友(mpvue),点个外卖,一个人也要好好吃饭;用JavaScript将input/textarea中的文本复制粘贴到剪切板;ejs 浅析;2018年JavaScript发展状态;前端不止:Web 性能优化 – 关键渲染路径以及优化策略;谁说前端需要懂 Nginx 了?;走在JS上的全栈之路(二)(1/2)

  1. 2018前端面试总结js部分【中】 1. 语法:function 函数名(参数1 ……){ 函数体; ; //返回值 } function fx() { } function () { } //匿名函数 2.字面量 var fn=function(){ } 3.通过函数…
  2. 没朋友(mpvue),点个外卖,一个人也要好好吃饭 每次写文章时,总会感慨万千。面对成功,我们总是抱以较高的期望,总想急不可耐就能得到胜利的果实。可每一次成功不可能轻而易举的就来到我们的面前。几乎每一次都需要我们付出极大的耐心和勤奋,甚至于近乎偏执狂般的傻傻坚持。自打小程序推出以来,我便开始转入这个市场。并不是因为他的热度而是一种学习兴趣吧,总想…
  3. 用JavaScript将input/textarea中的文本复制粘贴到剪切板 浏览器对剪切板有一定的安全限制,与 window.open 方法类似,只有在用户交互过程中才允许操作,比如说鼠标点击,键盘输入等。 要想将文本复制到剪切板首先要将该文本框全选,如: document.querySelector(‘#input’).select(); 然后调用复制命名,复制到剪切版 document.execCommand(‘copy’); 最后,这些调用…
  4. ejs 浅析 ejs是一种历史悠久的模版,具有简单、性能好、使用广泛的特点。虽然没有 vue 、 react 这些项目流行,但还是有使用的场合和学习的价值。这里会介绍ejs项目的 源码 。使用方法详见 项目 的readme,或者这里。 哲学ejs是字符串模版引擎,生成的是字符串,其实可以被用到非常多的地方,只要是动态生成字符…
  5. 2018年JavaScript发展状态 三年前,我写了一篇叫作“2015年JavaScript发展状态”的文章。我在文章中呼吁,行业的快速变化要求我们使用“微型库”,也就是使用单一用途的小型库来取代单体框架。不过,现在我想说服你们重回单体框架。 首先,很少人愿意公开承认采用微型库架构存在的成本问题。他们需要编写胶水代码、做出决策、配置和承担风险,这些都…
  6. 前端不止:Web 性能优化 – 关键渲染路径以及优化策略 我问你:“当你从搜索引擎的结果页面选择打开一条搜索结果时,你觉得多长时间之后,如果页面还处于白屏或者没有加载到关键信息,你会选择关掉这个窗口?” 《Designing for Performance》的作者 Lara Swanson 在2014年写过一篇文章《Web性能即用户体验》,她在文中提到“网站页面的快速加载,能够建立用户对网站的信…
  7. 谁说前端需要懂 Nginx 了? –读《 谁说前端不需要懂-Nginx反向代理与负载均衡 》有感 读了上文发现内容虽然还是挺好的,但看完,为啥要懂nginx呀,负载均衡和前端哪里有什么半毛钱关系了,没说清楚呀。 当然这个面向前端做个科普文让大家多知道一项只是还是不错的,文章拉到最后面看了下作者的使用场景举例说起个 host 给让产品走查。 这…
  8. 走在JS上的全栈之路(二)(1/2) (这是一个系列文章:预计会有三期,第一期会以同构构建前后端应用为主,第二期会以 GraphQL 和 MySQL 为主,第三期会以 Docker 配合线上部署报警为主) 作者: 赵玮龙 重要声明: 从此不再以 AMC 团队名称发布文章,原因不详述,所有文章和后
  9. 用 Promise 描述一个悲伤的故事 那天我正在学习 Promise,突然家里打电话过来说,家里盖房子要钱。我工作这么多年了,从事着别人眼中高薪工作,于是满口答应下来。但是由于我并没有钱,于是我跟家里说,等过几天我再打钱过去。我也好乘着这几天想想办法。 首先我找到我的同学李雷,他现在一个部门经理了,我想应该他应该有钱。我跟他说明了借钱的意向…
  10. 对React、Redux、React-Redux详细剖析 前言 相信很多新手朋友们对于React、Redux、React-Redux这三者之间的关系和区别肯定有很多不解和疑惑。这里我们就来详细的剖析一下它们吧。 React:负责组件的UI界面渲染; Redux:数据处理中心; React-Redux:连接组件和数据中
  11. Vue.js中MVVM的原理和实现 MVVM拆开来即为Model-View-ViewModel,有View,ViewModel,Model三部分组成。View层代表的是视图、模版,负责将数据模型转化为UI展现出来。Model层代表的是模型、数据,可以在Model层中定义数据修改和操作的业务逻辑。ViewModel层连接Model和View。 在MVVM的架构下,View层和Model层并没有直接联系,而是通过ViewModel…
  12. 为什么不会有CSS4? 引入模块化之前 引入模块化之后 模块还会有Level 4或更高 为什么不会有CSS4了? 简单地说,就是从CSS3开始,CSS规范就被拆成众多模块(module)单独进行升级,或者将新需求作为一个新模块
  13. JavaScript实现排序二叉树的基本操作 记得一开始学习数据结构用的是c语言实现,学了这么久前端就想用JavaScript来实现一下,顺便复习下数据结构。 先来了解下什么是 排序二叉树,排序二叉树 是具有以下特点的二叉树 若左子树不空,则左子树上所有结点的值均小于或等于它的 根结 点的值, 若右子树不空,则右子树上所有结点的值均大于或等…
  14. Airbnb弃用之后,我们还应该用React Native吗? 作者|Charlie Cheever 译者|无明 编辑|覃云 近日,Airbnb 发表了一组由 5 篇博文组成的系列文章(https://medium.com/airbnb-engineering/react-native-at-air
  15. 关于babel-polyfill和babel-runtime Babel 默认只转换新的 JavaScript语法,而不转换新的API。例如,Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法都不会转译。如果想使用这些新的对象和方法,必须使用 polyfill。提供polyfill的有2个插件:babel-runtime和babel-polyill。 关于babel-ru…
  16. 手把手教你封装Vue组件 为了能在Vue上更简便地使用canvas-nest.js这个炫酷的特效,在原项目作者的提醒下,花了几小时直接将canvas-nest封装成了vue-canvas-nest组件。 初始化 # init vue init webpack-simple vue-c
  17. NodeJS事件循环 Part 1 译者注:这是我看过最好的解释NodeJS事件循环的系列文章。 点击查看原文(请自备梯子) 作为开篇第一章,作者非常详细认真甚至有点啰嗦地介绍了事件循环的基本工作流程,解释了libuv主要解决的问题,同时从应用层JavaScript的角度出发,将事件循环的所有阶段区分为lbuv原生的和NodeJS额外添加的(事实也是这样。很多时…
  18. 前端不止:Web性能优化 – 关键渲染路径以及优化策略 我问你:“当你从搜索引擎的结果页面选择打开一条搜索结果时,你觉得多长时间之后,如果页面还处于白屏或者没有加载到关键信息,你会选择关掉这个窗口?” 《Designing for Performance》 的作者 Lara Swanson 在2014年写过一篇文章 《Web性能即用户体验》 ,她在文中提到“网站页面的快速加载,能够建立用户对网站的信…
  19. WebRTC学习总结 WebRTC (Web Real-Time Communications)是一项实时通讯技术,它允许网络应用或者站点,在不借助中间媒介的情况下,建立浏览器之间点对点(Peer-to-Peer)的连接,实现视频流和(或)音频流或者其他任意数据的传输。WebRTC
  20. Cax + Matter-js 物理引擎结合使用 最初试过 box2dweb 与 cax框架 结合使用,发现 box2dweb 的代码会导致 webpack 编译出的 cax 包模块执行顺序乱套。 box2dweb 貌似也没有官方文档和维护地址,所以弃坑转战 Matter-js。 Matter-js 是 Github 上最流行的 Web 2D 物理引擎,主要有如下特性: 支持刚体、混合体、复合体 支持凹凸多边形刚体 …
  21. 基于 HTML5 的工业互联网 3D 可视化应用工业企业中生产线处于高速运转,由工业设备所产生、采集和处理的数据量远大于企业中计算机和人工产生的数据,生产线的高速运转则对数据的实时性要求也更高。破解这些大数据就是企业在新一轮制造革命中赢得竞争力…
  22. Vue:触发视图更新的hack 前言 触发视图更新的hack,hack的是什么?hack那些数据改变却没有被vue检测到的更新!那么vue有哪些情况是检测不到数据的变动的? 官方说明的有下面两大类: 数组 使用下标更新数组元素; 使用赋值方式改变数组长度; 使用下标增删数组元素;
  23. jsonp跨域获取数据实现百度搜索 本菜鸡最近在写某个页面请求数据时,报了如下的错误。 Failed to load https://…: No 'Access-Control-Allow-Origin' header is present on the requested resourc
  24. 面试精选之Promise 前端面试过程中,基本都会问到Promise,如果你足够幸运,面试官问的比较浅,仅仅问Promise的使用方式,那么恭喜你。事实上,大多数人并没有那么幸运。所以,我们要准备好九浅一深的知识。 不知道读者有没有想过,为什么那么多面试官都喜欢问Promise?可以
  25. vue-koa 应用脚手架 vue koa 应用脚手架 支持多语言 支持多页应用 支持多种MOCK Architecture 样式 库管理 框架 模板引擎 打包 运行环境中Nodejs的版本至少是7 目录结构 . ├── build // 使用 vue-cli 2.9.3(有修正) ├── config // …
  26. 记一次 React 项目的优化(webpack4 插件的使用) 这里记录了自己在开发一个 React 项目时使用 Webpack 优化项目的过程,欢迎大家围观点赞或吐槽。 学习 React 时候,写了个个人博客站点。使用 webpack 作为打包工具,在这之前学习 webpack 时候,知道 webpack 有插件可以做资
  27. 来,一起帮忙制定CSS规范吧 shape-outside initial-letter 让inital-letter支持shape-outside API如何设计? CSS工作组又要开会了,其中一个issue是“Allow
  28. 为Web开发人员精选的十种Angular教程 【51CTO.com快译】引言:您是否还在寻找属于自己的Angular教程?这里给您准备了由资深开发人员精选的课程资源,要不要了解一下? 大家好!如果您想使用如今最好、最流行的JavaScript框架Angular,来开发基于组件的Web GUI,并有兴趣通过寻找各种在线教程来进行学习的话,那么本文应该会比较适合您的阅读。我将与您分享…
  29. 使用 vuetron 调试 mpvue 项目 简介 由于小程序开发工具的封闭,我们无法通过安装 chrome 插件来方便地使用 vue-devtools 调试我们的 mpvue 项目。vuetron 是一个 vue.js 的项目调试工具, 同时支持对 vuex 及 vue-router 的调试。这里我们主
  30. CocosCreator 中 JS 与 Java 互相调用 最近项目是使用 CocosCreator 开发的一款小游戏,有些功能需要调用 Android 原生代码,这涉及到 CocosCreator 中 JS 与 Java 的互相调用问题,本文记录互相调用时的方式和注意事项。 1. JS 调用 Java 方法 在 CocosCreator 下 JS 调用 Java/Objective-C 的格式都是: var o = jsb.reflection.callStaticMethod(c…

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

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


关注我

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

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

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