20191017 前端开发日报

jQuery 源码分析(十) 数据缓存模块 data详解;基于 HTML5 WebGL 的医疗物流系统;Vue 关于移动端的那些事情(一);5 个 JS 不良编码习惯,你占几个呢;从零开始再学 JavaScript 定时器;一篇文章搞定前端性能优化面试;VUE入门实践(1);HTML中的attribute属性和JavaScript中的property属性的区别

  1. jQuery 源码分析(十) 数据缓存模块 data详解 jQuery的数据缓存模块以一种安全的方式为DOM元素附加任意类型的数据,避免了在JavaScript对象和DOM元素之间出现循环引用,以及由此而导致的内存泄漏。 数据缓存模块为DOM元素和JavaScript对象提供了统一的数据设置、读取和移除方法,在jQuery内部还为队列模块、动画模块、样式操作模块、事件系统提供基础功能,负责维...
  2. 基于 HTML5 WebGL 的医疗物流系统 前言 物联网( IoT ),简单的理解就是物体之间通过互联网进行链接。世界上的万事万物,都可以通过数据的改变进行智能化管理。IoT 的兴起在医疗行业中具有拯救生命的潜在作用。 不断的收集用户信息并且实时的进行诊断,所以未来 IoT 肯定在医疗行业的应用会呈覆盖性。下面是我最近做的一个医疗物流系统,用来观察医疗...
  3. Vue 关于移动端的那些事情(一) 最近公司项目可能会用到 vue 的技术,趁现在有时间,就开始搞移动端的适配,为了方便开发,我的想法是 (viewport+rem+flex) 。rem那块需要进行一个换算需要做一个适配处理,为了方便最好是根据规定的图 (本文采用iPhone6) 编写px,然后通过工具对px进行转换成 rem(px2rem) 。好了,需求已经理清了,开搞!!!。 行动...
  4. 5 个 JS 不良编码习惯,你占几个呢作者:Dmitri Pavlutin 译者:前端小智 来源:dmitripavlutin 阿里云最近在做活动,低至2折,有兴趣可以看看:[链接] 在阅读JavaScript代码时,你是否有过这种感觉 你几乎不明白代码的作用? 代码使用了很多 Java...
  5. 从零开始再学 JavaScript 定时器 在写 setTimeout 和 setInterval 代码时,你是否有想过一下几点: 他们是怎么实现的? 面试时如果问你原理怎么回答? 为什么要了解定时器原理? 首先 setTimeout 和 setInterval 都不是 ECMAScript 规范或者任何 JavaScript 实现的一部分。它是由浏览器实现,并且在不同的浏览器也会有所差异。定时器...
  6. 一篇文章搞定前端性能优化面试虽然前端开发作为 GUI 开发的一种,但是存在其特殊性,前端的特殊性就在于“动态”二字,传统 GUI 开发,不管是桌面应用还是移动端应用都是需要预先下载的,只有先下载应用程序才会在本地操作系统运行,而前端不同,它是...
  7. VUE入门实践(1) 1、简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 2、环境准备 2.1、Node.js安装(npm) 官网地址: https://nodejs.org/en/download/ 复制代码 ...
  8. HTML中的attribute属性和JavaScript中的property属性的区别 attribute:是HTML标签上的某个属性,如id、class、value等以及自定义属性 它的值只能是字符串,关于这个属性一共有三个相关的方法,setAttribute、getAttribute、removeAttribute; property:是js获取的DOM对象上的属性值,比如a,你可以将它看作为一个基本的js对象。 这个节点包括很多property,比如value,clas...
  9. 如何用 Hooks 来实现 React Class Component 写法?Hooks 的 API 可以参照 React 官网。本文主要是结合 Demo 详细讲解如何用 Hooks 来实现 React Class Component 写法,让大家更深的理解 Hooks 的机制并且更快的入门。 注意:Rax 的写法和 React 是一致的,本文 D...
  10. pixi.js学习总结pixi.js是一个非常快速的2D精灵渲染引擎。它可以帮助我们显示,动画和管理交互式图形。如此一来,我们可以使用javascript和其它HTML5技术来轻松实现一个应用程序或者完成一款游戏。它有一个语义化的、简洁的API,...
  11. 用 Service Worker 实现前端性能优化 戳蓝字「前端技术优选」关注我们哦! 作者:RetroAstro https://github.com/RetroAstro/cosmos-blog 前言 说起前端性能优化, 我们首先想到的可能就是用 Gulp 、Webpack 之类的自动化构建工具对 HTML、CSS 、JS 代码进行压缩,同时优化图片资源。再者就是使用 CSS S...
  12. JavaScript之判断数据类型Javascript 中的数据类型判断其实是一个JavaScript非常基础问题,但不论是日常实际编程过程中和还是面试时,这都是一个非常常见的问题。
  13. 网站后门文件(Webshell)分析笔记周末的时候,阿里云发来了一条短信,说网站上发现了后门文件,于是赶紧登录阿里云网站,查看该安全事件的相关信息。
  14. 从零配置webpack 4+react脚手架(四) 可前往我的 Github/blog 进行阅读,若有帮助,赏个star:blush: 经过前三节的学习,我们已经大概能自己配出一个react脚手架了,但是仍有许多配置未完成,比如图片,字体图标的配置,Source Map的配置等,通过前面的学习,我相信你已经能够做到这些简单的配置了,实在还不是很清楚,那我们就往下看吧! 添加图片的loa...
  15. vue-cli+v-charts实现可视化图表 v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具,在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的...
  16. Vue.set实际上是什么? 谈到 Vue.set 就要说响应式原理,所以得为你自己准备下这方面的理论知识。然而,一如即往,这并不难或者枯燥。准备点鳄梨和薯条,制作些鳄梨酱,然后我们再进入话题。 数据和响应式原理 在一个 Vue 组件中,无论你何时创建一个 data() 功能属性,都会返回一个对象。 Vue 在组件背后做了很多事情,来使得它具有响应...
  17. 动画:用动画技巧记忆常见笔试 JS 类型转换 这部分的面试知识点是和前几天发的那篇基础知识点是一起的,小鹿按照分类把它分成两篇进行分享。 动画:面试官问我 0.1 + 0.2 __ 0.3 ? 为什么?该如何正确回答? 暑假去面试,进门先做笔试题,笔试题的基础部分大多都是这样 JS 基础问题,做的时候总是含含糊糊,感觉对也感觉不对。其实回来总接到,还是这些基础...
  18. 在 JavaScript 中轻松处理 “this”作者:Dmitri Pavlutin翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 我喜欢 JavaScript 中能够更改函数执行上下文(也称为 this)的特性。 例如,你可以在类似数组的对象上使用数组方法: {代码...} 但是从...
  19. JS核心开发技巧 本文对核心开发技巧做一个梳理(对应的有一个非核心开发技巧,可以称之为齐淫技巧),持续更新... 本文借鉴了灵活运用JS开发技巧等文,进行了删减,只选核心的开发技巧。 所谓的核心开发技巧,是必须掌握的,形成肌肉记忆,不需要思考,例如往数组的头部添元素 unshift ,这样的操作是很常见的操作,作为前端开发...
  20. 简析vue 3 的数据响应系统 在10月5日尤大大Vue3的源代码正式发布了,闲暇之余也简单研究了下源码。 vue3 目前的版本是 Pre-Alpha ,源码仓库地址 vue-next ,有需要的朋友可以自行下载 Vue 的核心之一就是响应式系统,通过监听数据的变化,来驱动更新视图。因此,一拿到源码,就先研究了下它的数据监听机制。 当然,在介绍数据监听知识之前...
  21. 重学JavaScript(一) JavaScript的前世今生 最近一段时间,一直在研读框架源码,越深入,越发现自身基础知识的薄弱,因此最近打算重新回顾一遍JS的基础,旨在查漏补缺,厚积薄发。 第一篇文章主要想讲讲JS的发展历史,了解JS的本质、历史以及局限性。 第一次在掘金发表博客,希望能一直继续下去,毕竟坚持本身就是一件很酷的事情。 这次的故事就从Mosaic浏览...
  22. 已配置 4000+ 页面,携程前端组件化探索之 “乐高” 运营系统 作者简介 孙罡,携程市场部活动平台前端工程师,主要负责市场“乐高”平台搭建,组件开发,以及各种定制活动的开发工作。 一、前言 市场部活动组主要负责各种运营活动的相关开发,分为常规运营活动和定制运营活动。常规运营活动因为组件(模块)具有复用性,并...
  23. 理解JS中的原型(Prototypes) 在JS中,对象是有很多 key 和 value 构成的一种数据存储结构。例如,如果想描述一个人的基本信息,可以构建一个拥有 firstName 和 lastName 的对象,并且分别被赋值为 北宸 和 范 。在JS对象中的key的值是 String 类型的。 在JS中,可以用 Object.create 创建一下 全新 的对象: //构建了一个空对象 var person =...
  24. 可能是全网最全的http面试答案HTTP1.1新增了五种请求方法:OPTIONS, PUT, DELETE, TRACE 和 CONNECT
  25. Vue之vuex源码分析 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = { test: 1 } const actions = { changeTest({ commit }, payload){ commit('setTestValue', payload) } } const mutations = { setTestValue(state, payload){ state.test = payload } } export default new Vuex.Sto...
  26. JavaScript 即将加入私有字段和私有方法 尽管 JavaScript 在 2015 年就有了类,但仍然没有私有字段和私有方法。由于 TC39 委员会 内部存在分歧,这些功能在最初版本中被取消。有三个规范草案打算在不久的将来将这些功能引入到 JavaScript 类中。 一旦这些规范被正式接受,就可以使用“#”符号来定义私有字段和私有方法。之所以决定使用‘#’符号而不是传统的下划...
  27. vue小白教程(三) 王叔在gitup找到一个demo 详细例子 3、Demo 地址: github.com/tigerchain/… 一、什么是生命周期 生命周期指的是一个对象的生老病死。当然生命周期又为广义和狭义的。具体分为以下几类。 1、动物的生命周期:从初生到死亡。 2、产品的生命周期:从开始到淘汰。(一般指提市场寿命) 3、语言或平台中某...
  28. 从零配置webpack 4+react脚手架(二) 可前往我的 Github/blog 进行阅读,若有帮助,赏个star:blush: 你可能也注意到了,html文件中的关于js的引用是我们手动写的,那假如我们改了输出路径或打包编译之后的文件名,那我们岂不是还要手动去修改html文件中的引用?我们怎么做到,像create-react-app中那样一旦你修改了某个文件内容,页面会自己刷新?我们来...
  29. 一周 GitHub 开源项目推荐:腾讯、美团、滴滴…… 一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 falcon-log-agent:滴滴开源的用于监控系统的日志采集 agent,可无缝对接 open-falcon falcon-log-agent 是一个开源版的日志采集工具,旨在从流式的日志中抓取、统计日志中的特征信息。 ...
  30. ES6 尾调用和尾递归尾调用(Tail Call)是函数式编程的一个重要概念,本身非常简单,一句话就能说清楚,就是指某个函数的最后一步是调用另一个函数。
  31. 代理模式Proxy 和 Vue3数据响应系统 Proxy 提供了强大的 Javascript 元编程,尽管他不像其他 ES6 功能用的普遍,但 Proxy 有许多功能,包括运算符重载,对象模拟,简洁而灵活的API创建,对象变化事件,甚至Vue 3背后的内部响应系统提供动力。 Proxy 用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有访问都先经过这层拦...
  32. vue小白入手(二),对你多多少少会有一点帮助的 功能:根据一组数据的选项列表进行渲染(自动for循环)。 语法: value,key in items / value,key for items vue.js 的循环渲染是依赖于 v-for 指令,它能够根据 vue 的实例里面的信息,循环遍历所需数据,然后渲染出相应的内容。它可以遍历数组类型以及对象类型的数据,js 里面的数组本身实质上也是对象,这里遍历数...
  33. vue中的v-if和v-show的区别 v-if和v-show的区别是前端面试中常问的基础知识点,v-if、v-show顾名思义就是用来判断视图层展示效果的。那么具体是怎么展示呢?v-if和v-show的区别又是什么呢? 首先我们可以来看一下Vue中文社区说明文档的介绍: Vue中文社区说明文档中简单来说是:初始渲染的时候进行条件判断展示; 在实际开发中我们会经常...

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

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

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