- 博客(39)
- 收藏
- 关注
RSS订阅转载 requestAnimationFrame
window.requestAnimationFrame()告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行requestAnimationFrame，顾名思义就是请求动画帧。屏幕刷新频率 一般为60HzsseTimeout实现动画：利用seTi...
2019-09-20 22:30:00
120
转载 在safari上，解决fixed失效问题
一个页面中有头部、底部和中间内容区域，底部固定在屏幕底端。头部header内容main底部footer方法一、在main上使用fixed定位，加上overflow-y属性。.main { position: fixed; top: 50px; bottom: 50px; over...
2019-09-20 13:06:00
1274
转载 js之跨域
什么是跨域？ 协议+域名+端口 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名...
2019-09-18 23:25:00
108
转载 js数组方法
1、array.from :方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 Array.prototype.slice.call(arguments);数组的slice方法可以将“类似数组的对象”变成真正的数组 伪数组(函数的arguments对象,大多数 DOM 元素集,字符串) 这个东西就是把一些集合，或者长的像数组的伪数组...
2019-09-18 23:00:00
75
转载 js学习之数据结构和算法
js中的数据结构1、列表 待办事项列表、购物清单、最佳十名榜单等等。 适用： 1）数据结构较为简单， 2）不需要在一个长序列中查找元素，或者对其进行排序2、栈 一摞盘子 ----- 添加删除只能从最上面。 特点：栈被称为一种后入先出的数据结构。是一种高效的数据结构，因为数据只能在栈顶添加或删除，所以这样...
2019-09-17 22:37:00
78
转载 vue学习
一、指令 1、 v-cloak 使用v-cloak 能够解决插值表达式闪烁的问题 [v-cloak] { display:none;} 2、 v-text 的属性值会替换元素内的内容 3、 v-html 的属性值会替换元素内的内容（能够识别html标签） 4、 v-bind 属性的绑定 可以简写为 “ : ” v-bind中...
2019-08-29 17:44:00
74
转载 js之正则
1、正则的声明方法 1）var reg = /abc/; "这个叫对象直接量方式"； 2）var reg = new RegExp("abc") 这个叫构造函数方式； 2、正则方法 1）exec() 方法用于检索字符串中的正则表达式的匹配。 返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。 ...
2019-08-29 15:20:00
66
转载 令人忽视的小知识点
1、 undefined值是派生自null值的(undefined == null); //true null 和 undefined 都表示“值的空缺” undefined是在ECMAScript第三版引入的，为了区分空指针对象和未初始化的变量，它是一个预定义的全局变量。 没有返回值的函数返回为undefined。 没有实参...
2019-08-28 17:07:00
50
转载 js之预解析
一、所谓的预解析就是：在当前作用域中，JavaScript代码执行之前，浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义。 1）var声明的变量在预解析的时候只是提前的声明， 2）function声明的函数在预解析的时候会提前声明并且会同时定义。 二、预解析只发生在...
2019-08-27 11:49:00
82
转载 不定宽高盒子的垂直水平居中的方法
1、.father { display: table-cell; text-align: center; vertical-align: middle; width:500px;height: 500px;}.child { display: inline-block;}2、.containe...
2019-08-21 13:46:00
1045
转载 验证码
js写一个四位数的随机验证码且颜色随机<div id="code" onclick="updataCode()"></div> <script> var num = 4; var fontSize = "50px"; function updataCode() { ...
2019-08-21 11:26:00
80
转载 js学习之存储
一、Cookie和Session的区别1、cookie数据存放在客户的浏览器上，session数据放在服务器上（一般以内存、数据库、文件形式）。2、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能 考虑到减轻服务器性能方面,应当使用Cookie;3、单个cookie保存的数据不能超过4K，Session没有大小限制； 总结：Se...
2019-08-20 10:02:00
55
转载 js学习之面向对象
一、创建对象的方法 1、 {} 字面量创建 var person ={ name: "lisi", age: 21, say: function(){ alert(this.name); } };...
2019-08-13 23:11:00
82
转载 js学习之堆栈内存
**栈内存** >基本数据类型值是直接存放在栈内存中的 栈内存中的变量一般都是已知大小或者有范围上限的，算作一种简单存储。而堆内存存储的对象类型数据对于大小这方面，一般都是未知的。个人认为，这也是为什么null作为一个object类型的变量却存储在栈内存中的原因。 栈内存释放 一般情况下，函数执行形成的栈内存，函数执行完，浏览器会把形成的栈内...
2019-08-12 10:34:00
120
转载 js学习之数据类型
js学习之数据类型 基础类型：number string boolean null undefined 引用类型：object array function undefined值是派生自null值的(undefined == null); //true Boolean(message); 数据类型 转换为true...
2019-08-11 21:47:00
62
转载 js学习之函数
一、JS声明函数的三种方式: 1、// 函数声明(function declaration) 赋值发生在代码解析阶段 function h() { // h } 2、// 函数表达式(function expression) 赋值发生在代码运行阶段, :函数表达式需要在语句的结尾加上分号，表示语句结束。而...
2019-08-10 22:07:00
46
转载 渐进增强（progressive enhancement）、优雅降级（graceful degradation）
渐进增强 progressive enhancement： 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别： 优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是...
2019-08-06 14:10:00
168
转载 倒计时
1、10分钟倒计时var time; var djs = document.getElementById("djs"); // var h = 23; var m = 10; var s = 00; time = setInterval(run, 1000); //...
2019-07-22 17:08:00
65
转载 css 平行四边形
平行四边形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3</title><style type="text/css">*{ margin:0; ...
2019-07-17 17:31:00
120
转载 网址URL分解
http://www.joymood.cn:8080/test.php?user=admin&pwd=admin#login 1、location.href：得到整个如上的完整url2、location.protocol：得到传输协议http: 3、location.host：得到主机名连同端口http://www.joymood.cn:8080/ 4、lo...
2019-07-17 16:29:00
690
转载 图片延时加载
//js<script> var imgs = document.getElementsByTagName("img"); function lazyload(){ var scrollTop = window.pageXOffset || document.documentElement.scrollTop || document....
2019-07-17 15:11:00
75
转载 获取元素的宽高，左边距上边距
jquery获取元素的所有宽高（包括内边距和外边距）： width() - 返回元素的宽度。 height() - 返回元素的高度。 innerWidth() 方法返回元素的宽度（包括内边距）。 innerHeight() 方法返回元素的高度（包括内边距）。 oute...
2019-07-17 15:09:00
1408
转载 电商平台放大镜效果
1、js写一个放大镜<!doctype html><html><head> <meta charset="UTF-8"> <title>放大镜</title> <style type="text/css"> #demo { display:...
2019-07-16 15:33:00
105
转载 js笔记
js：JS的运行机制是什么，为什么是单线程的？js是单线程事件队列这是因为在js的设计之初就是作为浏览器的脚本语言，主要作用就是与用户做交互，如果设计为多线程的话，那就会带来很多复杂的同步问题了，势必会影响浏览器的交互效果，不妨假设一下若js有两个线程，A线程需要将页面信息删除，B线程需要将页面信息修改显示，那就会让前端处理逻辑变得复杂了，也就会影响与用户的交互体验了。js注...
2019-07-12 18:22:00
107
转载 下拉菜单旋转出现css
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> @charset "utf-8"; body{ ...
2019-07-10 14:46:00
161
转载 打字机效果，文字打字机效果出现
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style> @keyframes typing { from { width: 0; } } @key...
2019-07-10 14:41:00
224
转载 数组去重
1、第一种方法 SE6 Set 去重var arr = [1,2,3,4,5,6,1,3,4];var arr1 = new Set(arr);console.log(arr1);2、第二种方法：利用indexOf去重<script>function aa(array){ var arr = []; for(va...
2019-07-09 10:14:00
51
转载 纯css实现省略号，兼容火狐，IE9，chrome
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多行文本实现省略号显示</title></head><style type="text/css"> /*纯c...
2019-07-04 10:49:00
176
转载 纯css更改图片颜色的技巧
tips： JPG、PNG、GIF 都可以，但是有一个前提要求，就是黑色纯色，背景白色.pic1{background-image:url($img), linear-gradient(#f00,#f00);background-blend-mode: lighten;background-size: cover;}转载于:https...
2019-07-03 10:27:00
373
转载 vue.js 学习笔记
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统核心思想是：数据驱动、组件系统。MVC和MVVM的区别? MVVM即Model-View-ViewModel的简写。即模型-视图-视图模型。模型（Model）指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是mvvm模式的核心，它是...
2019-07-01 16:58:00
123
转载 什么是BFC？ CSS 如何使用伪元素清除浮动？
.BFC概念： 块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。我们先了解一个名词：BFC（block formatting context），中文为“块级格式化上下文”。先记住一个原则： 如果一个元素具有BFC,那么内部元素再怎么翻江倒海，翻云覆雨，都不会影响外面的元素。所以，BFC元素是不可能发生ma...
2019-07-01 16:37:00
101
转载 html 元素
内联元素(inline element)* a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体* br - 换行* cite - 引用* code - 计算机代码(在引用源码的时候需要)* dfn - 定义字段* em - 强调* font - 字体设定(不推荐)* i -...
2019-06-28 10:15:00
55
转载 css背景渐变
background: -moz-linear-gradient( top,#ccc,#000);background: -webkit-linear-gradient(top,#ccc,#000);background: -o-linear-gradient(top,#ccc, #000);background: linear-gradient(top,#ccc, #000);...
2019-06-28 10:09:00
131
转载 select下拉箭头样式重置
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("../images/xl_1.png") no-repeat scroll right center #fff; padding-right: 14px;}/*清除ie的...
2019-06-28 10:05:00
283
转载 移动端使用rem.js,解决rem.js 行内元素占位问题
父级元素：letter-spacing: -0.5em;font-size: 0;子级元素：letter-spacing: normal; display: inline-block; vertical-align: top;即可解决。问题剖析：以input元素为例子：因为input元素是行内块元素，所以它所在的行会形成一个行框。然后行框的高度是和li...
2019-06-26 17:18:00
177
转载 利用递归实现数组的扁平化
// 利用递归实现数组的扁平化let ary = [1, [2, [3, [4, 5]]], 6];let result = [];let fn = function(ary){ for(let i = 0 ; i < ary.length; i++){ let item = ary[i] if(Array.isArray(ary[...
2019-06-26 10:28:00
652
转载 ES6 新增声明变量的 var let const 的区别详解
var如果使用关键字 var 声明一个变量，那么这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。 let 1、let 声明的变量具有块作用域的特征。 2、在同一个块级作用域，不能重复声明变量。 function foo(){ let...
2019-06-26 10:13:00
162
转载 js学习笔记
substring() ：方法用于提取字符串中介于两个指定下标之间的字符。substr(1,4)： 方法可在字符串中抽取从 start 下标开始的指定数目的字符。 1开始，截取4位 parseFloat()： 函数可解析一个字符串，并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。...
2019-06-26 10:05:00
75
转载 ajax中error函数参数与返回值详解 200 300 400 500
201-206：都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。 200：（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。 201：（已创建） 请求成功且服务器已创建了新的资源。 202：（已接受） 服务器已接受了请求，但尚未对其进行处理。 203：（非授权信息） 服务器已成功处理了请求...
2019-06-26 09:51:00
655
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人