- 博客(24)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 js 自定义验证规则
<!DOCTYPE html><html><head> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascr...
2019-09-20 18:53:05
1795
原创 javascript中一个字符占几个字节
一般来说英文是1个,中文是两个。但是会根据编码方式不同而不同。以下是搬运:英文字母和中文汉字在不同字符集编码下的字节数英文字母:字节数 : 1;编码:GB2312字节数 : 1;编码:GBK字节数 : 1;编码:GB18030字节数 : 1;编码:ISO-8859-1字节数 : 1;编码:UTF-8字节数 : 4;编码:UTF-16字节数 : 2;编码:UTF-16BE字节数 ...
2019-01-23 10:23:01
6617
转载 javascript refresh page 几种页面刷新的方法
javascript refresh page 几种页面刷新的方法下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: 复制代码 代码如下: frame
2017-09-07 11:26:15
8809
原创 img撑满全屏的方法(img非背景图)
我有一个模板,想按常规做一个div里面放置一个img图片,并且让图片铺满容器,自适应容器大小。HTML结构代码如下(在这个盒模型上,我已经放置了一些不重要的样式)。div style="height:270px;width:400px;border:2px black solid;"> a href="http://www.paipk.com">img src="..." alt="拍
2017-07-13 10:45:50
48955
原创 js获取浏览器窗口的大小
常用:JS 获取浏览器窗口大小复制代码代码如下:// 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWid
2017-07-12 13:40:56
348
原创 Vue2官网简要笔记
####Vue实例vue构造器:var vm = new Vue({ // 选项})扩展vue构造器:var MyComponent = Vue.extend({ // 扩展选项})属性和方法:var vm = new Vue({ el: "#example", data: data, computed: {}, watch: {
2017-06-30 17:14:20
772
原创 JavaScript-数字和字符串比较大小
JavaScript-数字和字符串比较大小JavaScript经常会比较字符串的大小,有的时候容易混淆,因此简单的梳理一下JavaScript字符串的比较:123456789101112131415//1.数字比
2017-06-30 13:06:49
9961
7
原创 左边固定,右边自适应及左边自适应,右边固定布局的几种方法
左边固定,右边自适应及左边自适应,右边固定布局的几种方法 (2014-01-27 11:02:00)标签: 左边固定右边自适应布 右边固定左边自适应布 it 分类: DIV CSS自适应布局在现在的布局中,很容易遇见,下面是在平时工作中对左边固定,右边自适应及左边自适应,右边固定布局的几
2017-05-11 09:43:14
513
原创 js鼠标按键事件和键盘按键事件用法实例汇总
本文实例讲述了js鼠标按键事件和键盘按键事件用法。分享给大家供大家参考,具体如下:keydown,keyup,keypress:属于你的键盘按键mousedown,mouseup:属于你的鼠标按键当按钮被按下时,发生 keydown 事件,keyup是在用户将按键抬起的时候才会触发的,完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。当用户在
2017-04-10 17:04:51
1245
原创 css元素隐藏原理及display:none和visibility:hidden
在CSS中,让元素隐藏指屏幕范围内肉眼不可见的方法很多,只不过有的依然保留空间,而有的却消失的不留痕迹,接下来本文将详细介绍下css元素隐藏原理,感兴趣的你可不要错过了哈一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。一个一个看。 复制代码代码如下:{ di
2017-03-18 16:47:42
671
翻译 使用JS控制伪元素的几种方法
一. 缘由:本文源于在OSC社区中,有人提问如何用jq获取伪元素。我第一想法是强大的CSS Query应该可以获取伪元素吧。然而事实上,CSS Query并不能。即我们不能通过$(“:before”)、$(dom).find(“:before”)或document.querySelector(“:before”)来获取:before伪元素。为此,我不得不重新了解伪元素(Pseudo-e
2017-03-06 14:48:54
19371
原创 js DIV延时几秒后消失或显示代码
小编来给大家介绍js DIV延时几秒后消失或显示代码,这里我我介绍了利用js原生态的写法,然后讲述了利用jquery的写法,有需要的朋友可参考。1、最常用的方法: 代码如下 复制代...
2017-01-20 15:18:46
24243
原创 简单又复杂的正则表达式RegExp
正则表达式真是个神器的东西,刚看的时候觉得很简单,越看发现不会的东西越多,真是越看越难。。看越难。。越难。。难。。那么来整理几个不是很常见的匹配符,以及一些常用的正则表达式。几个匹配符1. x*? 与 x+?像 * 和 + 一样匹配前面的模式 x,然而匹配是最小可能匹配。例如,/".*?"/ 匹配 '"foo" "bar"' 中的 '"foo"',而
2016-12-28 17:39:20
568
原创 js匀速运动
匀速运动 #div1{position: absolute;top: 100px;left: 0;width: 100px;height: 100px;background-color: red;} #div2{ position: absolute;top: 0;left: 300px;width: 1px;height: 300px;background-color: bla
2016-11-10 15:57:17
313
原创 js缓冲运动
缓冲运动 #div1 {width: 100px;height: 100px;position: absolute;left: 600px;top: 100px;background-color: red;} #div2 {width: 1px;height: 300px;position: absolute;left: 300px;top: 0;background-color
2016-11-10 10:40:42
319
原创 如何限制用户在文本框输入的字数
方法一,超出字符之后就不能再输入了。10){this.value=this.value.slice(0,10)}">方法二,超出字符后将会弹出提示。function chkmaxsms(vobj1,vmax) { var str=vobj1.value; var strlen=str.length; if(strlen>v
2016-10-07 00:09:44
4493
原创 js控制文本框禁止输入特殊字符
在开发难免遇到一些前端需要验证输入的数据是否合法的问题,收集分享在这里同学们使用,欢迎补充。1.标签上直接替换方法:JS 控制不能输入特殊字符12this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'') JS 控制文本框只能
2016-10-07 00:06:16
31096
1
转载 如何实现CSS限制字数,超出部份显示点点点...
试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看 效果: 语法:text-overflow : clip | ellipsis参数:clip : 不显示省略标记(...),而是简单的裁切(clip这个参数是不常用的!)ellipsi
2016-08-31 13:09:41
14786
转载 jQuery动画animate方法使用介绍
jQuery动画animate方法使用介绍用于创建自定义动画的函数。 返回值:jQuery animate(params, [duration], [easing], [callback]) 如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式。paramsOptions一组包含作为动画属性和终值的样式属性和及其
2016-08-30 16:41:36
1686
转载 css3实现图片划过一束光闪过效果
.img { display:block; position: relative; width:800px; height:450px; margin:0 auto;}.img:before { content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -150px; overflow: hidden;b
2016-08-30 16:38:36
8442
请问用gulp构建angularjs的web网站,具体目录是什么?哪位大神帮忙解答一下?
2016-09-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人