- 博客(39)
- 收藏
- 关注
RSS订阅转载 tips07-encodeURI()的使用
url中不能带有中文, 所有在url中拼接字符串的时候, 要先对中文进行编码encodeURI() 函数可以把字符串作为uri编码let cityName = encodeURI('武汉')fetch(`http://v.juhe.cn/weather/index?&cityname=${cityName}`)如果遇到以下报错 , 可能原因就是这个Typ...
2019-01-15 18:22:00
128
转载 weui 的使用方法
weui是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。在开发微信小程序时, 使用weui提供的样式会更加符合微信用户的交互习惯介绍一下weui的使用方法:1. 下载: Github 地址：https://github.com/weui/weui,2. 下载的项目的dist文件夹里面包含一个 ...
2019-01-13 19:42:00
416
转载 git 合并分支的时候会遇到的问题
在码云上传代码的时候, 合并分支的时候, 有时候会遇到以下的问题: Please enter a commit message to explain why this merge is necessary, # especially if it merges an updated upstream into a topic branch. 这个时候页面仿佛被锁住一样,,...
2019-01-06 23:12:00
415
转载 yarn 代替 npm
在使用npm 管理包的时候, 容易遇到两个问题: 1.掉包: 下载过的包容易丢失 2.速度慢使用yarn可以解决这两个问题yarn的使用方法:1) 安装yarn npm install yarn -g2) npm init - y -- yarn init (没有-y 命令)3) 添加依赖包 yarn add (packagename)...
2019-01-05 19:29:00
162
转载 es6-解构赋值
解构赋值: 两边的结构一定要相同, 不然那就会报错 1.数组的解构赋值 let [a, b, c] = [1,2,4]; console.log(a, b,c); 2.对象的解构赋值; 结构必须一样, 不然会报错 let obj = [{d, e}, [n1, n2, n3], num, str] = [...
2019-01-04 18:23:00
73
转载 promise intro2-用法
1. promise对象的创建 构造函数有一个参数, 即回调函数, 回调函数有两个参数, resolve/reject let p1= new Promise(function(resolve, reject) { })2. promise 对象用来传递异步操作的状态 //实现逻辑: 第三次ajax请求需要用到请来给你吃ajax请求的结...
2019-01-04 18:20:00
90
转载 tips06-模板字符串 `${}` 和 startsWIdth()
1.简单易用的 字符串的拼接方法`${}`var str = 'baidu.com'; var str1 = '<a href=""></a>'; //1. 一般情况下, 我们拼接字符串的方法 str1 = '<a href=" '+str+' "></a>'; //但是在发生多层...
2019-01-03 22:02:00
190
转载 jquery备忘录
jquery 是一个js库 1)选择器筛选 $('.box li:first') //last $('.box li:eq(2)) $('.box li:gt(2)') 索引比2大的li元素 //小于 -- lt() $('.box li:even') //odd 2)表单选择器 ...
2019-01-02 21:11:00
85
转载 web API-js - jquery 备忘录
一. 节点操作 nodeType: 1 --> 元素节点 2--> 属性节点 3-->文本节点jsjquery父节点.parentNode子节点.childNode子元素.children上一个兄弟节点.previousSibling...
2018-12-28 21:45:00
318
转载 jsonp和cors 以及反向代理 解决跨域问题及其原理
浏览器端的同源策略: 如果两个页面的协议,端口和域名中的其中任意一个不相同, 它们就是不同源的, 浏览器会限制他们之间的资源交互;跨域: 跨域的安全限制只针对浏览器, 服务器是没有跨域的安全限制的;解决跨域问题的原理有三个:1: jsonp的原理是script 标签的 src 属性没有同源限制 , 核心是后台返回一个函数的调用, 同时传入后台的数据...
2018-12-28 18:33:00
291
转载 一.js高级(9)深拷贝-浅拷贝的其他方法
//1.浅拷贝var obj2 = Object.assign({}, obj1);//2. 深拷贝方法一: 利用转换为字符串来传递var obj2 =JSON.parse( obj1.JSON.stringIfy(obj1));//3. 深拷贝方法er: 利用插件lodashvar obj2 = _.cloneDeep(obj1);...
2018-12-27 14:30:00
86
转载 fetch-promise
一. promise 对象 promise是ECMAscript 6 提供的构造函数, new Promise() 创建的对象代表了将来要发生的事件,它有如下特点: 1)状态一旦发生变化,就不受外界影响; 任何时候给Promise 对象添加回调函数,它都保持在这个状态 其状态变化有以下两种形式: pending(初始状态) --> ...
2018-12-27 13:38:00
128
转载 插件的使用(4)-fileupload
//fileupload 使用方法//1. 引入文件jQuery //建议jQuery 1.8以上版本js/vendor/jquery.ui.widget.js // jQuery UI Widgetjs/jquery.iframe-transport.js // 扩展iframe数据传输js/jquery.fileupload.js // jQuery ...
2018-12-27 12:55:00
91
转载 前端路由-intro
一.URL(hash): 1)http://www.example.com/index.html#location1 #后面的部分即为URl的hash, 是当前页面的锚部分,浏览器读取到这部分, 就会将这部分内容滚动到可视区域; 在本页面下实现跳转的两种方式: <div name="location1"> <div id="...
2018-12-26 20:51:00
87
转载 插件的使用(5)-bootstrapValidate
后台系统中经常要用到各种表单, 而这些表单中的数据第一需要正则验证, 第二需要输入内容的验证;如果表单内容很多,一条条去设置验证规则和获取内容会很麻烦, 这时候可以直接调用插件;bootstrap 中的 boostrapValidator 的调用十分方便(h+框架里也有很多常用的表单结构)//调用方法 //1. 引入 jquery , bootstrap 和 b...
2018-12-26 18:50:00
92
转载 插件的使用(3) - fastclick
移动端点击事件的延迟现象:原因: 移动端的双击事件会产生页面缩放的效果; 所以移动端在判断clicka事件的时候会有 300ms 左右的延迟;解决方法: 1. 禁止移动端页面的缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 页面无法缩放 2. 更改默认视口的宽...
2018-12-19 15:08:00
92
转载 插件的使用(2) - swipper
4X版本//1. 引入css 文档 <link rel="stylesheet" href="dist/css/swiper.min.css"> //如果需要,可以给wrapper设置css style//2. html 结构<div class="swiper-container"> <div class="swiper-wra...
2018-12-19 12:29:00
154
转载 插件的使用(1) - iscroll
//1. html结构 <div class="wrapper" id="wrapper"> <div> <p>它只是需要这样的结构，而不是需要这样的标签</p> ... </div> </div>...
2018-12-19 12:24:00
69
转载 tips05-获取URL中的数据
1.通过字符串分割获取,匹配所需的属性 function getDataByUrl(url,name){ var params = url.substr(url.indexOf('?')+1); var par = params.split('&'); for(var i=0; i<par.length; i+...
2018-12-18 21:00:00
80
转载 tips04-省市区的三级联动
html dom select 对象的各种属性 1) selectedIndex 可以设置或返回列表中被选选项的索引号; 2)如果可以多选(<select multiple="multiple">),返回被选第一项的索引; 3) options[] 并非一个简单的集合,它也可以 通过 select.options.length = 1; 来设置...
2018-12-18 20:45:00
81
转载 移动web--rem 自适应
rem 自适应--的两种方式: rem : font size of root element (根元素的字体大小) em : font size of element (父元素的字体大小)1. 基于css 即媒体查询的来进行屏幕自适应 基与移动端的标准尺寸 640px,各种常见的屏幕尺寸下字体大小宽度320px384px480px...
2018-12-16 18:49:00
71
转载 tips03-placeholder 属性
主要是要处理兼容性问题input::-webkit-input-placeholder{ color:red; font-size:14px; }input:-moz-placeholder{ color:red; font-size:14px;}input::-moz-placeholder{ color:red;font-size:14px; }input:-ms...
2018-12-14 20:41:00
66
转载 一.js高级(8)-递归-深拷贝-浅拷贝
递归: 函数自己调用自己//阶乘函数 function fn(){ if(n === 1) { return 1; } reuturn n* fn(n-1);}console.log(fn(3) ); //6深拷贝和浅拷贝的区别: 深拷贝会重新开辟一个容器来存储数据，改变拷贝过来的数据不会对父...
2018-12-12 21:01:00
120
转载 一.js高级(7)-闭包2
要理解闭包的概念,先了解js执行函数的过程: js在执行函数作用域之前,会将所有的变量按照 local global , closure 分类声明 1) var 声明的变量赋值 undeifned 2) function func() {} 形式定义的函数放在 Functions 中, function 在js中是一级对象,他可以拥有属性和方法,无论任何...
2018-12-12 20:54:00
68
转载 一.js高级(6)-闭包-定时器-js中代码执行顺序
闭包1：嵌套的两个作用域中 内层作用域访问外层作用域 局部变量的 过程闭包2 : 就是能够访问其他函数内部变量的函数; 由于js中只有函数内部的子函数才能访问局部变量,所以可以简单的把闭包理解为"定义在函数内部的函数"; 本质上闭包就是连接函数内部和外部的一座桥梁;闭包的作用：可以让我们利用函数的作用域保存一些我们需要的变量 1.可以...
2018-12-12 19:05:00
148
转载 tips02-data 和 attr
attr 和 data : attribute(特性)是dom节点自带的属性, 例如html 中的 id class 等; 特点:1.dataset 和 setAttribute 都是把属性设置到attribute 上; 2.data-是h5 属性, 浏览器兼容性还比较差; 3.dataset 和 setAttribute 不要混用; 不同点: a...
2018-12-12 18:51:00
106
转载 一.js高级(5)-高阶函数
五.高阶函数 : 函数作为参数传递或者作为结果返回 1.函数作为参数 //实现逻辑 : 吃完饭后,打印吃晚饭,然后去唱歌 function eat(callback){ setTimeout(function(){ console.log("吃完了"); callback(); }) ...
2018-12-12 15:40:00
64
转载 一.js高级(4)-函数调用-this指向-其他参数
四: 函数函数定义方式: 函数声明 函数表达式 new Function var fn = new Function('a', 'b', 'console.log(a+b)' ); fn(3,4) ; //5函数声明和函数表达式的区别: a.函数表达式相当于给变量赋值, 预解析中只有函数名提前 b.函数声明 整个函数都会提升,声明前后都可以调...
2018-12-12 14:54:00
100
转载 一.js高级(3)-原型及其继承
二. 原型更好的解决方法: prototype Js 规定每个函数都有 prototype 属性,指向一个对象;这个对象的所有属性和方法都被函数所拥有,这就意味着我们可以把构造函数对象的属性和方法直接定义在prototype上 构造函数和原型 和实例对象之间的关系...
2018-12-12 14:49:00
71
转载 一.js高级(2) -构造函数-原型对象
3.构造函数用new创建实例的过程 1) 创建一个空对象 2) 将this 指向实例, 将函数的作用域赋给空对象 3) 创建新对象 4) 返回新对象使用构造函数不仅代码更加简洁,更重要的是能够识别对象的类型了4.构造函数的实例的关系 1)实例的constructor = 构造函数 con...
2018-12-12 14:28:00
58
转载 一. js高级(1)-面向对象编程
一: 面向对象:什么是对象: 可以从两个层面来理解: 1.对象可以是单个事物的抽象, 2.从代码是为了描述现实中的事与物的角度来讲, 对象是封装了一个属性和方法的数据集; 属性是对象的状态,方法是对象的行为 3.每个对象都是基于一个引用类型创建的,这些类型可以是系统内置的看原生类型,也可以是开发人员自定义的类型面向对象编程和面向过程编程: ...
2018-12-12 14:19:00
82
转载 tips01- 定位
1. 相对定位 relative : 相对于自身原始位置定位; * 移动后的盒子浮动起来, 但依然保留原来的位置， 不会影响相邻的元素,2.absolute 绝对定位： 元素浮动之后， 原有的位置被占有；如果祖先元素有定位， 则一祖先元素为定位基准， 如果没有， 以浏览器为基准；3. fixed 固定定位 ： 元素浮动之后不占有位置转载于:h...
2018-12-07 08:46:00
98
转载 h5c3 part6 flex
1. animation: name duration delay timing-function count forwards @keyframes name { 0% === from{ } 100% === to{ } } 没有延迟 animation-fill-mode: forwards 0%动画不会立即执行, 结束时会停留在结束状态 ...
2018-12-01 20:42:00
62
转载 h5c3 part5 background and transform
一.背景图 backgroung-repeat : 1.round : 缩小之后平铺 2.space : 不会缩小, 会在背景图之间产生间距 background-attachment: 滚动浏览器页面 1.fixed: 视差滚动(国外网站用的比较多) 2.scroll: 滚动内容 1.local: 2.scroll: backgr...
2018-12-01 20:38:00
105
转载 template and pagination
模板引擎和分页结构插件的使用方法1. 引入插件 <script src=" js/art-template/template-web.js"></script> <script src="js/twbs-pagination/jquery.twbsPagination.js"></script>2. 创建模板/*we...
2018-11-30 16:55:00
85
转载 h5c3 part4
1 伪元素选择器 ::before && ::after tips: 1.content:"", 必写,即使没有内容也要设置为"". 2.行内元素, 要设置宽高, 必须转为行内块 3.js无法操作2.rgba(red, green, blue, transparent)(0-255 || 0.0%...
2018-11-30 15:53:00
68
转载 h5c3 part3
1、drag 1、实现拖拽的前提条件是什么？ draggable="true" 2、被拖拽元素事件 + 目标元素事件 被拖拽元素事件： ondragstart 开始拖拽 ondrag 持续拖拽 ondragleave 鼠标离开被拖拽元素 ondragend 鼠标松开拖拽结束 ...
2018-11-30 15:51:00
92
转载 h5c3 part2
audio+video 1、audio+video controls+autoplay+loop (由于谷歌浏览器对autoplay属性不支持，所以导致初次进入不能自动播放添加属性muted即可) 2、video (一般值设置一个值width||height) 3、source标签2、querySelector("#aa") || quer...
2018-11-30 15:50:00
76
转载 h5c3 part1
一.h5c3: HTML5广义的概念: 代表着浏览器技术发展的阶段，是html5 css3和js（API）一套前端技术的组合; h5设计的目的是为了在移动设备上支持多媒体;;新的语法特征被引进以支持这一点.h5还引进了新的功能,可以真正改变用户与文档的交互方式; 优点: 1. 提升用户体验 2. 丰富页面的多媒体元素 audio video canvas...
2018-11-30 15:47:00
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人