- 博客(29)
- 收藏
- 关注
RSS订阅原创 css基础
1：垂直居中父元素中设置display: flex;align-items: center;justify-content: center;2: 靠左垂直居中对齐父元素设置display: flex;align-items: center;3: 水平居中子元素设置如下，将在父元素中居中对齐margin:0 auto;...
2019-06-14 11:30:17
130
原创 通过promise控制事件执行顺序----高德地图获取定位和天气
//利用高德地图获取天气和定位 promise实现先获取定位，拿到定位后得到的城市名获取天气let prom = new Promise( (resolve,reject)=>{let AMap = window.AMap;AMap.plugin('AMap.CitySearch',()=> { var citySearch = new AMap.CitySea...
2019-05-10 09:20:46
546
原创 Promise的初级理解
var promise1 = new Promise(function(resolve, reject) { let a ={ab:'hhhhh'}; let b; resolve(b.a);//b.a会发生错误});promise1.then(function(value) {//当promise状态为resolve时执行 console.log(value...
2019-05-09 21:32:01
177
原创 记录自己踩的坑--promise
调用百度天气的API接口时，由于代码书写不够规范，导致错误始终没有找到。以此警告自己：规范化书写代码，严格要求自己写代码的逻辑错误书写方式（成功避开错误提示，好伤心）JsonP(options.url,{param:'callback',timeout:120000},(err,data)=>{ if(data.status === 200){//这里，如果状态为200...
2019-05-09 12:09:01
136
原创 Unhandled Rejection (SyntaxError) Unexpected token in JSON at position 0
Unhandled Rejection (SyntaxError) Unexpected token '<' in JSON at position 0代码定位到res.json()报错的解释是将一个非json格式的数据进行json格式解析。原因可能是返回的结果是其他类型的，如html(概率最大)我把请求的目录写错一个字母，所以找不到文件返回的是一个错误的html页面，所以...
2019-05-09 10:37:33
13481
原创 css--box-sizing
之前一直不明白box-sizing是干嘛的，现在想清楚了，基本不需要设置，因为一般都在使默认值box-sizing 属性允许您以确切的方式定义适应某个区域的具体内容box-sizing有三种属性值：content-box(默认值):元素维持w3c的标准盒模型，即 元素宽/高 =边框 +内边距（padding) +内容的宽/高 ;border-box:让元素维持IE6及以下...
2019-04-04 15:10:37
113
原创 less基础知识
定义：什么是less？less是一个css预处理器，可以为网站启用可自定义、可管理和可重用的样式表；扩展了CSS样式，增加了变量、Mixin、函数等特性；less可运行在node或浏览器端；优势：LESS轻松地生成可在浏览器中工作的CSS。 LESS使您能够使用嵌套编写更干净，组织良好的代码。 通过使用变量可以更快地实现维护。 LESS使您能够通过在规则集中引用它们来轻松地重用...
2019-04-03 11:07:16
252
转载 JSON
XHR:XMLHTTPRequestJSON 是一种纯数据格式，它只包含属性，没有方法。 JSON 要求有两头的 { } 来使其合法。最安全的写法是有两边的括号，而不是一边。 甚至一个错位的逗号或分号就可以导致 JSON 文件出错。您应该小心的检查您想使用的数据(虽然计算机生成的 JSON 很少出错，只要生成程序正常工作)。您可以通过像 JSONLint 的应用程序来检验 JSON。 ...
2018-11-09 09:56:10
91
转载 this 的区别-1
var a = 10;var o = {a: 2,m: function(){return this.a + 1;}};p = o.m;alert(p()); //11 p就是一个函数而已---------------------var o = {a: 2,m: function(){return this.a + 1;}};var...
2018-11-08 21:23:11
129
转载 继承于原型
function Employee () {this.name = "";this.dept = "general";this.age = 19;}//Employee.prototype.age = 19;function Manager() {Employee.call(this);this.reports = [];}Manager.prototype...
2018-11-08 20:50:36
139
转载 本地值和继承值----继承中属性值的变化
function Employee () {this.name = "";this.dept = "general";}Employee.prototype.age = 19;//Employee的age属性改变后继续它的对象的age值也会跟着变化function Manager() {Employee.call(this);this.reports = [];}...
2018-11-08 20:38:07
157
转载 对象----方括号
使用方括号访问对象的属性JavaScript 对象的属性也可以通过方括号访问或者设置。 对象有时也被叫作关联数组, 因为每个属性都有一个用于访问它的字符串值。一个对象的属性名可以是任何有效的 JavaScript 字符串，或者可以被转换为字符串的任何类型，包括空字符串。然而，一个属性的名称如果不是一个有效的 JavaScript 标识符（例如，一个由空格或连字符，或者以数字开头的属性名），就只...
2018-11-08 19:42:15
548
转载 闭包
闭包其实就是函数中定义了函数，由于内部函数的生存周期比外部函数长，所以外部函数并不会在执行完后被销毁function f1(){var n = 999;nAdd = function(){n+=1}function f2(){alert(n);}return f2;}var result = f1();//将f2赋值给resultresult();//999...
2018-11-08 19:12:48
93
转载 变量
声明变量的三种方式var(变量声明提升)letconst函数提升只有函数声明会被提升到顶部，而不包括函数表达式函数声明:fun1();//hellofunction fun1(){alert("Hello");}函数表达式:baz();//not a functionvar baz = function(){alert("hello");...
2018-11-08 19:02:37
92
转载 事件
事件流描述的是从页面接收事件的顺序。响应某个事件的函数叫做事件处理程序（或事件侦听器）事件处理程序 1.HTML事件处理程序（在HTML中嵌入JavaScript代码）缺点：存在时差问题；HTML和javas代码紧密耦合；扩展事件处理程序的作用域链在不同浏览器中导致不同结果； 2.DOM0级事件处理程序 将一个函数赋值给一个事件处理程序属性 每个事件只支持一个事件处理程序...
2018-11-08 15:41:16
125
转载 正则表达式
//1.使用构造函数创建正则表达式对象: var 变量= new RegExg("正则表达式","匹配模式") i 忽略大小写 g全局模式var reg = new RegExp("a","i");//检查是否含有aconsole.log(reg);var str = "aaaa";//测试是否匹配//alert( reg.test(str));/*2.使用字面量...
2018-11-08 13:37:16
107
转载 构造函数
//创建构造函数,它和普通函数是一样的，不同的是习惯上首字母大写// 调用方式不同： 普通函数直接调用，而构造函数需要使用new关键字来调用//构造函数执行流程： 也将一个构造函数称为一个类/*1.调用构造函数时立即创建一个新的对象2.将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象3.逐行执行函数中的代码4.将新创建的对象作为返回值返回...
2018-11-07 12:51:38
80
转载 函数作用域
形参var e=23;function fun1(e){console.log(e);}fun1();//结果是undefined 定义形参就相当于在函数作用域中声明了变量 类似于下面的代码function fun2(e){var e;console.log(e);}fun2();//undefined函数内部对变量赋值未加varvar a = 10...
2018-11-07 09:29:41
136
转载 javascript声明
变量声明提前****使用var声明的变量会在所有的代码执行之前被声明,但赋值不会提前console.log("a = "+ a);var a=123;返回的是a=undifined 这两行代码相当于var a;console.log("a="+a);a=123;而如果代码是console.log("a="+a);a=123;则会报错****如果声明变...
2018-11-06 21:49:24
372
转载 BOM对象
BOM --浏览器对象，通过JS来操作浏览器，为我们提供了一组对象Window --代表整个浏览器窗口，也是网页中的全局对象Navigator --代表当前浏览器的信息，通过该对象可以识别不同的浏览器 --由于历史原因，这个对象的很多信息都不能帮助我们识别浏览器信息了 （网景Netscape是火狐的前身）appName得到的几乎都是netscape 一般使用userAgent...
2018-11-06 21:09:20
99
转载 事件传播
事件的传播，w3c做出的统一标准：分三个阶段：1.捕获阶段 ---- 在捕获阶段时从最外层的祖先元素向内层的目标元素进行事件的捕获，但是默认此时不会触发事件（addEventListener()第三个参数默认为false）2.目标阶段 -----事件捕获到目标元素时，捕获结束，并开始在目标元素上触发事件3.冒泡阶段 ----事件从目标元素向它的祖先元素传递，依次触发祖...
2018-11-06 16:54:09
194
转载 浏览器兼容性--绑定事件
addEventListener(this)中的this 是绑定事件的对象attachEvent(this)中的this 是 window 需要统一两个方法的thisfunction bind (obj,eventStr,callback){if(obj.addEventListener){//大部分浏览器有这个属性//大部分浏览器兼容方式obj.addEventListe...
2018-11-06 16:11:11
502
转载 解决浏览器兼容性问题--获取滚动条长度
//获取滚动条长度chrome 认为滚动条是body的，可以通过body.scrollTop来获取火狐等浏览器认为浏览器的滚动条是html的 var st = document.body.scrollTop || document.documentElement.scrollTop;//垂直长度var stl = document.body.scrollLeft || docume...
2018-11-06 12:56:58
790
转载 兼容IE8 及其他浏览器获得指定元素的样式
/*obj 要获取样式的元素,name 是要获取的样式名*/function getStyle(obj,name){if(window.getComputedStyle){//属性没找到返回undifined，变量没找到就会报错,只能使用window.getComputedStyle,不能用getComputedStyle//正常浏览器的方式return getComputedSt...
2018-11-06 10:53:29
1570
1
原创 JavaScript - -运算
<script>var j =3;var i= j - - 5;alert(i);</script> i为8，中间 j - - 5 (中间有空格)其实是j +5
2018-11-05 12:47:15
97
转载 跨浏览器取得窗口左边和上边的位置
var leftPos = ( typeof window.screenLeft = = "number") ? window.screenLeft : window.screenX;var topPos = ( typeof window.screenTop = = "number") ? window.screenTop : window.screenY;
2018-11-01 08:56:25
190
转载 ubuntu16.04默认python设置
ubuntu16.04默认的pthon版本是2.7，如果想要用PyThon3可以直接用python3+要执行的文件名，可是这样不方便。将python3设置为默认版本(其实就是设置优先级)sudo update-alternatives --install /usr/bin/python python /usr/bin/python2 100sudo update-alternative...
2018-07-23 08:20:03
595
转载 ubuntu系统中 两种python版本下安装pip
#在python2下安装pipsudo apt-get install python-pip #在python3下安装pipsudo apt-get install python3-pip
2018-07-20 16:39:11
1762
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人