- 博客(18)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 使用事件委托降低重复的事件绑定,从而降低dom操作的对性能的消耗
举例：实现点击li打印对应li内的数字dom结构： 1 2 3 4 5 6 7 8 9 10 js：var ul = document.getElementsByTagName('ul')[0];
2017-11-30 17:16:47
958
原创 JavaScript使用hash表方式实现数组去重。
function unique(arr){ var hash = [], result = [],item; hash[arr[0]]=1; for (var i=1;i<arr.length ;i++ ) { if(hash[arr[i]]===undefined){ hash[arr[i]]=1 }
2017-11-30 15:32:59
1157
4
原创 Vue项目设置代理解决开发环境下的跨域问题
首先需要安装axios，推荐使用npm安装$ npm install axios --save配置config->index.js中的proxyTable，内容如下： proxyTable: { '/api': { target: 'http://happymmall.com',// 请换成你的地址 changeOrigin:...
2017-11-29 11:58:05
24448
原创 如何在vue中使用sass
为了使用sass，我们需要安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass123在文件中写上style lang="sass">style>1出现了错误的话就将sass换成scssstyle lang="scss"
2017-11-27 16:59:46
2543
原创 vue2.0+stylus实现星级评定组件，computed计算属性实现全星半星，动态改变星级，多种星星规格
vue2.0+stylus实现星级评定组件，computed计算属性实现全星半星，多种星星规格使用方法如下：（size为星星的大小，score为评分，比如传4.5，则4.5颗星亮；传4.1则四颗星亮） 服务态度 3.5 商品评
2017-11-27 16:48:45
3374
原创 vue2.0+stylus实现商品增加减少控制按钮组件
注：组件中使用到的icon为svg通过icomoon.io转换而来的css icon，实际使用需要换成你的icon使用例子如下： {{food.name}}
2017-11-24 12:19:52
4364
原创 H5+JS+相对单位rem实现第三方支付页（输入金额+模拟数字键盘+自适应布局+大写金额）
最近做了个第三方支付页，H5+JS+相对单位rem实现（输入金额+模拟数字键盘+自适应布局+大写金额）。源码github地址：https://github.com/XieTongXue/how-to/tree/master/pay-h5限于篇幅，以下只给出部分关键代码（需要完整源码请到以上git地址下载）：①键盘点击处理：<script type="text/java...
2017-11-22 00:31:24
10991
18
原创 JavaScript面向对象——深入理解默认的继承方式原型链
描述：正如我们所了解，JavaScript中的每个函数中都有一个指向某一对象的prototype属性。该函数被new操作符调用时会创建并返回一个对象，并且该对象中会有一个指向其原型对象的秘密链接，通过该秘密链接（__proto__），我们就可以在新建的对象中调用相关原型对象的方法和属性。而原型对象自身也具有对象固有的普遍特征，因此本身也包含了指向其原型的链接，由此就形成了一条链，即我们所说的原型链...
2017-11-14 09:23:25
3524
原创 分享两个JavaScript打乱数组顺序实现随机排序洗牌的方法(应用于音乐视频的随机播放等)
实现方法一：function randomSort(arr) { // 对数组进行随机打乱, // return大于0则交换位置,小于等于0就不交换 // 由于Math.random()产生的数字为0-1之间的数 // 所以0.5-Math.random()的是否大于0是随机结果 // 进而实现数组的随机打乱 var array = arr.slice(); array
2017-11-14 00:00:13
8225
2
原创 [2017.11.11特辑]以一个光棍节表白案例浅谈ECMAScript6模块化的使用方法
双十一，购物节与光棍节，在这个特殊的日子里研究了一下模块化开发的我，突然想结合这个日子，以一个表白的例子浅谈es6模块化的用法。在之前的 javascript 中一直是没有模块系统的，随着JavaScript的发展，涌现出了各种规范, 其中比较知名的是CommonJS和AMD。前者用于服务器，后者用于浏览器。时代发展的速度总是令人有点惊讶，是的， ES6的出现给我们带来了它的模块化
2017-11-11 20:02:56
847
原创 《JavaScript面向对象编程指南》—第128页错误指正
最近在阅读《JavaScript面向对象编程指南第2版》，感觉很有帮助。今晚发现一个小错误，想指正一下。如图，书中第128页：书中的第三个例子代码如下："potato"["potatoes".length - 1];运行结果参考答案为：“s”正确解释：以上代码相当于 "potato"[7]，由于potato长度仅为6，最后的项是potato[5]，所以书中代码运行结果应该为undefined。...
2017-11-10 21:03:02
463
4
原创 利用JS面向对象+模块化封装集AJAX请求、基本数据校验、URL参数截取等功能于一身的通用工具模块
利用JS面向对象+模块化封装集AJAX请求、基本数据校验、URL参数截取等功能于一身的通用工具模块
2017-11-10 04:26:07
1409
原创 JavaScript排序算法——插入排序算法
// 插入排序-原理解释:从数组第二项开始循环,每次循环取当前项与前边的项对比,符合条件则交换位置。 function insertSort(array) {// 从第二个元素开始循环 for (var i = 1; i < array.length; i++) {// 从当前项开始往前对比 for (...
2017-11-09 10:14:54
5237
原创 JS编写一个函数，实现传入一个不定长度字符串，查找出重复次数前n名的字符并分别统计其次数
编写一个函数，实现传入一个不定长度字符串，查找出重复次数前n名的字符并分别统计其重复次数。写得好像比较复杂，大家有更好的方法欢迎留言指导，谢谢。
2017-11-07 17:17:53
1890
6
原创 浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别
举例浅谈JQuery中$('.classname').get(0); $('.classname').eq(0); $('.classname')[0]三者的区别demo Dom结构： 1 2 3 分析①：JQuery代码：$(function () {
2017-11-06 06:29:01
4126
3
原创 JavaScript实现字符串转换成驼峰表示法
举例：已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”。 function change(foo) { var arr = foo.split('-'); for (var i = 1; i < arr.length; i++) { arr[i] = arr
2017-11-03 18:07:18
2837
原创 基于nodejs实现本地网页服务器-实现手机测试电脑开发的移动端网页
相信很多前端开发者都有开发过移动端web，那么我们如何用手机测试开发的网页？以下介绍两种方法：方法一：利用nodejs搭建一个服务器编码本人已经实现，有兴趣可以看看，把需要测试的网页放到node-server下边的root文件夹即可的http/webroot文件夹下即可。实现代码已经上传到Github，不需要安装下载即可使用，详情请参考Github文件中readme文件。Git...
2017-11-02 12:36:05
8698
5
原创 谈谈利用JavaScript结合相对单位rem实现自适应布局的简单而实用的方法
谈谈利用JavaScript结合相对单位rem实现自适应布局的简单而实用的方法rem是css3新增的一个相对单位，相对的只是HTML根元素，可以只修改根元素字体大小就可以成比例地调整所有字体大小。我们可以巧妙地利用这一特性，实现页面自适应布局。demo:https://github.com/XieTongXue/how-to/tree/master/pay-h5需求：当我们拿到一张...
2017-11-01 23:43:58
6928
3
mpvue音乐小程序项目源码/mpvue微信小程序demo
2018-11-14
vue2.0实现外卖APP商家模块，vue2.0实战项目例子
2018-01-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人