- 博客(36)
- 收藏
- 关注
转载 html5本地存储
html5本地存储主要有两种localStorage和sessionStorage 两者相同点:都是使用相同api,存入后都是字符串类型 1.setItem(key,value) 存储数据 localStorage.setItem(key,value); 扩展: ...
2019-09-23 15:06:00
152
转载 js基础
变量类型和计算 1.js只有两种储存方式类型:值类型和引用类型 值类型:字符串string 、数字number、布尔值boolean、null、undefined 引用类型:对象object、数组arrary、函数function 2.值类型和引用类型区别: 值类型...
2019-09-23 12:05:00
141
转载 BOM基础
BOM简单来说就是浏览器对象; BOM核心对象就是window,window中又包含了6大核心模块!!! 下面这张图全是了BOM和DOM之间联系 document对象,即文档对象frames,即HTML自框架history,即页面的历史记录...
2019-09-23 12:05:00
105
转载 webpack4进阶概念
Tree Shaking 树木摇晃:不用的js功能不打包 当有多个函数功能时,只调用了其中某一些函数,但是打包时,会统统全部打包,造成浪费,这个时候就要使用“摇树”,将没有用到的功能摇出去,再打包; 业务代码中凡是用import引入都模块,都会检查是否调用了模块里面的方法 开发模式下,没有调用的函数,也还是会打...
2019-08-29 17:16:00
142
转载 webpack4实战配置
库的打包: 1.让打包后用户可以引用 使用libraryTarget:umd //umd让各种方法都能引用,如import ....等 library:' ' //支持<script>的引用,可以自定义任何变量 增加全局变量后,就可以调用方法了...
2019-08-29 17:16:00
214
转载 webpack4基础和vue
前言:为什么要使用webpack:webpack:简单来说就是分离、编译、打包;模块打包工具;在使用vue时,我们将HTML,CSS,JS放在同一个.vue文件中,webpack的就可以将这些代码分离出来,与其他同类型代码打包到一起,并转化为合适的格式供浏览器使用--save-dev和-save的区别:开发过程中需要的工具或者文件我们 使用 --save-dev 即可,等...
2019-08-29 17:15:00
170
转载 nuxt基础
特点:创建即配置!!!1.page文件夹,里面文件名,就是路径名,index.vue默认路径就是' / ' 2.layouts文件夹,就是模板文件,默认的模板文件就是default文件 在page中不引用,就是默认,引用方法 layout:'模板文件名'3.server文件夹,里面的index.js就是配置的k...
2019-08-02 20:57:00
112
转载 nuxt.js中server兼容ES6的写法
1.前提已安装babel-cli,还没安装可通过npm install--save-dev babel-cli安装2.在package.json文件中,增加红线部分3.安装npm install--save-dev babel-preset-env4.然后在.babelrc文件中转载于:https://www.cnblogs.com/fanbulaile...
2019-07-17 11:41:00
490
转载 postcss
PostCSS是一款使用插件去转换CSS的工具,有许多非常好用的插件,也能够实现与预处理相同的功能postCSS输如输出都是css文件安装: npm install postcss-cli使用:将src中得到css文件输出到 build中的css文件常用postcss插件:创建一个配置文件postcss.config.jsimport 模块合并 n...
2019-07-08 21:31:00
114
转载 bootstrap
布局是以栅格系统为基础:一行12列;row: 表示一行,可以将多个块元素放在里面类名col-:表示宽度占多少列: 例col-2 表示占2列 offset- :表示偏移多少例; 例offset-2 表示偏移2列的位置响应式布局: 栅格系统在不同分辨率下有不同的分配, 屏幕<576px .col...
2019-07-08 18:03:00
86
转载 预处理器less
less是基于Node.js编写的;安装:npm install less;创建index.less和index.css两个文件,在index.less中编写css,然后将less文件变异为css文件注要功能:变量,混合(mixins),函数等...less变量:以@开头定义变量;变量可以计算,加减时,以第一个数据单位为准,乘除要同一单位 ...
2019-07-08 16:15:00
110
转载 html 和 css
html重要的属性 a[href, target] target:在哪里打开,常用target='_black‘,新打开一个网页 img[src,alt] alt:替换资源,当src不显示时,就会显示alt中的文字 table td[colspan, rowspan] form[target, meth...
2019-07-08 10:54:00
124
转载 响应式开发
viewport:视口,设备屏幕上能用来显示网页的区域; <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> width :设置layout ...
2019-07-04 14:39:00
80
转载 利用canvas制作小游戏的关键点
主要就这四个思路:游戏图片素材需要全部加载完成后,才初始化游戏 利用new Image(),将所有数据存放在dataStore.js中,通过单例模式,让全局都可以调用同一个堆内存中的数据 canvas图片素材,是通过将图片剪切,放置在画布上,所以可以写成一个公用JS,ctx.drawImage(img,startX...
2019-07-01 12:28:00
195
转载 canvas知识点
canvas知识点:const canvas = document.getElementById('id'); //获取canvas元素 const ctx = canvas.getContext('2d'); //搭建图形需要环境,简单来说就是绘画的画布 ...
2019-07-01 12:21:00
172
转载 ES6备忘录
1. 冻结对象,object.freeze(),可以阻止引用类型的修改2. let const 声明的全局变量,不能再顶层调用3.只有当一个数组成员严格等于undefined,默认值才会生效; 4.Object.setPrototype(obj1,obj2); obj2是obj1的原型,obj1会继承obj2的属性数组: ...
2019-06-25 21:34:00
113
转载 html属性
html属性分为:Property固有属性,Attribute自定义属性固有属性可以通过对象点属性获取,例: a.id自定义属性通过(固定对象也可以) a.getAttribute() 获取属性值 a.setAttribute('属性','值') 设置属性值,ie7及以前不支持 ...
2019-06-12 21:28:00
110
转载 移动端常用的CSS功能
1.bg-image($url)background-image: url($url + '@2x.png')@media (-webkit-min-device-pixel-ratio:3), (min-device-pixel-ratio:3) //设备像素比为3时,使用3X图background-image: url($url + '@3x.png')...
2019-05-29 16:51:00
124
转载 按顺序获取异步数据,可以用递归的方式
异步函数不应该用直接循环,不然项目的执行顺序是不确定的。 应该用递归:var arr = ["a","b","c"];(function loop(index) { setTimeout(function(){//用setTimeout模拟异步函数 console.log(arr[index]); if (+...
2019-05-25 23:34:00
291
转载 svg的使用
<svg width='' height=' ' viewBox='0 0 100 100' version='1.1'xmlns="http://www.w3.org/2000/svg"> <!-- xmlns最好不要省略,解析编码 --> 构建图形形状</svg>viewBox=(x,y,w,h) ===>...
2019-05-22 16:57:00
188
转载 移动端touchstart,touchmove,touchend
touchstart:手指触摸到一个 DOM 元素时触发。touchmove:手指在一个 DOM 元素上滑动时触发。touchend:手指从一个 DOM 元素上移开时触发。touchcancel:当系统停止跟踪触发触发event.touches 当前触摸屏幕的触摸点数组event.changedTouches 移动的触摸点信息数组event.targe...
2019-05-17 11:05:00
168
转载 HTML5音视频
视频:mp4 ogv webm 音频:mp3 ogg wav视频地址要写在source标签里面<video><source src='...'></video><audio><source src='...'><audio>preload属性preload='auto/meta/none'...
2019-05-05 16:36:00
107
转载 HTML5表单<form>属性
1.autocomplete=‘on/off’:提交后自动保存记录的功能 ,适用于form和大部分input标签2.autofocus='autofocus':页面加载时,自动获取焦点 适用于input 标签3.multiple='multiple':选择多个文件和email地址,适用于input中的file和email类型, file时,按住c...
2019-05-05 15:59:00
143
转载 HTML5标签变化
1.结构标签 <header>头部 <nav>导航 <section>一块区域 <footer>页面底部 <aside>侧边栏区域2.web应用标签 <meter value='60' min='0' max='100'></meter>气...
2019-05-05 15:49:00
105
转载 HTML基础备忘录
1.浏览器标题栏小图标<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> 注意:图片必须为ico的格式,16X16,32X32, 64X64都可以2.<img src='' alt='图片描述给搜索引擎看' title='图片描述给用户看'> alt是img标签的必备...
2019-05-05 15:34:00
261
转载 zepto中的touch模块,就是手势
要引入touch模块,touch.js$(el).tap(function(){console.log('每次单击触发');}).singleTap(function(){console.log('单击一次,松开触发');}).doubleTap(function(){console.log('连续双击触发');}).swipe(function(){...
2019-04-23 11:09:00
398
转载 ajax
get和post区别: 0.get在浏览器回退时是无害的,而post会再次提交请求, 1.get会被缓存,post不会缓存 2. get是从服务器上获取数据,post是向服务器传送数据 3.post比get安全,因为数据在地址栏上不可见。4.get方式提交的数...
2019-04-23 10:37:00
93
转载 Object.assign()在vue中,有时候需要新增、重置data数据,就可以用此方法
Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象例:this.seller=Object.assign({},this.seller,new.data)将new.data和this,seller都复制到空对象中,在赋值给this.seller转载于:https://www.cnblogs.com/fanbulaile/p...
2019-04-16 09:55:00
3170
转载 CSS中各种隐藏元素属性
opacity:0; //隐藏,但是还是占据原来的位置,隐藏的元素,依旧能触发事件filter:alpha(opacity=0) //和opacity作用一样,只是兼容IE;display:none; //消失,不占据位置,不能设置transition过渡效果visibility:h...
2019-02-25 10:37:00
241
转载 JS中offsetParent和parentNode的区别
parentNode 只有一个,那就是离要获取的元素最近的一个offsetParent这里的父节点,指的是相对于父节点,也就是说某个元素相对于谁定位,谁就是他的父亲。有父元素设置相对定位,绝对定位的时候(relative,absolute),这个父元素就叫做定位父级这个地方写的详细https://www.cnblogs.com/moqing/p/5651802.html转...
2019-01-13 10:10:00
581
转载 正则表达式
两种方式: 1字面量var pattern=//; 一般都用字面量方法,简单直接; 2 构造函数var pattern=new RegExp();里面可接受两个参数,第一个是将要匹配的字符,第二是修饰符i;优势:可以用变量动态添加参数 ...
2019-01-11 23:46:00
75
转载 将类数组转换成一个真正有意义的数组Array.prototype.slice.call(argument)
var box=document.getElementById('box');var nodes=box.childNodes;function addArray(text){/*因为Array是一个类,不能直接引用,需要获取原型后才能使用。如果要直接引用,需要实例化Array,如下。var array = new Array();array.sli...
2019-01-07 18:57:00
164
转载 JS和JQ中各种长度,event对象4种坐标
event对象4种坐标1 clientX和clientY 相对于浏览器可视区域左上角0,0的坐标;2 pageX和pageY 也是相对于浏览器可视区域左上角0,0的坐标 两者的区别:如果有滚动区域,pageX和pageY会算上滚动的距离3 offsetX和offsetY 相对于事件源左上角0.0坐标4 screenX和scree...
2018-12-26 20:51:00
148
转载 dom事件
事件3种使用方式: 1.在HTML中直接定义 缺点:违背结构分离原理,不利于代码复用 2.DOM0级绑定方式 btn.onclick=function(){} ...
2018-12-06 16:00:00
75
转载 JQ
jquery中1. $().children() 获取某元素里面的第一层子元素,children()的括号里面可以放.class #id 元素名,无须加上$(),这样可以获取第一层子元素中具体的元素2. $().find() 获取某元素里面所有的子元素,不限量,找的干干净净,find()的括号里面和上面的情况一样1...
2018-12-05 08:22:00
89
转载 js 中dom的操作
创建节点1.document.createElement();创建节点元素 document.createTextNode('文本'); 创建文本,用这个api还不是直接innerText document.createDocumentFragment();无参数,添加多个元素时,先添加到这个中,再同一添加到页面,减少渲染,提高效率2.通过innerHTML...
2018-12-02 11:36:00
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人