- 博客(23)
- 收藏
- 关注
RSS订阅原创 ios移动端fixed定位元素在滑动页面时上下抖动的解决方案
根据实际代码，对比以下三种情况进行调整一、滚动元素不要包含fixed元素。<!-- 滚动元素不要包含fixed元素 代码示例如下--><body> <div class="header">fixed固定元素</div> <div class="main">滚动内容</div></body><!-- 滚动元素和fixed元素在同一容器下时就会出问题 代码示例如下--><bo
2021-08-10 17:53:21
4531
2
原创 移动端input、textarea、div（contenteditable ）输入框正则过滤（兼容ios）
目录一、已知问题及解决方案概述：1、高度自适应2、ios无法拼音输入3、ios过滤符号输入二、完整代码示例一、已知问题及解决方案概述：1、高度自适应问题：input无法换行；textarea可以换行但是高度没办法自适应。解决方案：div标签增加contenteditable属性实现div可输入内容，高度自适应。代码示例：<div class="input" contenteditable="true"></div>2、ios无法拼..
2021-08-06 10:11:31
874
原创 前端路由
一、什么是前端路由在web开发的过程中，路由的使用是必不可少的，这里的路由不是指我们日常生活中的路由器，但是实现原理基本相同，它代表一个url与相应处理程序的影射关系，用户在输入要访问的url之后，路由会解析url中的路径，之后根据映射表中的映射关系查找相应的预设函数，并将结果返回给用户，以此完成一次操作。前端路由它是通过一个hash函数或者H5提供的history API来实现。在进行开...
2019-12-06 16:48:24
279
原创 HTML元信息类标签
head 标签head 标签本身并不携带任何信息，它主要是作为盛放其它语义类标签的容器使用。head 标签规定了自身必须是 html 标签中的第一个标签，它的内容必须包含一个 title，并且最多只能包含一个 base。如果文档作为 iframe，或者有其他方式指定了文档标题时，可以允许不包含 title 标签。title 标签title 标签表示文档的标题，可以完整地概括整个网页...
2019-10-30 15:32:57
887
转载 只用css3实现菜单的toggle效果
一、原理: 使用label与input来实现，label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。 如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 因为用到了css3的：checked属性，因此只适用于IE9+浏览器。 label可以设置为displ...
2019-10-29 17:13:23
1430
原创 git创建本地远程仓库
一、创建远程仓库（1）在磁盘内新建一个仓库文件夹，名称自定义，我这里是“GIT”（此仓库等同于github内新建的远程仓库）。（2）创建仓库打开“GIT”文件夹--右键“git creat repository here”如果这个仓库仅作为仓库使用，可勾选“make it bare”,如果要在这个文件夹内工作就不勾选。仓库创建成功二、clone仓库在空项...
2019-05-22 16:32:45
6155
7
转载 针对IE6、7、8条件注释语句(不同版本IE显示用不用css)
https://blog.csdn.net/q36835109/article/details/51752316
2019-05-22 14:34:26
96
原创 css实现文字两端对齐（兼容所有浏览器）
.p { text-align-last: justify; -moz-text-align-last: justify ; //兼容firefox text-align: justify; text-justify: distribute-all-lines; //兼容ie display: block; //ie下需设为block widt...
2019-04-10 15:57:34
4287
原创 jquery页面内容查找
思路：利用RegExp正则表达式进行匹配； 在搜索框下方显示搜索提示； 对匹配性进行高亮显示； 对多个匹配性进行逐个区别显示； 再次搜索时清除上次匹配结果； 固定搜索框。代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2019-03-29 15:35:25
1640
转载 div模拟textarea文本域实现高度自适应
div模拟textarea文本域实现高度自适应一个普通的block元素上加个contenteditable="true"，contenteditable属性规定元素内容是否可编辑。HTML<div class="textarea" contenteditable="true"></div> CSS.textarea{ width: 400p...
2019-03-22 11:30:51
133
原创 单行、多行文本溢出显示省略号（css、js两种方法）
一、css常规方法：（一）、单行文本p{ width:100px; overflow: hidden; /*超出部分隐藏*/ white-space: nowrap; /*禁止换行*/ text-overflow: ellipsis; /*省略号*/}（二）、多行文本1、在WebKit浏览器或移动端在WebKit浏览器或移动端（绝大部分是...
2019-03-21 18:11:07
14229
原创 js动态生成变量名
动态生成变量名var vars={}; //批量定义for(var i=0;i<5;i++){ var varName='name-'+i; //动态定义变量名 vars[varName]='value-'+i; //动态赋值}console.log(vars);...
2019-03-15 15:48:27
15415
原创 强制ie开启兼容模式的标签
强制ie开启兼容模式，可以在head中放一段meta标签，指定ie使用某一版本模式进行浏览。比如：指定浏览器使用ie7/ie5模式<metahttp-equiv="X-UA-Compatible"content="IE=7"> //强制以IE7模式渲染页面<metahttp-equiv="X-UA-Compatible"content="IE=5">...
2019-03-12 15:16:55
664
原创 node+express+natapp 微信小程序开发
一、准备 1：如果你没有服务器，那你需要一个内网映射工具：我用的是natapp，点击查看：配置natapp。还有花生壳，点击查看：花生壳内网穿透。这两个都可以使用，花生壳需要6元开通，natapp免费； 2：nodeJS 最新版本，安装教程自行上网搜索； 3：一个注册号的微信公众号，自行申请；二、配置node 1：确认自己的nodeJS安装成功，在cmd中输入n...
2019-03-05 16:57:16
1178
转载 如何让contenteditable元素只能输入纯文本(转)
https://www.zhangxinxu.com/wordpress/2016/01/contenteditable-plaintext-only/
2019-02-20 16:23:45
1058
原创 为table标签内的tbody添加滚动条
CSS代码演示table tbody { display:block; height:200px; //高度根据实际自定义 overflow-y:scroll; -webkit-overflow-scrolling: touch; // 为了滚动顺畅 }table tbody::-webkit-scrollbar { display: none...
2018-11-23 14:38:48
9137
1
原创 position:fixed 在ie8下的兼容性处理(附带ie8以下不透明度兼容)
1、解决fixed兼容性核心代码：.ie{ _position: absolute; _clear: both; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?...
2018-09-19 18:49:40
2116
原创 禁用元素点击事件（兼容IE8+）
实现思路：chrome、firefox下利用CSS3属性pointer-events: none;元素永远不会成为鼠标事件的target。考虑到需兼容IE8+，利用js绑定点击事件，函数内直接return false，阻止其他事件进行。js代码：// 禁用点击事件 function notClick(ele) { $(ele).addClass('notCli...
2018-09-18 17:18:23
6566
原创 添加加载动画
监听加载状态改变document.onreadystatechange = completeLoading;//加载状态为complete时，移除loading效果function completeLoading() { if(document.readyState=='complete'){ //隐藏loading效果 $('ele').addCla...
2018-09-18 16:32:21
732
转载 转！！URL和URI区别
URI，URL，URN从上面的那幅图可以看出来，一共有三个不同的概念URI,URL,URN。这讨论这样的问题时，最好的方法就是回到原点啊，这里我们在RFC 3986: Uniform Resource Identifier (URI): Generic Syntax里面收集了点资料：“A Uniform Resource Identifier (URI) 是一个紧凑的字符串用来标示抽象...
2018-08-15 18:52:32
119
转载 jquery实现省市区三级联动
对于这个效果，其实主要在于两点：1、jquery的筛选遍历操作；2、存储省、市、区这些数据时候的格式。另外一点是如何将获取得到的数据放到select option中（即下拉框中！）下面进入正题，建立一个动态web工程，然后将下面讲到的html、js文件、存放省市区xml文件 都放在Web-Contetn下即可。首先看一看前端html文件province_city_select.html：...
2018-07-24 19:10:02
620
转载 js中的事件委托或事件代理详解
概述：事件委托（事件代理）：JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。举例：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一...
2018-07-05 15:20:06
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人