自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

mmcrsx_blog的博客

个人学习前端总结

  • 博客(28)
  • 收藏
  • 关注

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

转载 小程序生命周期---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 3555

原创 服务器与客户端数据交互---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 7150

原创 JSON对象长度及判断是否为空

JSON对象格式1、"josn1":{ "a":[ {"key1":"value1","key2":"value2"}, {"key3":"value3","key4&amp

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 3458

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

转载 Vue.js学习——生命周期

Vue生命周期简介声明周期钩子  每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 生命周期钩子的 this 上下文指向调用它的 Vue 实例。生命周期函数详解before...

2018-07-03 22:11:33 192

原创 前端开发必知:浏览器兼容(一)——IE双边距

一、  不同浏览器的标签默认的padding,margin不同解决:css里 *{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的css文件开头都会用通配符*来设置各个标签的内外边距是0二、IE6 双边距 bug   块属性标签 float 后,又有横行的 margin 情况下,在 ie6 显示margin 比设置的大<!DOCTYP...

2018-07-03 21:15:13 891

原创 box-sizing:border-box

box-sizing:border-box

2018-05-16 11:36:15 1050 2

原创 display:flex 布局

2018-05-15 18:54:51 262

原创 函数定义

一、函数两种定义方式  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 8492 2

原创 css 底部局中

底部居中的两种方法       某天组长让我改一个表格的样式,要求底部局中。当时想很简单的嘛,哼哧哼哧开始写了,结果发现怎么样都达不到效果(考虑浏览器缩放)。在网上搜索一番竟一个好的解释都没有。一番思考加探讨之后总结出了两个方法针对于底部局中。一、给form的父元素设置{width:60%;margin:0 auto;}代码如下 Title *

2017-11-26 19:07:56 877

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除