• vi 操作

    发表于 2019-05-27 17:56:20   |   下载附件
    VI操作linux 基本操作VI 命令
    1.跳到文本的最后一行:按“G”,即“shift+g”
    2.跳到最后一行的最后一个字符 : 先重复1的操作即按“G”,之后按“$”键,即“shift+4”。
    3.跳到第一行的第一个字符:先按两次“g”,
    4.跳转到当前行的第一个字符:在当前行按“0”。
    5.vi加密。进入vi,输入":"  + "X" 之后就提示你输入两次密码。之后:wq 保存退出。再次进入时就提示你输入密码了。如果你不想要密码了,就:X 提示你输入密码时连续按两次回车,就搞定了。哈哈。
  • 移动页面 H5_Picker 选择组件 不依赖任何三方插件

    发表于 2019-05-21 07:58:47   |   下载附件
    pickerh5 pickerselect选择组件
    代码实例请在上方下载代码包,找到 picker-master/picker-master/docs/index.html 直接运行
  • Git 恢复本地误删的文件

    发表于 2019-05-18 06:45:11   |   下载附件
    gitgit恢复误删除

    Step 1: git status

    Step 2:git reset HEAD [ 被删除的文件或文件夹 ]

    Step 3:git checkout  [ 被删除的文件或文件夹 ]

  • webstorm忽略node_modules目录

    发表于 2019-04-24 09:15:58   |   下载附件
    node_modules忽略文件忽略文件夹webstorm
  • 多入口HTML网站的webpack配置

    发表于 2019-03-15 22:31:47   |   下载附件
    webpack多入口页面打包webpack配lesswebpack + php

    本脚手架适合官网等较简单的多html网站开发,支持共用导航栏、底部通栏或侧边栏等;通过读取html文件所在目录内容,自动更改配置,即增加页面无需更改webpack配置;支持ES6开发js;支持将less编写样式 微信:15600059668


    主要功能:

    能够打包成多个html文件和js文件,即支持多入口

    文件名称都会带上hash值,解决缓存问题

    能够复用网站的头部导航栏和底部通栏

    通过采用less进行样式的编写

    能够支持ES6开发

    增加页面不需要手动去更改webpack的入口设置,能够根据目录下的文件自动配置

    能够实时看到开发的效果

    build能够对代码进行压缩



    相关介绍文章

    http://shanhuxueyuan.com/news/detail/83.html


    下载使用


    # 下载之后先安装依赖 npm install 
    # 开发时输入如下命令 npm run start 
    # 构建线上dist文件,采取如下命令 npm run build





  • 阿里字体库

    发表于 2019-01-16 11:51:09   |   下载附件
    iconfont字体库阿里字体库
  • 手机号码归属地查询接口(精确到地市)

    发表于 2018-12-24 09:41:10   |   下载附件
    手机号归属手机号查询手机地址
    1、淘宝网((精确到省份)
    API地址: http://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=手机号码

    2、百度(精确到地市)
    API地址:http://mobsec-dianhua.baidu.com/dianhua_api/open/location?tel=手机号码
  • 正则表达式,金额只能输入数字,及其他常用正则

    发表于 2018-12-21 13:46:46   |   下载附件
    金额正则表达式正则表达式常用正则表达式
    // 金额只能输入数字
    inputCheck(amount){
        let pattern = /(^[0-9]{1,10}$)|(^d{1,10}.$)|(^d{1,10}.d+)$/;
        if(!pattern.test(amount)){
            amount = parseFloat(amount) > 0 ? parseFloat(amount) : null ;
        }
        return amount
    }
  • AudioContext 音频API

    发表于 2018-12-08 09:51:42   |   下载附件
    音频APIAudioContextHTML5 Web Audioaudio不能自动播放的解决方案关于AudioContex的坑mp3播放方案

    实例代码请进入详情页面,下面是其他网上介绍


    音频API => AudioContext

    https://www.jianshu.com/p/ee1ad766d8a7

    https://developer.mozilla.org/zh-CN/docs/Web/API/AudioContext
    AudioContext接口表示由音频模块连接而成的音频处理图,每个模块对应一个AudioNode。AudioContext可以控制它所包含的节点的创建,以及音频处理、解码操作的执行。做任何事情之前都要先创建AudioContext对象,因为一切都发生在这个环境之中。

    利用HTML5 Web Audio API给网页JS交互增加声音
    https://www.zhangxinxu.com/wordpress/2017/06/html5-web-audio-api-js-ux-voice/

    audio不能自动播放的解决方案
    https://blog.csdn.net/wo240/article/details/82748474

    IOS 关于AudioContex的坑
    https://blog.csdn.net/CCUKER/article/details/79819538
  • 图片资源预加载,并显示进度条

    发表于 2018-12-08 09:36:16   |   下载附件
    预下载图片预下载预加载预加载图片进度完成后进入
    var loader = new resLoader({
    	resources : [
    		'http://p2.qhimg.com/t01ed1438874f940dc0.jpg',
    		'http://p9.qhimg.com/t01b4ff03b72c7dc6c7.jpg',
    	],
    	onStart : function(total){
    		console.log('start:'+total);
    	},
    	onProgress : function(current, total){
    		console.log(current+'/'+total);
    		var percent = current/total*100;
    		$('.progressbar').css('width', percent+'%');
    		$('.progresstext .current').text(current);
    		$('.progresstext .total').text(total);
    	},
    	onComplete : function(total){
    		alert('加载完毕:'+total+'个资源');
    	}
    });
    loader.start();
每页显示10条,当前为第7页,总页数为22页