- 博客(28)
- 收藏
- 关注
RSS订阅转载 js中的|| 与 &&
a && b : 将a, b转换为Boolean类型, 再执行逻辑与, true返回b, false返回aa || b : 将a, b转换为Boolean类型, 再执行逻辑或, true返回a, false返回b转换规则:对象为true非零数字为true非空字符串为true其他为false...
2018-10-19 14:06:47
217
转载 小程序生命周期---onHide()和onUnload()区别
小程序onHide()和onUnload()onHide()触发的场景：导航页1---->导航页2，会触发导航页1 onHide（）导航页----->子页面，会触发导航页 onHide（）子页面1----->子页面2，会触发子页面1 onHide（）onUnload()触发的场景：从子页面2返回到子页面1，会触发子页面2的onUnload()从子页面返回到导航...
2018-10-18 10:37:53
3556
原创 服务器与客户端数据交互---JSON格式理解
服务器与客户端数据交互服务器返回到客户端的就是一个字符串，客户端若希望拿到一个对象类型，则需要一种规则来存储字符串。 所以js中出现了json语法来定义对象格式。 服务器将数据序列化为json格式字符返回给客户端，此时客户端再将这个字符串转换为对象JSON字符串var string1='{"a":"1","b":"2"}'JSON对象var obj={"a"...
2018-09-17 00:08:37
2576
原创 报错：Unexpected token o in JSON at position 1解决
var newjsonObj = JSON.parse(jsonObj)ajax返回的数据已经是object格式，无需再使用JSON.parse 进行转换。
2018-09-17 00:03:16
7151
原创 JSON对象长度及判断是否为空
JSON对象格式1、"josn1":{ "a":[ {"key1":"value1","key2":"value2"}, {"key3":"value3","key4&
2018-09-16 23:28:04
3398
原创 height:auto;height:100%;margin:auto;margin:0 auto
auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的
2018-09-06 16:45:38
556
原创 css水平垂直居中
垂直居中的纯css方法一、基于position：absolute，（但是绝对定位，会脱离文档流，对兄弟元素不友好）1、position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;2、margin: auto;position: absolute;top: 0;right:0;bottom: 0...
2018-09-06 16:44:44
115
原创 this指向
一、函数预编译过程this—>window function test(x){ var a=123; function b(){} } test(1)预编译过程中 test() AO{ arguments[1] this: window a:undefined b:function(){} x:1 ...
2018-08-11 17:40:47
120
原创 立即执行函数
立即执行函数此类函数没有声明，执行一次就被释放，函数声明释放==undefined，适合初始化工作两种写法：1）（function(){}()）—–常用2)（function（）{}）（）（function 可名字（可有形参）{ 可有执行函数，返回值 } （可有实参））注意：只有表达式才能被执行符号执行（ function ( ) { } ( ) ） 里面的 func...
2018-08-11 16:48:47
613
原创 闭包
闭包闭包指有权访问另一个函数作用域中变量的函数 形如内部函数保存在外部时，将会产生闭包，闭包会导致原有作用域链不释放，造成内存泄漏（内存占用的多，剩的少，就像内存泄漏）例1：function a() { function b() { var b=234; document.write(aaa); } var aaa=...
2018-08-11 16:42:57
137
原创 函数作用域
预编译函数声明整体提升变量声明提升 如 var a=10 分为两步：首先变量声明var a,接着 给a赋值，a=10注意：暗示全局变量imply global，—–任何变量未经声明就赋值，此变量为全局变量所有 一切声明的全局变量，全是window对象属性 window就是全局预编译有五步：1、首先创建GO（global obj...
2018-08-11 16:36:28
119
原创 函数参数，递归练习
参数传递—形参、实参例1—任意个数相加function sum(/*形参*/) { var result=0; for(var i=0;i<arguments.length;i++){ result+=arguments[i];//arguments[] 实参数组 } console.log(...
2018-08-11 16:32:13
215
转载 进一步学习Vue.js生命周期
生命周期图示 开始可能看不懂这张图，放上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
2018-08-06 16:27:45
152
转载 es6学习——promise图片异步加载方法封装
function loadImageAsync(url) { return new Promise(function(resolve, reject) { const image = new Image(); image.onload = function() { resolve(image); }; image.onerror = function...
2018-08-01 12:41:19
1881
原创 微信小程序学习——radio组件的坑
背景前些天开发小程序时用到单项选择，首先想到使用radio组件，但是实际上效果不太好， 多次切换选项然后重新进入页面时，选项切换不灵活，导致有时切换失败，采用...
2018-08-01 12:35:13
3460
转载 es6学习——Set()
Set()本身是构造函数，用来生成Set数据结构 const s = new Set(); Set 结构不会添加重复的值,去除数组重复成员的方法Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]向 Set 加入值的时候，...
2018-07-19 23:20:42
131
转载 利用HTML5的history.replacestate()修改当前页面的URL
history对象history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。由于安全方面的考虑，开发人员无法得到用户浏览器的URL，但借由用户访问过的页面列表，可以在不知道实际URL的情况下实现后退和前进。跳转方法go()使用go()方法可以在用户的历史记录中任意跳转。这个方法接收一个参数，表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转(类似于后退按钮)，...
2018-07-19 22:57:51
49675
转载 Vue.js学习——生命周期
Vue生命周期简介声明周期钩子 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 生命周期钩子的 this 上下文指向调用它的 Vue 实例。生命周期函数详解before...
2018-07-03 22:11:33
193
原创 前端开发必知：浏览器兼容(一)——IE双边距
一、 不同浏览器的标签默认的padding，margin不同解决：css里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的css文件开头都会用通配符*来设置各个标签的内外边距是0二、IE6 双边距 bug 块属性标签 float 后，又有横行的 margin 情况下，在 ie6 显示margin 比设置的大<!DOCTYP...
2018-07-03 21:15:13
892
原创 函数定义
一、函数两种定义方式 1、函数声明function myFirstWork ( ) { //执行代码}命名规则：小驼峰式命名规则：函数引用名第一个单词首字母小写，之后都单词首字母都大写2、函数表达式 1）函数命名表达式var test = function abc () {// 执行代码}...
2018-03-10 17:57:56
197
原创 js知识点总结：数据类型，类型转换
数据类型与类型转换详细查看w3cschool脑图1、可用typeof检测的数据类型 number string boolean object undefined function 注意null 用typeof检测时会返回Object NaN 的数据类型是 number 数组(Array)的数据类型是 object ...
2018-03-08 17:22:31
176
原创 常用实例
常用实例一、五环居中<div class="plat"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></
2018-01-27 21:36:38
227
原创 css重要知识点总结（2）
css重要知识点总结（2）一、两个经典bug：margin塌陷，margin合并1、margin塌陷垂直方向上子元素相对于父元素margin没有效果，就像父元素没有顶，把它叫做margin塌陷。<div class="wrapper"> <div class="content"></div></div> *{ mar...
2018-01-27 20:48:26
546
原创 css重要知识点总结（1）
css重要知识点总结（1）一、*{margin：0；padding：0；} body ,ul, li,p,h1~h6,dd,dt 等……都有默认的margin 或padding值的，加上这句就可以删除浏览器这些默认值，方面后面的设置。（注：不是没它不行，只是方便而已） 比如我们自己写网站，规模小，标签内容少，那么* {}就可以重置一些基本样式，就不需要为那么多的标...
2017-12-21 17:53:56
722
原创 html重要知识点总结
HTML知识点总结一、div，span看起来相对于,啥的没有什么效果，实际上是最实用的，有两大功能1、容器，分块明确，使页面更结构化dkjgaklgja分块操作 &src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Farchive%2F98105c8b5929e326b0a898b2386ee7ddd5f0434a.jpg" width="200
2017-12-03 16:33:15
8494
2
原创 css 底部局中
底部居中的两种方法 某天组长让我改一个表格的样式，要求底部局中。当时想很简单的嘛，哼哧哼哧开始写了，结果发现怎么样都达不到效果（考虑浏览器缩放）。在网上搜索一番竟一个好的解释都没有。一番思考加探讨之后总结出了两个方法针对于底部局中。一、给form的父元素设置{width：60%；margin：0 auto；}代码如下 Title *
2017-11-26 19:07:56
878
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人