[Vue进阶]为什么我的代码让别人看起来头皮发麻？；vue项目上传Github预览；最近在 Vue 项目中用到的一些小技巧，或许有用；js复杂判断的更优雅写法；面试官问：能否模拟实现JS的new操作符；100行代码实现一个vue分页组件；构建工具是如何用 node 操作 html/js/css/md 文件的；JavaScript模块化编程之AMD
-
[Vue进阶]为什么我的代码让别人看起来头皮发麻？ 面试官：谈谈你们项目当中的前端代码规范吧？ 自己先想一分钟。 前面的话 有些同学在开发某个新功能时根据需求就哐哐哐（按照自己的代码风格）一顿撸。写完发现，另一个地方也有这个模块功能，可能只是标题的颜色，字体大小不对。怎么办？ 于是很鸡贼的复制粘贴过去，改吧改吧，提交代码，万事大吉！自…
-
vue项目上传Github预览最近在用Vue仿写cnode社区，想要上传到github，并通过Github pages预览，在这个过程中遇到了一些问题，因此写个笔记，以便查阅。
-
最近在 Vue 项目中用到的一些小技巧，或许有用 在最近的 Vue 项目中，为了完成需求使用了一些小技巧，做个笔记，或许也能帮到道友。 阅读重点 需求一：为路径配置别名 在开发过程中，我们经常需要引入各种文件，如图片、CSS、JS等，为了避免写很长的相对路径（ ../ ），我们可以为不同的目录配置一个别名。 找到 webpack.base.config.js 中的 resolve 配置…
-
js复杂判断的更优雅写法 前提 我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你
-
面试官问：能否模拟实现JS的new操作符 用过 Vuejs 的同学都知道，需要用 new 操作符来实例化。 new Vue({ el: ‘#app’, mounted(){}, }); 那么面试官可能会问是否想过 new 到底做了什么，怎么模拟实现呢。 附上之前写文章写过的一段话：已经有很多模拟实现 new 操作符的文章，为什么自己还要写一遍呢。学习就好比是座大山…
-
100行代码实现一个vue分页组件 今天用vue来实现一个分页组件，总体来说，vue实现比较简单，样式部分模仿了elementUI。所有代码的源码可以再github上下载的到：下载地址 先来看一下实现效果： 点击查看效果 整体思路 我们先看一下使用到的文件的目录： 我们在pageCompon
-
构建工具是如何用 node 操作 html/js/css/md 文件的从本质上来说，html/js/css/md … 源代码文件都是文本文件，文本文件的内容都是字符串，对文本文件的操作其实就是对字符串的操作。
-
JavaScript模块化编程之AMD简单的说一下AMD是”Asynchronous Module Definition”的缩写，意思就是”异步模块定义”。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完…
-
Angular 学习笔记（一） 理解 Angular，首先需要理解三大核心概念： 模块 、 组件 和 服务 ，其余的特性都是基于这三大概念衍生出来的。比如组件与服务之间有 依赖注入 特性，模块为组件和服务提供了编译的上下文以及一些功能（ 指令 、 管道 等）支持。视图的更新依赖于 双向绑定 ，视图的变换对应着组件的切换，而组件的切换需要 路由 机制……
-
你所不知道的 CSS 阴影技巧与细节 关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是
-
HTML5游戏开发(五)：飞机大战之让所有元素动起来 《HTML5游戏开发》系列文章的目的有：一、以最小的成本去入门egret小项目开发，官方的教程一直都是面向中重型；二、egret可以非常轻量；三、egret相比PIXI.js和spritejs文档更成熟、友好；四、学习从0打造高效的开发工作流。 HTML5游戏开发(一)：3分钟创建一个hello world HTML5游戏开发(…
-
找到好工作之 LeetcodeTop100(Easy) by JavaScript 两数和 – 找到无序数组中和为定值的两个数，返回下标 因为需要返回下标，因此先排序后用两个指针扫（前->后, 后->前）的方式（NlogN）不行。 故选用类似 hash 的形式解； key 为数组值， value 为下标 /** * @param {number } */ var twoSum = fun…
-
37行代码构建无状态组件通信工具-让恼人的Vuex和Redux滚蛋吧 很多前端开发者认为， Vuex 和 Redux 是用来解决组件间状态通信问题的，所以大部分人仅仅是用于达到状态共享的目的。但是通常 Redux 是用于解决工程性问题的，用于分离业务与视图，让结构更加清晰，从而达到易于维护的目的。也就是 Flux (这里我之前翻译的Flux深度解读) 架构所解决的问题。但是绝大多数时候，大家只是想…
-
react/vue中dom-diff简易版实现 利用 create-react-app 快速创建一个项目模板； 删掉src下的源文件，替换成 index.js 首先我们先要用一个对象定义一个虚拟DOM的数据结构： Element { type: ‘ul’, props: { class: ‘list’ }, children: [ Element{ type: ‘li’, props: { …
-
vue 生命周期梳理 前言 在使用vue开发过程中经常会接触到生命周期的问题，但对于每个钩子函数都做了什么，应用场景比较模糊，希望通过这次梳理让自己清楚一些。初次写文章，有不对的地方还望各位多多指正！ 1. vue实例化过程 从vue实例化开始分析，我们通过new Vue来实例化来
-
深度解析 JavaScript 的 this 关键字 作者｜Austin Tackaberry译者｜无明 这篇文章通过简单的术语和一个真实的例子解释了 this 是什么以及为什么说它很有用。 你的 this 我发现，很多教程在解释 JavaScript 的 this 时，通常会假设你拥有 Java、C++ 或 Python 等面向对象编程语言的背景。这篇文章主要面向那些对 this 没有先入之见的人。我…
-
WEB站点性能优化实践 编辑推荐: 本文来自于博客园，本文主要对Web站点的性能将实施一个完整的优化流程，希望对您的学习有帮助。 进行优化前，关键是剖析当前的web性能，找到性能瓶颈，从而确定最需改进的地方;如果精力有限，首先将精力放在能明显提升性能的改进点上; 《高性能网站建设指南》提出了一个性能…
-
对 Vue-Router 进行单元测试 原文：https://medium.com/js-dojo/unit-testing-vue-router-1d091241312 由于路由通常会把多个组件牵扯到一起操作，所以一般对其的测试都在 端到端/集成 阶段进行，处于测试金字塔的上层。不过，做一些路由的单元测试还是大有益处的。 对于与路由交互的组件，有两种测试方式： …
-
从一道前端面试题谈起 本文作者：刘观宇，360奇舞团高级前端工程师、技术经理，曾参加360导航、360影视、360金融、360游戏等多个大型前端项目。关注W3C标准、IOT、人工智能与机器学习的最新进展，W3C CSS工作组成员。 人生无根蒂，飘如陌上尘。分散逐风转，此已非常身。落地为兄弟，何必骨肉亲！得欢当作乐，斗酒聚比邻。盛年不重来，…
-
JS四则运算与四舍五入精度问题及解决方案 一、Javascript精度问题业务背景 JS中 0.1+0.2 = 0.3000000000000004的问题，在很多业务场景里都是一个令人头痛的问题。尤其是在大型的电商企业，货币基金股票行业的网页中，JS四则运算和toFixed精度问题更是让人防不胜防。
-
D3js初探及数据可视化案例 编辑推荐: 本文来自cnblogs，本文主要介绍了D3js一个可视化工具，并且以实际案例讲解了数据可视化的设计、方法、过程和结果等相关内容。 摘要：本文以本人目前所做项目为基础，从设计的角度探讨数据可视化的设计的方法、过程和结果，起抛砖引玉之效。在技术方案上，我们采用通用web架构和…
-
typeScript 基本类型和泛型的使用 写在前面的话： 迫于业务升级，开始使用 typescript，这里来了解一下 typescript 的基本类型和泛型的使用。现在 typescript 已经 3.1版本了，非常成熟了。 typeScript 基础类型 下面只介绍一些区别于 JavaScr
-
ES6 系列之 Babel 是如何编译 Class 的(上) 前言 在了解 Babel 是如何编译 class 前，我们先看看 ES6 的 class 和 ES5 的构造函数是如何对应的。毕竟，ES6 的 class 可以看作一个语法糖，它的绝大部分功能，ES5 都可以做到，新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 constructor ES6 中： class Person { construc…
-
web AR探索和总结 导语 AR浪潮正滚滚而来，Web 浏览器作为人们最唾手可得的人机交互终端，AR技术又有那些进展，下面作者将自己在项目内AR的探索总结了一下，和大家分享 。 。 # AR实现原理分析三要素： 1.摄像头的调用 2.视频流内容识别 3.虚拟物体的叠加在画面上 # 技术实现一：摄像头的调用 1.使用getUsermedia获取…
-
使用Jest对React全家桶(react-saga, redux-actions, reselect)的单元测试 本文主要对react全家桶应用的单元测试提供一点思路。 开工须知 Jest Jest是 Facebook 发布的一个开源的、基于 Jasmine 框架的 JavaScript单元测试工具。提供了包括内置的测试环境DOM API支持、断言库、Mock库等，还包
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
