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