- 博客(56)
- 收藏
- 关注
RSS订阅
原创 浏览器兼容的改bug日常
2018-08-10参考：https://bbs.csdn.net/topics/370155023初始化css时，直接使用了*，导致后面处理<hr/>标签时，线段总是贴在左边框。设置hr的margin：auto使其能够居中显示一定长度。*{ margin: 0; padding: 0; text-shadow: none; word-wr...
2018-08-10 16:44:54
177
原创 JQuery 设置搜索结果关键字高亮
//itemDOM:搜索关键字所在的搜索结果DOM节点//keyWord:关键字function setHighLight(itemDOM, keyWord) { var regExp = new RegExp(keyWord, 'g'); var newDOM = itemDOM.replace(regExp, '<b class="key-word" >' + keyWord + '</b>'); return newDOM;}var keyWor.
2020-06-29 11:21:45
558
原创 ztree.js常用功能及踩坑汇总
官方文档http://www.treejs.cn/v3/main.php#_zTreeInfo http://www.treejs.cn/v3/api.php入门指南http://www.treejs.cn/v3/faq.php#_206例子，几乎满足所有定制化需求http://www.treejs.cn/v3/demo.php#_101 ...
2019-10-28 16:40:48
602
原创 模拟数字键盘的登录页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数字键盘</title> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css...
2019-10-27 17:40:02
422
原创 自定义火狐浏览器滚动条样式及niceScroll插件使用
先po各主流浏览器滚动条样式修改参考链接，因为以下链接实现了非火狐浏览器滚动条样式修改，对火狐和IE的滚动条则选择隐藏。https://www.cnblogs.com/liuyanxia/p/8675752.htmlhttps://blog.csdn.net/qq_26169011/article/details/82771774并不满足用户需求。用户主火狐浏览器。试了js模拟滚动条方...
2019-10-27 17:20:38
1708
原创 jq获取网页选中的文字
需求：1.获取网页页面选中的文字 2.填充至指定文本框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jQuery-...
2019-10-27 16:56:31
875
原创 阻止a链接的鼠标拖动事件
需求描述：如图，由于用户使用手写板，需关闭图中浏览器自带的a标签的拖动效果。 $("body").on("mousedown", "a", function (e) { e.preventDefault(); }); 补充：<a href="#"></a>会跳转刷新页面<a href="###"></a&g...
2019-10-27 16:39:31
1623
原创 vue入坑*（一）文件引用顺序
正确写法<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="../node_modules/vue/dist/vue.min....
2019-07-23 14:52:30
425
原创 position:fixed的元素获取父元素的宽度
父元素设置transform: scale3d(1, 1, 1);transform是把fixed降级成absolute处理了，所以子元素宽度能自适应。参考CSS3 transform对普通元素的N多渲染影响子元素width:calc(100% - border- padding - margin );注意calc运算符前后均需一个空格 参考CSS calc() 函数兼容：Chrom...
2019-06-26 10:27:42
7474
原创 关于写字板修改中文网页文件保存后中文乱码问题
写字板默认是文件格式是ASNI ，而我们的网页文件一般采用UTF-8。遇上这种情况只需要将文件用记事本打开，另存为->选择编码为UTF-8即可。
2019-05-24 10:36:31
3697
原创 font-style italic 和 oblique的区别
效果展示italic 显示一个斜体的字体样式 展示字体自身的倾斜样式，不是我们强加给字体的属性，而是字体自身的一种状态oblique 显示一个倾斜的字体样式 用于自身没有斜体效果的字体，强制向右倾斜文字就像变色龙变色和猫咪变色，变色龙的变色是本能，猫咪变色则需要借助外界颜料变身。italic就是变色龙，oblique就是猫咪...
2019-05-20 09:36:53
4423
1
转载 大佬谈的19年前端怪现状
前几天在掘金follow了萤火之卫，原因是觉得这篇文章写得深入我心。但不知为何今早看的时候（想回头看看ajax封装那段神代码）发现文章被删了，为了以后方便回味及警醒自己，我还是copy（转载过来吧），仅用作迷妹心态的仰望和学习附上早上找的链接http://www.heiniaozhi.cn/articles/detail/155张嘴闭嘴语义化，其实全是低矮微什么是标签语义化？就是di...
2019-03-13 10:07:22
185
转载 link rel=alternate网站换肤功能最佳实现
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8512本文可全文转载，个人网站无需授权，只要保留原作者、出处以及文中链接即可，任何网站均可摘要聚合，商用请联系授权。一、大多数开发人员的实现大多数前端开发人员实现网站皮肤更换功能大致下面两种方法：一个全局class控制样式切换； 改变皮肤link元素的href地址...
2019-02-27 17:56:25
1371
1
转载 折腾：2颗星星+纯CSS实现星星评分交互效果
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=3568一、星星点灯，照亮我的家门大家都喜欢听故事。每篇文章也都是有故事的。今天的故事是与星星相关的。没错，讲的是星星点灯的故事——才怪！标题只是我脑子突然蹦出来的，唉，这首老到掉渣子的歌我居然条件反射...
2019-02-22 10:44:47
981
转载 这 30 类 CSS 选择器，你必须理解！
原文地址：https://www.cnblogs.com/Mtime/p/5184690.html CSS 选择器是一种模式，用于选择需要添加样式的元素。平时使用最多也是最简单的就是 #id、.class 和标签选择器，在 CSS 中还有很多更加强大更加灵活的选择方式，尤其是在 CSS3 中，增加了很多新的选择器，使得选择元素更加便捷，所以必须理解这些选择器，只有先理解了，多用几次，自然而然...
2019-02-20 10:31:18
457
转载 快速了解CSS新出的列选择符双管道（||）
这篇文章发布于 2019年02月11日，星期一，15:13by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8475本文可全文转载，个人网站无需授权，只要保留原作者、出处以及文中链接即可，任何网站均可摘要聚合，商用请联系授权。了解列选择符示例用法：col.selected || td { backgro...
2019-02-19 15:48:09
241
原创 安利Iconfont-阿里巴巴矢量图标库
官方下载地址:www.iconfont.cn登录github添加想要的图标至库添加至项目找到下载到的代码压缩包，解压demo的教程指导已经很详细了。支持渐变效果：.icon_lists .icon { display: block; height: 100px; line-height: 100px; f...
2019-02-02 11:25:20
638
原创 兼容ie8及其兼容性视图 内网邮箱添加收件人功能
----完整版！（第一天没写完，莫名其妙发出去了）需求描述：1.兼容IE8及兼容性视图2.将邮箱地址自动生成标签，如下图3.用户傻瓜式输入，若通不过正常邮箱正则校验 ，则为用户自动补全其内网邮箱地址:// 校验规则re = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/; ...
2019-02-01 10:06:01
1204
原创 jQuery回炉重造之路：技术补坑，常学常新
这不是攻略，只是查漏补缺。一、选择器$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性$("div#intro .head") id="intro"的div元素中所有class="head"的元素$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。$(&quo
2019-01-28 15:58:17
158
转载 js如何准确获取当前页面url网址信息
js如何准确获取当前页面url网址信息在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test...
2019-01-10 16:51:42
126
转载 利用VMware克隆 windows 虚拟机需要注意的事项
最近为了测试IE各种鬼打墙，学了一些虚拟机升级版操作。第一次觉得大学学的网络操作系统（熬夜抄的、PS的实验报告）没白瞎。文章转自：https://www.cnblogs.com/gered/p/10056450.html利用VMware克隆windows虚拟机需要注意的事项--克隆虚拟机--powershell 在域服务器使用，查看所有的siddsquery comp...
2019-01-10 10:23:50
544
转载 如何下载使用MSDN原版系统镜像
转自http://www.imsdn.cn/how-to-download-msdn-iso/通过百度网盘离线下载1、复制ed2k下载链接地址 2、登陆百度网盘 3、新建离线下载 4、将ed2k链接粘贴 5、完成下载 通过迅雷下载 1、打开迅雷软件 2、新建下载任务 3、选择下载文件保存的位置...
2019-01-09 11:14:52
12438
转载 15个最佳的 JavaScript 表单验证库
转自：http://www.i7758.com/archives/2819.html爱前端百家号17-11-2408:42客户端验证在任何项目都是不够的，因为 Java 可以直接忽略，人们可以提交请求到服务器。 然而这并不意味着客户端验证都没必要了，很多时候我们需要在用户提交到服务器之前给予提示。Java 表单验证库允许开发人员自定义样式、错误消息和样式以及简化验证规则的创建。...
2019-01-09 10:09:33
429
1
原创 纯原生JS模拟复制粘贴功能 支持IE5+
if (!Function.prototype.bind) { Function.prototype.bind = function(obj) { var _self = this ,args = arguments; return function() { _sel...
2018-12-04 15:01:31
486
原创 Bug修复window.print()
1、table没固定宽度，导致打印过程出现换行2、body被样式污染，设置了height:100%;(不知道谁在哪儿设的，反正不是我，直接在要打印的页面给了body{height：auto})调试方法：1.Ctrl+A看有没有空格溢出2.给所有元素加了border （推荐1，总之看是否有空白溢出）参考：https://bbs.csdn.net/topics/205666#new...
2018-12-03 17:14:22
303
转载 css字体图标的制作和使用。 ---转自_林冲博客园
原文来自_林冲 https://www.cnblogs.com/momozjm/p/6383058.html的博客，仅学习用。css字体图标的制作和使用。在项目开发的过程中，我们会经常用到一些图标。但是我们在使用这些图标时，往往会遇到失真的情况，而且图片数量很多的话，页面加载就越慢。所以，我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。一：如何制作...
2018-11-16 10:18:57
136
转载 图片懒加载
文章来源：https://www.cnblogs.com/flyromance/p/5042187.html 仅学习用，侵删本文主要通过以下几方面来说明懒加载技术的原理，个人前端小菜，有错误请多多指出一、什么是图片滚动加载？ 通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器...
2018-10-19 14:57:31
163
原创 自定义checkbox样式
<div> <span class="box-info-title">xxxx</span> <label class="custom-checkbox"> <input type="checkbox" class="check-box" name="conditionEx
2018-09-18 11:04:46
159
原创 仿bootstrap tagsinput autocomplete功能
需求分析：1、功能独立，即一个页面可以有多个功能相同的输入框2、功能需求多样，存在最大数目、数据形式的区别3、完成输入后，与后台的数据交互问题（传id）4、点击删除键或者删除按钮都能移除目标思路：1.页面结构：在一个div中，包含已经选择的元素、input输入框、hidden-info（后台用，隐藏）、select下拉框（隐藏/显示，JS控制）四部分。页面中至多有一个sel...
2018-09-12 17:25:25
1281
2
转载 如何开发JavaScript插件
1、自身作用域独立，私有变量不影响外部变量（闭包，延长插件内部变量的生命周期）2.、默认参数设置3、基本功能+API，API可修改默认参数，支持自定义4、监听入口，针对指定元素进行监听5、避免命名冲突和全局污染，用全局对象包装，定义js对象接收工具函数6、每个功能之间相互依赖必须明确，严格按照依赖顺序进行合并或加载7、每个子功能分别是一个闭包，且公共接口暴露到共享域（被主函...
2018-09-03 15:42:28
360
原创 在visual studio 2013中使用scss
前提是，你已经安装了Sass，Sass教程传送门，按照教程一步一步来，已经很详细了。1、安装两个Visual Studio兼容Sass的插件，需要翻墙，我没翻墙，不到30M下了半小时https://marketplace.visualstudio.com/items?itemName=MindscapeLimited.MindscapeWebWorkbenchhttps://mar...
2018-08-15 15:30:03
999
原创 滚动条样式修改
.description-box::-webkit-scrollbar{ width: 10px; height: 300px; background-color: #313130;}/*定义滚动条轨道 内阴影+圆角*/.description-box::-webkit-scrollbar-track{ background-color: #31313...
2018-08-10 17:56:49
450
原创 自定义input radio样式
input[type="radio"]+span::before{ content: "\a0";//不换行空格 display: inline-block; vertical-align: middle; width: 30px; ...
2018-08-10 17:50:06
1186
原创 Boootstrap Collapse插件使用
<div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a d
2018-08-10 17:06:01
445
原创 sessionStorage的使用
参考资料：https://www.cnblogs.com/ranyonsue/p/6402687.html http://www.cnblogs.com/idche/archive/2012/03/17/2403894.html https://blog.csdn.net/oaa608868/article/detai...
2018-05-24 09:28:52
2026
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人