agzs70106-优快云博客

转载 requestAnimationFrame

window.requestAnimationFrame()告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行requestAnimationFrame，顾名思义就是请求动画帧。屏幕刷新频率一般为60HzsseTimeout实现动画：利用seTi...

2019-09-20 22:30:00 149

转载在safari上，解决fixed失效问题

一个页面中有头部、底部和中间内容区域，底部固定在屏幕底端。头部header内容main底部footer方法一、在main上使用fixed定位，加上overflow-y属性。.main { position: fixed; top: 50px; bottom: 50px; over...

2019-09-20 13:06:00 1391

转载 js之跨域

什么是跨域？协议+域名+端口跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名...

2019-09-18 23:25:00 142

转载 js数组方法

1、array.from :方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 Array.prototype.slice.call(arguments);数组的slice方法可以将“类似数组的对象”变成真正的数组伪数组(函数的arguments对象,大多数 DOM 元素集,字符串) 这个东西就是把一些集合，或者长的像数组的伪数组...

2019-09-18 23:00:00 99

转载 js学习之数据结构和算法

js中的数据结构1、列表　　待办事项列表、购物清单、最佳十名榜单等等。　　适用：　　　　1）数据结构较为简单，　　　　2）不需要在一个长序列中查找元素，或者对其进行排序2、栈　　一摞盘子 ----- 添加删除只能从最上面。　　特点：栈被称为一种后入先出的数据结构。是一种高效的数据结构，因为数据只能在栈顶添加或删除，所以这样...

2019-09-17 22:37:00 98

转载 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 101

转载 js之正则

1、正则的声明方法　　1）var reg = /abc/; "这个叫对象直接量方式"；　　2）var reg = new RegExp("abc") 这个叫构造函数方式； 2、正则方法 1）exec() 方法用于检索字符串中的正则表达式的匹配。返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。 ...

2019-08-29 15:20:00 88

转载令人忽视的小知识点

1、 undefined值是派生自null值的(undefined == null); //true　　null 和 undefined 都表示“值的空缺” undefined是在ECMAScript第三版引入的，为了区分空指针对象和未初始化的变量，它是一个预定义的全局变量。没有返回值的函数返回为undefined。没有实参...

2019-08-28 17:07:00 75

转载 js之预解析

一、所谓的预解析就是：在当前作用域中，JavaScript代码执行之前，浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义。 1）var声明的变量在预解析的时候只是提前的声明， 2）function声明的函数在预解析的时候会提前声明并且会同时定义。二、预解析只发生在...

2019-08-27 11:49:00 107

转载不定宽高盒子的垂直水平居中的方法

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 1087

转载验证码

js写一个四位数的随机验证码且颜色随机<div id="code" onclick="updataCode()"></div> <script> var num = 4; var fontSize = "50px"; function updataCode() { ...

2019-08-21 11:26:00 102

转载 js学习之存储

一、Cookie和Session的区别1、cookie数据存放在客户的浏览器上，session数据放在服务器上（一般以内存、数据库、文件形式）。2、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能考虑到减轻服务器性能方面,应当使用Cookie;3、单个cookie保存的数据不能超过4K，Session没有大小限制；总结：Se...

2019-08-20 10:02:00 79

转载 js学习之面向对象

一、创建对象的方法 1、 {} 字面量创建 var person ={ name: "lisi", age: 21, say: function(){ alert(this.name); } };...

2019-08-13 23:11:00 107

转载 js学习之堆栈内存

**栈内存**　　>基本数据类型值是直接存放在栈内存中的　　栈内存中的变量一般都是已知大小或者有范围上限的，算作一种简单存储。而堆内存存储的对象类型数据对于大小这方面，一般都是未知的。个人认为，这也是为什么null作为一个object类型的变量却存储在栈内存中的原因。栈内存释放　　一般情况下，函数执行形成的栈内存，函数执行完，浏览器会把形成的栈内...

2019-08-12 10:34:00 146

转载 js学习之数据类型

js学习之数据类型　　基础类型：number string boolean null undefined 　　引用类型：object array function 　　undefined值是派生自null值的(undefined == null); //true 　　Boolean(message); 　　　　数据类型转换为true...

2019-08-11 21:47:00 77

转载 js学习之函数

一、JS声明函数的三种方式: 1、// 函数声明(function declaration) 赋值发生在代码解析阶段 function h() { // h } 2、// 函数表达式(function expression) 赋值发生在代码运行阶段, :函数表达式需要在语句的结尾加上分号，表示语句结束。而...

2019-08-10 22:07:00 68

转载渐进增强（progressive enhancement）、优雅降级（graceful degradation）

渐进增强 progressive enhancement：　　针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：　　一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：　　优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是...

2019-08-06 14:10:00 209

转载倒计时

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 83

转载 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 149

转载网址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 756

转载图片延时加载

//js<script> var imgs = document.getElementsByTagName("img"); function lazyload(){ var scrollTop = window.pageXOffset || document.documentElement.scrollTop || document....

2019-07-17 15:11:00 102

转载获取元素的宽高，左边距上边距

jquery获取元素的所有宽高（包括内边距和外边距）：　　width() - 返回元素的宽度。　　height() - 返回元素的高度。　　innerWidth() 方法返回元素的宽度（包括内边距）。　　innerHeight() 方法返回元素的高度（包括内边距）。　　oute...

2019-07-17 15:09:00 1461

转载电商平台放大镜效果

1、js写一个放大镜<!doctype html><html><head> <meta charset="UTF-8"> <title>放大镜</title>　　　　<style type="text/css">　　　　　　#demo { display:...

2019-07-16 15:33:00 132

转载 js笔记

js：JS的运行机制是什么，为什么是单线程的？js是单线程事件队列这是因为在js的设计之初就是作为浏览器的脚本语言，主要作用就是与用户做交互，如果设计为多线程的话，那就会带来很多复杂的同步问题了，势必会影响浏览器的交互效果，不妨假设一下若js有两个线程，A线程需要将页面信息删除，B线程需要将页面信息修改显示，那就会让前端处理逻辑变得复杂了，也就会影响与用户的交互体验了。js注...

2019-07-12 18:22:00 132

转载下拉菜单旋转出现css

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> @charset "utf-8"; body{ ...

2019-07-10 14:46:00 190

转载打字机效果，文字打字机效果出现

<!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 247

转载数组去重

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 72

转载纯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 194

转载纯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 416

转载 vue.js 学习笔记

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统核心思想是：数据驱动、组件系统。MVC和MVVM的区别?　　　　MVVM即Model-View-ViewModel的简写。即模型-视图-视图模型。模型（Model）指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是mvvm模式的核心，它是...

2019-07-01 16:58:00 149

转载什么是BFC？ CSS 如何使用伪元素清除浮动？

.BFC概念：　　块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。我们先了解一个名词：BFC（block formatting context），中文为“块级格式化上下文”。先记住一个原则：如果一个元素具有BFC,那么内部元素再怎么翻江倒海，翻云覆雨，都不会影响外面的元素。所以，BFC元素是不可能发生ma...

2019-07-01 16:37:00 127

转载 html 元素

内联元素(inline element)* a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体* br - 换行* cite - 引用* code - 计算机代码(在引用源码的时候需要)* dfn - 定义字段* em - 强调* font - 字体设定(不推荐)* i -...

2019-06-28 10:15:00 85

转载 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 168

转载 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 314

转载移动端使用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 203

转载利用递归实现数组的扁平化

// 利用递归实现数组的扁平化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 690

转载 ES6 新增声明变量的 var let const 的区别详解

var如果使用关键字 var 声明一个变量，那么这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。 let 1、let 声明的变量具有块作用域的特征。 2、在同一个块级作用域，不能重复声明变量。　　function foo(){ 　　　　let...

2019-06-26 10:13:00 196

转载 js学习笔记

substring() ：方法用于提取字符串中介于两个指定下标之间的字符。substr(1,4)：方法可在字符串中抽取从 start 下标开始的指定数目的字符。 1开始，截取4位 parseFloat()：函数可解析一个字符串，并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。...

2019-06-26 10:05:00 100

转载 ajax中error函数参数与返回值详解 200 300 400 500

201-206：都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。 200：（成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。 201：（已创建）请求成功且服务器已创建了新的资源。 202：（已接受）服务器已接受了请求，但尚未对其进行处理。 203：（非授权信息）服务器已成功处理了请求...

2019-06-26 09:51:00 710

空空如也

空空如也