函数防抖与函数节流

概念 函数防抖(debounce) 当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间 函数节流(throttle) 预先设定一个执行周期,当调用动作的时刻大于等于执行周期则执行该动作,然后进入下一个新周期 函数节流(throttle)与 函数防抖(debounce ... »

es6/es7/es8常用新特性总结(实用)

本文标题有误导性,因为我其实想写node8的新特性,说实话一下子从node v1.x跳跃到node 8.x+ 真有点受宠若惊的感觉。一直觉得node 数组、 对象、序列等的处理没有python方便,因为需要借助外部的一些包比如underscore /lodash才能实现,但是接下来是见证奇迹的时刻,... ... »

js 数组去重的方法总结

想沉淀一下自己。代码改变世界~~~ 1、利用Array.from代码如下 2、利用es6(...)拓展运算符。demo 3、利用Object.keys() ;直接上代码 4、比较中规中矩的方法。和第三种差不多(这里就解决了上面的字符串问题)。 5、这个是我突然有次发现的。来啦(下面就是见证奇迹的时刻 ... »

关于ajax

首先AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML) 英文全称 Asynchronous Javascript And XML Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 使用 ... »

基于vue-cli的快速开发框架

基于vue-cli的快速规范开发框架,已封装常用组件,可直接进行基本项目开发 1,遵循eslint规则,提升代码质量 2,集成mock模拟服务端数据,提升开发效率 3,集成vuex,可直接使用开发 4,封装axios、jsonp,解决基本服务端接口请求 5,集成svg图标库,避免使用图片消耗的资源、 ... »

通过JS如何获取IP地址

通过JS获取你真实的外网IP和内网IP,就算开代理也没有用,想想真是太可怕了,还能不能愉快的装逼了! 代码: //get the IP addresses associated with an account function getIPs(callback){ var ip_dups = {}; ... »

前端优化之图片懒加载

http请求 如果你学过计算机网络你就会知道,我们请求一个带有n张图片的html文件实际上会发送n+1次请求,因为在浏览器解析html的时候遇到了src,就会请求src后面的内容。 设想一下如果我们的页面有1000000张图片,那么如果等待这些图片响应成功并加载完时延是非常大的,而且图片的加载是同步 ... »

优化:更优雅的异步代码?

异步问题 回调地狱 异步编程中最常见的一种问题便是回调地狱。 我们产生多个success状态下的回调函数,或者多个ajax请求同时发送,全部success状态后执行回调。 如果需要在successCallback2完成后继续回调,就要一层一层的嵌套。代码不是纵向发展,而是横向发展,这就是js中的回调 ... »

xtemplate

.xtemplate的使用 1.xtempalte是富逻辑kissy模板引擎,面向复杂的业务逻辑,可以保持高性能和丰富的配置方案 2.xtemplate核心就是将模板中的标签替换为JSON对象中的值,并同时拥有模板语言的逻辑 3.xtemplate不仅可以显示简单的变量替换,还可以使用if,else ... »

关于URL编码

一、问题的由来 URL就是网址,只要上网,就一定会用到。 一般来说,URL只能使用英文字母、阿拉伯数字和某些标点符号,不能使用其他文字和符号。比如,世界上有英文字母的网址"http://www.abc.com",但是没有希腊字母的网址"http://www.aβγ.com"(读作阿尔法-贝塔-伽玛. ... »

前端树形UI的生成

对数据tree遍历主要有两种方式 1.1 第一种是广度遍历 广度遍历可以利用队列完成 1.2 第二种是深度遍历 深度遍历可以利用函数递归来完成 下面的实例就是利用函数递归来完成对数据的遍历,然后生成对应的UI,主要要注意tree的ui插入节点的判断,所以给数据加上到对父节点的索引。 先看效果图 HT ... »

vue2.0 如何自定义组件(vue组件的封装)

一、前言 之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话很不错了,但是坑也是不少,而且很多功能也是仅凭这些实现不了 ... »

自己手撸Ant Design的时间选择控件YearPicker

不知道为什么蚂蚁金服团队没有在ant design的DatePicker中单独给出选择年份的组件,这给我们这种懒人造成了很大的痛苦,自己手造轮子是很麻烦的。毕竟只是一个伸手党,emmmmm..... 然后就打算自己手撸了,首先去偷看了蚂蚁自己组件的样式,打算照着搬下来。后来发现下面的item是用的t ... »

js获取select下拉框的value值和text文本值

介绍一种取下拉框值以及绑定下拉框数据的方法 这里用到的jquery-ui-multiselect插件 1、前台html代码 2、获取值js代码 3、后台取值赋值代码 //品类 if (hid_Cartype.Value == "") //将文本值放入lable控件显示 x_lb_Cartype.Vi ... »

WebGL展示3D房屋内景

  原文地址: "WebGL展示3D房屋内景"   由于生活和工作上的原因,从年前开始一直到处奔波,没有太多的时间去关注和学习WebGL图形学相关的技术, 不过陆陆续续都有学习使用blender进行3D建模, 而这篇文章涉及到的房屋内景3D建模就是我这段时间以 ... »

nrm 的全局安装以及npm node.js的安装

安装以及配置node.js 安装 node.js,到官网下载 node.js 在path中配置好环境变量 ,指定你的 D:developsvn odejs ode-v6.10.3-win-x64 用管理员执行cmd命令 在path环境变量中,配置 C:Program Files odej ... »

vue2.0 axios封装、vuex介绍

一、前言 博主也是vue道路上的行者,道行不深,希望自己的东西能对大家有所帮助。这篇博客针对 了解过vue基础,但是没有做过vue项目的童鞋。如果想看基础指令,可以看我之前的一篇博客,请点击 跳转, 不过我还是建议看文档比较好。os: Vue文档是非常详细的 二、准备 做vue单页应用都需要会什么? ... »