- 2020-06-19
如何使用Moment.js?(How to use Moment.js?)
I'm unable to follow the Moment.js documentation, and need some help with setting it up. I've referenced the moment.min.js file properly on my 阅读全文>> - 2019-12-16
基于jquery的弹幕实现
前几天,需要做一个弹幕展示效果,看了网上很多资料,但是很不凑巧,都不能满足自己的需求和功能点,但是总不能放弃吧,那么就自己写一个,今天把成果分享给大家,首先说一下市面上比较流行的弹幕插件吧: 1.有关视频的弹幕 http://www.jq22.com/jquery-info2123 阅读全文>> - 2019-11-28
JavaScript 关于setTimeout与setInterval的小研究
说明 在开发功能“轨迹播放”时,遇到了一个情况。原先同事已经开发了一版,这次有个新功能:点击线上任意一点后可以从点击处重新播放。看了一下原来的版本,发现同时使用了setTimeout和setInterval,两者配合实现点线播放。简单结构如下 function test 阅读全文>> - 2019-11-28
d3.js 地铁轨道交通项目实战
上一章说了如何制作一个线路图,当然上一章是手写的JSON数据,当然手写的json数据有非常多的好处,例如可以应对客户的各种BT需求,但是大多数情况下我们都是使用地铁公司现成的JSON文件,话不多说我们先看一下百度官方线路图。 就是这样的,今天我们就来完成它的大部分需求,以及地铁公司爸 阅读全文>> - 2019-11-26
对js中局部变量、全局变量和闭包的理解
对js中局部变量、全局变量和闭包的理解 局部变量 对于局部变量,js给出的定义是这样的:在 JavaScript函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识 阅读全文>> - 2019-11-26
你真的会用JavaScript中的sort方法吗
在平时的业务开发中,数组(Array) 是我们经常用到的数据类型,那么对数组的排序也很常见,除去使用循环遍历数组的方法来排列数据,使用JS数组中原生的方法 sort 来排列(没错,比较崇尚JS原生的力量)。 1、举个栗子 数组中能够直接用来排序的方法有:reverse() 和 阅读全文>> - 2019-11-21
详解JavaScript错误捕获和上报流程
怎么捕获错误并且处理,是一门语言必备的知识。在JavaScript中也是如此。 那怎么捕获错误呢?初看好像很简单,try-catch就可以了嘛!但是有的时候我们发现情况却繁多复杂。 Q1: 同步可以try-catch,但一个异步回调,比如setTimeOut里的函数 阅读全文>> - 2019-11-21
Vue项目性能优化整理
以下方式基于 @vue/cli 快速搭建的交互式项目脚手架 1. 路由懒加载 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 阅读全文>> - 2019-11-14
Hybrid App: 了解JavaScript如何与Native实现混合开发
一、简介 Hybrid Development混合开发是目前移动端开发异常火热的新兴技术,它能够实现跨平台开发,极大地节约了人力和资源成本。跨平台开发催生了很多新的开源框架,就目前而言,在混合开发中比较流行的有FaceBook开源React Native,有Goggle开源的Flutt 阅读全文>> - 2019-11-14
JS面试题-<变量和类型>-JavaScript的数据类型
前言 整理以前的面试题,发现问js数据类型的频率挺高的,回忆当初自己的答案,就是简简单单的把几个类型名称罗列了出来,便没有了任何下文。其实这一个知识点下可以牵涉发散出很多的知识点,如果一个面试者只是罗列的那些名词出来,可能面试官都不愿意继续问下去了,这该算是js基础的基础了。如果这 阅读全文>> - 2019-11-14
《JS高程》-教你如何写出可维护的代码
1、前言 在平时工作开发中,大部分开发人员都花费大量的时间在维护其他人员的代码。很难从头开始开发新代码,很多情况下都是以他人成果为基础的,或者新增修改需求,自己写的代码也会被其他开发人员调用,所以写好一份高质量可维护的代码就显得十分重要。 2、什么是可维护代码 可维护代码需要遵循以 阅读全文>> - 2019-11-08
jQuery实现类似花瓣网的图片瀑布流,so easy!
什么是图片瀑布流 用一张花瓣网页的图片布局可以很清楚看出图片瀑布流的样子: 简单来说,就是有很多图片平铺在页面上,每张图片的宽度相同,但是高度不同,这样错落有致的排列出 n 列的样子很像瀑布,于是就有了瀑布流图片一说。 实现原理 1、第一种方式 第一种方式前提是:图片的宽度固定,但是 阅读全文>> - 2019-11-05
JavaScript设计模式(代理模式)
一、简单的代理模式: 1、未使用代理模式的情况:小明直接给女神送花 var Flower = function() {}var xiaoming = { sendFlower: function( target ){var flower = new Flower(); 阅读全文>> - 2019-11-02
Redux的核心概念,实现代码与应用示例
Redux是一种JavaScript的状态管理容器,是一个独立的状态管理库,可配合其它框架使用,比如React。引入Redux主要为了使JavaScript中数据管理的方便,易追踪,避免在大型的JavaScript应用中数据状态的使用混乱情况。Redux 试图让 state 的变化变得 阅读全文>> - 2019-11-02
javascript 关于赋值、浅拷贝、深拷贝的个人理解
关于赋值、浅拷贝、深拷贝,以前也思考良久,很多时候都以为记住了,但是,我太难了。今天我特地写下笔记,希望可以完全掌握这个东西,也希望可以帮助到任何想对学习这个东西的同学。 一、栈、堆、指针地址 栈内存:个人理解是,基本数据类型和引用数据类型都会用到的一个空间,这个空间以key- 阅读全文>>