- 博客(18)
- 收藏
- 关注
RSS订阅原创 解决子盒子把父盒子撑破问题
场景：<div class="demo">(父盒子) <div class="box"></div>（子盒子）</div>当你设置子盒子的padding和border的时候就会把父盒子撑破，因为子盒子的宽度是100%,而浏览器的默认盒模型为content-box（即内容为其的宽度）1.利用box-sizing属性。原理：...
2019-08-04 10:12:57
4291
原创 angular自学篇之ng-model
ng-model指令的五大作用1.ng-model指令可以将输入框的值与angular创建的变量所绑定（即使用ng-model指令来将输入框的值绑定到控制器属性上）eg:<input ng-model="name">app.controller（"myCtrl",function ($scope) {$scope.name="zhang san"}）2.双向绑定...
2018-11-28 09:37:57
5624
2
原创 angular学习之路（一）开山篇
1、ng-app=" " 定义angularJS的使用范围；2、ng-init="变量=值;变量='值'" 初始化变量的值，有多个变量时，中间用分号隔开；3、ng-model="变量" 定义变量名；4、ng-bind="变量" 绑定变量名，获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值，比如：{{变量}}。5.angularJS属性以n...
2018-11-28 09:32:40
206
原创 angulars的初次学习篇之toaster
1.toaster是angulars的提示框，这个提示框是基于angularjs和angular-animate之上的。引入脚本<link href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-toaster/0.4.16/toaster.min.css" rel="stylesheet" /><script src...
2018-11-21 18:37:24
631
原创 面试总结:json与对象的区别
json是js简单的一种数据格式，json是javascript原生格式,它是一种严格的js对象格式，json的属性名必须有双引号，如果值为字符串，则也必须有双引号。 json仅仅是一种数据格式，可以跨平台数据传输，速度快。键值对的方式，键必须要有双引号，值不能为函数，undefined和NaNjavascript对象表示类的实例，不能传输。键值对的方式，键不用加引号，值可以是函数，对象，...
2018-10-21 11:41:54
1305
原创 面试总结：sessionstorage,localstorage,cookie的区别
共同点：都是保存在浏览器端，且同源的区别：1.cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间传递,而sessionstorage和localstorage不会自动把数据发送给服务器,仅在本地保存。cookie数据还有 path的概念，可以限制cookie只属于某个路径下。 2.存储大小限制也不同cookie数据不能超过4k，同时因为每次h...
2018-10-09 12:44:34
447
原创 面试总结：Vue的生命周期
Vue一整个生命周期中会有很多个钩子函数提供给我们在不同的时期进行不同的操作，先列出所有的钩子函数:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed下面就进行详解：1.在beforeCreate和created之间的生命周期beforeCreate...
2018-10-06 23:17:56
2254
转载 异步编程的方法
“异步模式”:每一个任务有一个或多个回调函数，前一个任务结束后，不是执行下一个任务，而是执行这个回调函数。后一个任务不等前一个任务结束就执行。异步编程的四种方法：1.回调函数2.事件监听3.发布- 订阅者模式4.Promise对象一、回调函数假定有两个函数f1和f2，后者等待前者的执行结果f1()；f2()；如果f1是一个非常耗线程的任务，考虑改写f1，把f2写成f1的回调...
2018-10-04 17:08:52
285
转载 面试总结:Promise有关面试的知识点。
Promise是为了解决异步编程出现的地狱回调问题而提出来的。Promise的优点与缺点：优点：Promise其实就是做了一件事情，它是对异步操纵进行了封装，然后可以将异步操纵以同步的流程表达出来，避免了层层嵌套的回调函数，同时提供了同一的接口，使得控制异步操纵更加容易。缺点：1.无法取消Promise，一旦被创建它就会立刻去执行，无法中途取消2.如果不设置回调函数，Prom...
2018-10-03 17:03:48
809
原创 面试总结:箭头函数
箭头函数前面的参数为匿名函数的参数，后面的为匿名函数返回的参数箭头函数的写法：1.如果只有一条语句，可以将{}和return省略掉2.如果语句为多条，则不可以省略{}和return3.当省略{}和return时，如果返回的内容是一个对象，对象需要用括号（）起来var f=x=>x 相当于 var f=function(x) {return x} 若x为1，则...
2018-10-02 22:27:26
793
原创 面试总结： 闭包相关问题与继承相关的问题
一、闭包闭包的概念:就是能够读取其他函数内部变量的函数闭包的用处：1.读取函数内部的变量2.让这些变量的值始终保存在内存中闭包的缺点：1.造成内存的泄露。二、继承1.原型链继承2.借用构造函数继承3.组合继承4.原形式继承5.寄生式继承6.寄生组合式继承借用构造函数思想：在子类型构造函数的内部调用超类型构造函数如：function SuperType(name){...
2018-10-02 20:13:06
203
转载 面试总结:块级元素与行内元素
块级元素：一般都是从新行开始，它可以容纳行内元素和其他块级元素。常见的块级元素有div和p。行内元素：一般都是语义级别的基本元素，内联元素只能容纳文本或者其他内联元素块元素和内联元素的基本差异是块元素一般都是从新行开始的。而当加了css控制以后，块元素可以变为内联元素，内联元素也可以变为块元素块级元素与行内元素的区别：1.块级元素独占一行，其宽度自动填满父元素的宽度。块元素可以设置...
2018-10-02 15:24:31
218
原创 面试总结:webpack原理
当面试官问你webpack原理的时候，你可以从以下二个方面回答:1.webpack是把项目当作一个整体，通过给定的一个主文件，webpack将从这个主文件开始找到你项目当中的所有依赖的文件，使用loaders来处理它们，最后打包成一个或多个浏览器可识别的js文件2.以下是webpack.config.js的配置//webpack的配置文件 由于webpack是基于Node构建的，web...
2018-10-01 16:42:00
11997
转载 BFC详解
定义：在一个web页面的css渲染中，块级格式化上下文（Block Fromating Content）是按照块级盒子布局的。w3c对BFC的定义如下：浮动元素和绝对定位元素，非块级盒子的块级容器（例如：inline-blocks,table-cells,table-caption）,以及overflow值不为"visiable"的块级盒子，都会为他们的内容创建新的BFC(块级格式上下文)创建...
2018-09-30 21:40:16
254
原创 Flex弹性布局的详解
Flex弹性布局是由w3c在2009年提出的一种布局方法，目前浏览器都已经支持弹性布局（忽略IE6吧）。本文主要讲解弹性布局的基本语法并将其应用到实际网页布局中。怎样应用弹性布局？.box{display:flex；}改变盒子display的属性为flex即可将盒子变为flex容器（flex container），其所有子元素自动变为容器成员，称为flex 项目（flex ...
2018-09-30 17:15:15
654
翻译 面试总结：html5的新特性（十大类）
这里只以 根目录的方式来说明，详细的见如下连接https://www.cnblogs.com/vicky1018/p/7705223.html1.语义化标签好处:1.使代码结构清晰，便于阅读2.便于SEO3.无障碍阅读4.便于后期的维护与开发2.智能表单html5中提供了多个新的类型的input类型1.color2.datatime3.data4.tel5.e-mail6...
2018-09-28 00:08:17
4842
原创 面试总结：vue实现数据双向绑定的原理
vue实现数据双向绑定的原理就是用Object.defineproperty()重新定义（set方法）对象设置属性值和（get方法）获取属性值的操纵来实现的Object.property()方法的解释：Object.property(参数1，参数2，参数3) 返回值为该对象obj其中参数1为该对象（obj），参数2为要定义或修改的对象的属性名，参数3为属性描述符，属性描述符是一个对象，...
2018-09-27 23:56:48
26937
原创 面试总结:CSS3有哪些新的特性?(十大类)
一、先从css3的新选择器开始作答：E:nth-child(n) 选择器匹配其父元素的第n个子元素，不论元素类型，n可以使数字，关键字，或公式E:nth-of-type(n) 选择与之其匹配的父元素的第N个子元素E:frist-child 相对于父级做参考，“所有”子元素的第一个子元素，并且“位置”要对应E：frist-of-type 相对于父级做参考，“特定类型”（E）的第一个子...
2018-09-26 17:12:28
7849
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人