• 在vue中的js部分导入图片后通过webpack无法被正确打包的问题

    发表于 2018-06-22 11:23:34   |   下载附件
    vue 图片打包vue 引入图片
    1、在引入图片的时候的地址数据的时候需要使用require来讲图片作为模块引入,这样才会被webpack正确的打包的项目文件中,否则会因为webpack根据依赖打包而找不到指定的图片
    2、如果是在HTML中的img中通过v-bind引入引入图片,src为对应的数据变量的话也是需要使用require来将图片作为模块引入才会被webpack正常打包
    3、在HTML中直接书写的img地址以及css中引入的图片地址无需使用其他手段正常引用即可被webpack正常打包
  • 解决Sublime Text 3中文显示乱码(tab中文方块)问题

    发表于 2018-06-02 02:00:56   |   下载附件
    Sublime Text 乱码3 tab中文乱码
    import urllib.request,os,sys;
    exec("if sys.version_info < (3,) or os.name != 'nt': raise OSError('This code is for Windows ST3 only!')");
    pr='Preferences.sublime-settings';
    ip='ignored_packages';
    n='Package Control';
    s=sublime.load_settings(pr);
    ig=s.get(ip);
    ig.append(n);
    s.set(ip,ig);
    sublime.save_settings('Preferences.sublime-settings');
    pf=n+'.sublime-package';
    urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));
    by=urllib.request.urlopen('https://packagecontrol.io/'+pf.replace(' ','%20')).read();
    open(os.path.join(sublime.installed_packages_path(),pf),'wb').write(by);
    ig.remove(n);
    s.set(ip,ig);
    sublime.save_settings(pr);
    print('Package Control: 3.0.0 upgrade successful!') 
  • css 选择器

    发表于 2018-05-23 16:01:41   |   下载附件
    css 选择器
    div+p				选择紧接在 <div> 元素之后的所有 <p> 元素。	2
    [target]			选择带有 target 属性所有元素。	2
    [target=_blank]			选择 target="_blank" 的所有元素。	2
    [title~=flower]			选择 title 属性包含单词 "flower" 的所有元素。	2
    [lang|=en]			选择 lang 属性值以 "en" 开头的所有元素。	2
    p:first-letter			选择每个 <p> 元素的首字母。	1
    p:first-line			选择每个 <p> 元素的首行。	1
    p:first-child			选择属于父元素的第一个子元素的每个 <p> 元素。	2
    p:before			在每个 <p> 元素的内容之前插入内容。	2
    p:after				在每个 <p> 元素的内容之后插入内容。	2
    p:lang(it)			选择带有以 "it" 开头的 lang 属性值的每个 <p> 元素。	2
    p~ul				选择前面有 <p> 元素的每个 <ul> 元素。	3
    a[src^="https"]			选择其 src 属性值以 "https" 开头的每个 <a> 元素。	3
    a[src$=".pdf"]			选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。	3
    a[src*="abc"]			选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。	3
    p:first-of-type			选择属于其父元素的首个 <p> 元素的每个 <p> 元素。	3
    p:last-of-type			选择属于其父元素的最后 <p> 元素的每个 <p> 元素。	3
    p:only-of-type			选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。	3
    p:only-child			选择属于其父元素的唯一子元素的每个 <p> 元素。	3
    p:nth-child(2)			选择属于其父元素的第二个子元素的每个 <p> 元素。	3
    p:nth-last-child(2)		同上,从最后一个子元素开始计数。	3
    p:nth-of-type(2)		选择属于其父元素第二个 <p> 元素的每个 <p> 元素。	3
    p:nth-last-of-type(2)	        同上,但是从最后一个子元素开始计数。	3
    p:last-child			选择属于其父元素最后一个子元素每个 <p> 元素。	3
    p:empty				选择没有子元素的每个 <p> 元素(包括文本节点)。	3
    #news:target			选择当前活动的 #news 元素。	3
    input:enabled			选择每个启用的 <input> 元素。	3
    input:disabled			选择每个禁用的 <input> 元素	3
    input:checked			选择每个被选中的 <input> 元素。	3
    :not(p)				选择非 <p> 元素的每个元素。	3
    ::selection			选择被用户选取的元素部分。	3
  • 数组转对象并加上下标,建立索引方便数据更新操作

    发表于 2018-04-09 17:58:03   |   下载附件
    数组转对象数组对象添加下标JS对象合并JS对象下的多级数组合并
    var arrayToObj = function(obj){
        var newobj = obj.constructor === Array ? [] : {};
        if(typeof obj !== 'object'){
            return;
        } else {
            for(var i in obj){
            	if(i==='nodes' && obj[i] && obj[i].length > 0 ){
            		newobj[i] = [];
            		for (let k = 0, len = obj[i].length; k<len; k++) {
            			var IDS = obj[i][k]['dataId'];
            			newobj[i][IDS] = typeof obj[i][k] === 'object' ? arrayToObj(obj[i][k]) : obj[i][k]; 
            		}
            	}else{
            		newobj[i] = typeof obj[i] === 'object' ? arrayToObj(obj[i]) : obj[i]; 
            	}
            }
        }
        return newobj;
    };
  • jquery extend 深度拷贝 继承 的源码

    发表于 2018-04-07 16:43:29   |   下载附件
    extendjquery深度拷贝深度复制对象复制JS对象对象克隆
    仿Jquery 实现的对象合并函数,深度拷贝对象
  • sublime 配置屏蔽文件夹和文件类型

    发表于 2018-03-29 10:03:31   |   下载附件
    sublime text屏蔽文件夹屏蔽文件过滤文件和文件夹

    打开 sublime text  首选项  ->  设置 用户  配置如下代码

    {
    	"color_scheme": "Packages/Color Scheme - Default/Monokai Bright.tmTheme",
    	// 屏蔽文件夹
        "folder_exclude_patterns": ["node_modules",".git","dist"],
        // 屏蔽文件类型
    	"file_exclude_patterns":[
    		"*.pyc",
    		"*.pyo",
    		"*.exe",
    		"*.dll",
    		"*.obj",
    		"*.o",
    		"*.a",
    		"*.lib",
    		"*.so",
    		"*.dylib",
    		"*.ncb",
    		"*.sdf",
    		"*.suo",
    		"*.pdb",
    		"*.idb",
    		".DS_Store",
    		"*.class",
    		"*.psd",
    		"*.db",
    		"*.sublime-workspace",
    		"*.d",
    		"*.tags*",
    		"*.cmd",
    		"*.mod.*",
    		"*.symvers",
    		"*.order",
    		"*.jpg",
    		"*.png",
    		"*.jpeg",
    		"*.psd",
    		"*.pdf",
    		"*.mp3"
    	],
    	// 文字显示大小
    	"font_size": 19.0,
    	// 文字根据屏幕大小自动换行,防止水平滚动 true | false | "auto" 
    	"word_wrap": "auto",
    	"ignored_packages":
    	[
    		"Vintage"
    	]
    } 

  • 获取一个月的总天数

    发表于 2018-03-24 17:03:16   |   下载附件
    获取当月全部天数获取当月最后一天显示当月的全部天数获了指定月份的天数获取当月的最后一天
    // 获了指定月份的天数 2018年2月 传入 2018,2
    function getCountDays(y,m) {
        var curDate = new Date(y,m,0);
        var curMonth = curDate.getMonth();
        return curDate.getDate();
    }
  • git简明使用教程

    发表于 2018-03-21 13:17:56   |   下载附件
    gitgit clone版本管理

    参考:

    简明教程:http://www.runoob.com/manual/git-guide/

    菜鸟教程:http://www.runoob.com/git/git-tutorial.html

    基础教程:https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/


    // 初始化
    $ git init
    $ git config --global user.name "arttanzl"
    $ git config --global user.email "630804990@qq.com"
    
    // 关联远程仓库
    $ git remote add origin gitl@192.168.1.200:arttanzl/admin-zhaocaimao.git
    
    // 如果文件夹是全新的,需新建文件
    $ git add .
    $ git commit -m "INIT"
    
    // 推送至远程对应分支
    $ git push -u origin --all
    
    // 关联远程主分支
    $ git branch --set-upstream-to=origin/master master
    
    // 更新远程分支 master 代码至本地
    $ git pull origin master --allow-unrelated-histories
    $ git pull
    
    // ---------------------------------------------------
    // 创建本地dev分支
    $ git checkout -b dev
    
    // 更新远程分支 dev 代码至本地(远程分支要有dev分支存在)
    $ git pull origin dev --allow-unrelated-histories
    
    // 关联远程 dev 分支
    $ git branch --set-upstream-to=origin/dev dev
    
    // 简化操作
    $ git pull
    $ git push 


  • JavaScript巧用Object的get和set方法实现js变量的动态监听

    发表于 2018-03-12 12:13:49   |   下载附件
    getsetdefineProperty
    var c = {
            w: 111,
            get ws(){
                console.log('取值',this.w);
                return this.w;
            },
            set ws(val){
                console.log('存值', this.w , 'val' + val);
                this.w = val;
                console.log('存过后的w',this.w);
            }
        }
        console.log(c)
        // {w: 111}
        // w: 111
        // ws: 111
        // get ws: ƒ ws()
        // set ws: ƒ ws(val)
        // __proto__: Object
        console.log('原生值:',c.w);
        // 111
        console.log('get方法取值:',c.ws);
        // 取值 111
        // 111
        console.log('set方法存值:',c.ws = 222);
        // 存值 111 val222
        // 存过后的w 222
        // 222
        console.log('验证存取:',c.w,c.ws);
        // 取值 222
        // 222 222
  • 符号大全

    发表于 2018-02-28 09:48:57   |   下载附件
    符号大全特殊符号数学符号
    符号大全
每页显示10条,当前为第6页,总页数为19页