• SublimeText3追踪函数工具CTags设置及使用

    发表于 2019-08-12 10:08:36   |   下载附件
    ctagssublime text 函数追踪代码追踪功能插件代码调试追踪
  • Sublime Text插件之Css3

    发表于 2019-08-12 09:04:19   |   下载附件
    css3提示插件sublime css提示css3高亮Sublime Text的CSS3插件
    1.Package Controll地址:https://packagecontrol.io/packages/CSS3
    2.Git源代码地址:https://github.com/y0ssar1an/CSS3
  • LESS 自定义 switch 选择器样式

    发表于 2019-08-09 10:42:15   |   下载附件
    lessswitch选择器样式自定义switch样式checkbox伪装switch样式
    /* 
    	switch盒子 
    	使用参数:宽,高,选中颜色值
    	使用实例:.toggle-switch(68px,24px,#0092ff);
    */
    .toggle-switch (@w:68px,@h:24px,@c:#0092ff){
    
    	display: inline-block; position: relative;
    	width: @w; height: @h; border-radius: 5px;
    
    	input[type="checkbox"] {
    		position: absolute;
    		width: 100%;
    		height: 100%;
    		margin: 0px;
    		filter: alpha(opacity=0);
    		opacity: 0;
    	}
    
    	/*默认样式*/
    	.toggle-switch-content {
    		width: 100%; height: 100%; display: table; border: 1px #e6e5ea solid; background: #f5f5f7;
    		border-radius: @h;
    	}
    	.switch-true,
    	.switch-false {
    		width: @h; height: @h; border-radius: @h;
    	}
    	.switch-true {
    		float: right; background: #FFF; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3); display: none; 
    	}
    	.switch-false {
    		float: left; background: #FFF; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
    	}
    
    	/*选中样式*/
    	input[type="checkbox"]:checked + .toggle-switch-content {
    		background: @c; border: 1px @c solid;
    	}
    	input[type="checkbox"]:checked + .toggle-switch-content .switch-true {
    		display: block;
    	}
    	input[type="checkbox"]:checked + .toggle-switch-content .switch-false {
    		display: none;
    	}
    
    }
  • IOS中防止fixed抖动的额外代码

    发表于 2019-07-18 17:01:48   |   下载附件
    防抖动ISO fixed抖动苹果手机 fixed 样式修复
    在 添加 fixed 样式的容器中加入
    -webkit-transform: translateZ(0); transform: translateZ(0);
  • FeHelper浏览器插件

    发表于 2019-07-10 10:32:32   |   下载附件
    浏览器插件JS格式化美化WEB前端肋手JS调试

    功能简介

    FeHelper--弹出菜单

    插件入口,点击ICON,插件相关的所有功能都会在这里列出来,在popup中选择所需使用的功能即可使用

    JSON接口自动格式化查看

    当你访问的接口(打开的页面)返回的是一个JSON格式的数据,FeHelper会自动将内容进行格式化处理,便于您的查看

    JSON查看器

    把你的JSON代码粘贴到JSON查看器的输入框中,点击“格式化”,在下方便会以非常友好的方式列出JSON数据,便于查看

    代码美化

    包括Javascript代码美化、CSS代码美化、HTML代码美化;其实所有C系的代码,都可以通过Javascript代码美化工具进行格式化查看

    代码压缩

    包括Web前端Javascript代码压缩、CSS代码压缩、HTML代码压缩

    字符串编解码

    包括Unicode编码和解码、UTF-8字符串编码和解码、Base64字符串编解码、字符串MD5编码,前端非常实用的工具

    图片Base64编码

    对图片文件进行base64编码,直接拷贝datauri格式的数据

    二维码生成器

    能对网址、普通文本内容、电话号码、通讯录、短信等编码并生成二维码,很实用的二维码生成工具

    二维码解码

    针对网页上的二维码,点击右键,选择【二维码解码】,可在当前页面直接看到解码结果!

    全网页截图

    针对整个网页进行滚动截屏,在新窗口可预览后再手动保存

    时间(戳)转换工具

    支持任意时间到对应时间戳的转换;支持任意时间戳到对应日期的转换

    正则表达式工具

    提供一个正则表达式的及时测试工具,并能将匹配结果进行高亮显示、高亮定位等;同时还罗列了一些常用的正则表达式供开发者使用

    页面取色工具

    提供一个网页取色的工具,任意页面均可使用,方便大家在开发过程中能精准获取某元素的颜色值,再也不用截图后再通过Photoshop取色了

    编码规范检测

    对当前网页进行Javascript、CSS、HTML编码规范的检测,包括文件是否压缩、标签是否正确闭合、cookie管理等等

    页面性能检测

    对当前页面的性能进行检测,如HTTP响应时间、页面渲染时间、是否启用gzip压缩等等

    FeHelper配置页

    在这里,你可以随意定制属于你自己的FeHelper常用功能!

  • 解决sublime text3无法安装插件问题

    发表于 2019-06-26 11:28:49   |   下载附件
    sublimesublime 无法安装插件问题安装插件
    网上查了找到的方法就是改变安装channel_v3.json的配置文件。

    解决方法:
    Package Control.sublime-settings]修改方法:
    Preferences > Package Settings > Package Control > Settings - User


    添加以下代码:
    "channels":[
        "http://cst.stu.126.net/u/json/cms/channel_v3.json",
        //"https://packagecontrol.io/channel_v3.json",
        //"https://web.archive.org/web/20160103232808/https://packagecontrol.io/channel_v3.json",
        //"https://gist.githubusercontent.com/nick1m/660ed046a096dae0b0ab/raw/e6e9e23a0bb48b44537f61025fbc359f8d586eb4/channel_v3.json"
    ],
  • 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
每页显示10条,当前为第3页,总页数为19页