- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 css权威指南3---第二章选择器
1 选择器的类型： 选择器分组： h2,p {color:grey} 通配选择器：* 该选择器可以和任何元素进行匹配，* {color：red} 类选择器 和ID选择器：多类选择器： .class1 .class2{ background:black} 注意：区分大小写 属性选择器：（1）简单属性选择 ：h1[class] {color:silver} ...
2018-11-04 19:36:31
221
原创 css3和H5 新特性
css3:css3选择器：属性选择器，伪类选择器，伪元素选择器css3新特性：1、边框属性： border-radius：圆角 border-shadow:给边框加阴影 border-show(水平阴影的位置，垂直阴影的位置，阴影的模糊度，阴影的颜色)例子： border-shadow(10px,10px,5px,red); border...
2018-09-18 18:49:31
644
原创 好未来
一面：主要考了css3和h5的新特性，1、例如给一个正方形，然后实现一个正方体（圆的话呢）。2、布局的问题：实现水平垂直居中的好几种方式越多越好。3、然后还有跨域的方式：postmessage()方法的一些使用注意点。4、然后格式化一个时间‘YYYY--MM--DD’.5、js的设计模式；然后设计一个event类型，包含一个on（）方法，和一个emit方法。6、vue中的...
2018-09-18 15:28:14
332
原创 vue项目中的问题
1.项目中用的是什么方式来实现响应式布局：用的rem。在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段js代码: fnResize();window.onresize = function () { fnResize();}function fnResize() { var deviceWidth = document.documen...
2018-09-16 21:52:46
327
转载 session 和cookie的区别
session原理：1、session是保存在服务器端，理论上是没有是没有限制，只要你的内存够大 2、浏览器第一次访问服务器时会创建一个session对象并返回一个JSESSIONID=ID的值， 创建一个Cookie对象key为JSSIONID，value为ID的值，将这个Cookie写回浏览器 3、浏览器在第二次访问服务器的时候携带Cookie信息JSESSIONID=...
2018-09-13 14:19:52
213
转载 promise的学习
一 、promise的使用 Promise是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）。从语法上讲，promise是一个对象，从它可以获取异步操作的消息。 Promise的缺点： 无法取消Promise，一旦新建它就会立即执行，无法中途取消。 如果不设置回调函数，Promise内部抛出错误，不会反应到外部。 当处于Pending状态时，无...
2018-09-07 09:34:07
167
原创 贝壳找房面试经验
第一次现场面，总体来说感觉还是不错，虽然结果没有圆满。这一场面试除了让自己查缺补漏之外，最重要的是意识到了自己还是不够灵活，面对面试官的时候，没有将自己会的知道的发挥出来，以至于面试官找不到自己的亮点。以后再有这种情况，自己应该积极的去引导面试官，把自己会的方面告诉他。另外尽量的不要暴露自己的缺点。一面： 1.项目一些问题... 2.css中有很多的选择器，那么他们的权重是怎么...
2018-09-07 08:37:58
9286
3
原创 canvas绘图
利用canvas绘制图像： 首先得创建一个image对象；再利用drawImage方法。 drawImage(img,源图像的x坐标，源图像的y坐标，源图像的宽度，源图像的高度，目标图像的x坐标，目标图像的y坐标，目标图像的宽度，目标图像的高度)。例如：场景，实现一个小狗从左到右移动 <body> <canvas id="mycanvas" ...
2018-09-03 10:41:09
162
转载 css方面的知识
一 清除浮动1.添加一个clearfix类 img{ float:right;}.clearfix{ overflow:auto; zoom:1;//为了兼容IE6}<div class="clearfix"> <img></img></div>2.clear属性 clear：left;//清除左浮动...
2018-08-29 10:32:16
186
原创 js中的作用域及闭包
1.作用域是一套规则，是用来管理引擎如何在当前作用域以及其嵌套的子作用域中根据变量名查找变量。 每次查询变量的时候，都会先在其当前的作用域中查找，如果没有找到，因为作用域是存在嵌套的，则会向上级作用域继续查找，就这样一直往上，直到你所要查询的东西被查询到。 作用域共有两种模型：词法作用域和动态作用域。词法作用域是最普遍的,js采用词法作用域。词法作用域是在你写代码的时候将代码变量...
2018-08-24 10:28:09
166
原创 前端性能优化准则
1.减少HTTP请求2.使用CDN（内容发布网络） 把我们需要被分发的内容分发到世界各地的各个节点上，让世界各地的人都可以在距离最近的网络节点拿到想要拿到的内容，减少网络传输距离从而达到加速的目的3.添加Expires头 设置缓存，就不在进行服务器请求了。4.css文件和js文件的压缩5.将css样式表放在顶部6.将js样式表放在底部7.避免使用css表达式...
2018-08-24 09:38:42
240
原创 移动端布局方法
1.响应式布局 利用@meta判断各个size 利用@media进行断点，在每个断点上编写css。 媒体类型：@meida还可以根据媒体类型进行断点。 all，所有设备 print，打印 screen，彩色的电脑屏幕 speech，不知道什么来的。 @media (max-width:1000px){ div{backgroun...
2018-08-24 09:21:12
324
原创 css
1.浮动的原理 和清除浮动的方式 脱离正常的文档流，不占据空间。对其他元素的位置和大小都有影响。方式：（1）使用空标签： 在每个浮动元素后面加一个空的标签，定义css clear:both （2）使用overflow：给包含浮动元素的父标签添加css属性 overflow:auto:zoom:1;zoom:1用来兼容IE6 （3）使用a...
2018-08-24 09:10:34
192
原创 项目中的vue知识点
1.vue-router页面的跳转 在router文件夹下的index.js中： import Vue from 'vue' import Router from 'vue-router' import Home from '@/pages/home/Home' import City from '@/pages/c...
2018-08-23 11:31:14
400
原创 进制算法题
1、求二进制中1的个数。 原二进制数：10010000. ,如何原来的数不为0的话肯定会有一个1，count记录下。用减1来消灭原二进制中的1，然后减掉之后，该1后面的都变成了反码10001111，然后用这个结果与原二进制做与运算，得出结果是10000000，这样就把倒数第一个1去掉了。function NumberOf1(n){ // write code here...
2018-08-22 19:55:23
678
原创 flex布局
flex布局是Flexible Box的缩写，“弹性布局”，用来为盒状模型提供最大的灵活性。容器设置为display：flexflex有两个轴：主轴和交叉轴一、容器上有6个属性： flex-direction：决定主轴的方向（项目的排列方向） row 主轴为水平方向，起点在左端 row-reverse 主轴为水平方向，起点在右端 column 主轴为垂...
2018-08-21 15:12:41
178
原创 js中的事件机制
先来一个面试中常考的题目：当ul被点击的时候找出是哪个li被点击了？将li的下标和内容都打印出来。 <ul> <li>1</li> <li>2</li> <li>3</li> <l
2018-08-21 14:01:41
931
原创 js中对象继承的方式
1.原型链继承 1.1 让对象obj2的原型指向obj1的实例。则说obj2继承了obj1,既obj2.prototype=new obj1( ); function obj1(){ this.property1=true; } obj1.prototype.sayObj1=function(){//方法定义在原型...
2018-08-20 16:26:19
691
原创 拼多多学霸批面试笔记
技术面：1.vue中父子组件传值，兄弟组件传值 父组件向子组件传值： 1）子组件在props中创建一个属性，用来接收父组件传过来的值； 2）在父组件中注册子组件； 3）在子组件标签中添加子组件props中创建的属性； 4）把需要传给子组件的值赋给该属性 子组件向父组件传值： 1）子组件中需要以某种方式（如点击事件）的方法来触发一个...
2018-08-20 11:36:48
1101
原创 飞猪内推面试题笔记
1，计算机网络的五层协议2，tcp三次握手3，发送一个URL请求页面所发生的过程4，ajax的工作流程5，ajax的有没有跨域问题，以及解决跨域问题的方法6，jsonP的实现原理，jsonp是怎么和后台交互的（jsonp中的回调函数）7，项目中是要求用vuex还是自己选择的？为什么会选择vuex？8，MVVM和MVC的区别9，vuex的生命周期10，vuex的数...
2018-08-20 11:36:36
4672
原创 猿辅导面试
1.vue中数据双向绑定的原理 vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。参考资料：https://www.cnblogs.com/running-runtu/p/9154719.html2.vue中，下面两者的区别？th...
2018-08-20 11:36:21
5990
原创 创建一个对象的方法及原型对象
一、创建一个对象的方法1.工厂模式 在函数中创建对象，并给这个对象添加属性，然后在这个函数中返回这个对象。在函数外部调用这个函数来创建对象的实例。function createPerson(name,age,job){ var o=new Object();//在函数内部创建一个对象 o.name=name; o.age=age; o.job=job;...
2018-08-20 09:58:47
824
原创 js中的对象的总结
1.语法对象的定义有两种形式：声明形式和构造形式 声明形式：var myobj={key:value .....} 构造形式：var myobj=new Object(); myobj.key=value;2.对象类型 7种主要类型：string、number、boolean、null、undefined、symbol、object。 （红色的是6中基本类型）...
2018-08-19 19:29:04
303
原创 this机制个人理解
1.让this指向本身的方法首先this并不是指向本身的，它指向谁取决于它的调用位置。function classA(num){ console.log('classA'+num); this.count++;//this的定义位置在classA作用域中 } classA.count=0; f...
2018-08-18 15:34:13
238
转载 vue中数组的操作
一、根据索引设置元素： 1、调用$set方法：this.arr.$set(index, val);2、调用splice方法：this.arr.splice(index, 1, val);二、合并数组：this.arr = this.arr.concat(anotherArr);三、清空数组：this.arr = [];四、主要的数组方法： 1、变异方法（...
2018-08-18 09:26:45
5922
转载 vue数据双向绑定的原理和vue-router路由的实现原理
vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。在MDN上对该方法的说明是：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。它接收三个参数，要操作的对象，要定义或修改的对象属性名，属性描述...
2018-08-16 22:54:23
773
原创 vue项目中的坑
1.scoped scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式，使用了data-v-hash的方式来使css有了它对应模块的标识，这样写css的时候不需要加太多额外的选择器，方便很多。(给HTML的DOM节点加一个不重复data属性(形如：data-v-19fca230)来表示他的唯一性 在每句css选择器的末尾（编译后的生成的css语句）加一个当前组件的...
2018-08-16 14:17:48
409
原创 MVC和MVVM的区别
MVC和MVVM其实区别并不是很大，都是一种设计思想。MVCMVC是包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈 MVVM MVVM包括view视图层、model数...
2018-08-16 10:22:47
4736
原创 vue生命周期详解
vue生命周期分为八个阶段：创建前后/挂载前后/更新前后/销毁前后beforecreate和create钩子函数间的生命周期：检测数据，来检测数据是否变化了，然后初始化事件；create和beforemount钩子函数间的生命周期： 首先判断有没有el选项： 1.如果没有的话就暂时停止了生命周期，等待vm.$mount(el)（或手动添加）； 2.如果有...
2018-08-16 09:47:15
702
原创 前端面试算法集合
问题1：给定一个数组a和一个长度值l，生成一个指定长度值为l的新数组b，要求b中的每一个元素都是从a中随机获取的，且数组元素不可重复。function generate(a,l){if(a.length < l) return '老数组长度不足！';/*a长度可能超出，可以生成新数组后截取长度为l的赋值给b，也可以生成为l的b（这里选第二种）*/var i=0, tmp=[], ...
2018-08-15 18:22:41
972
1
转载 javascript中的变态题
第1题["1", "2", "3"].map(parseInt)知识点:Array/map Number/parseInt JavaScript parseInt首先, map接受两个参数, 一个回调函数 callback, 一个回调函数的this值其中回调函数接受三个参数 currentValue, index, arrary;而题目中, map只传入了回调函数--pa...
2018-07-23 09:39:19
426
转载 转载：面试题
1、手写jsonp的实现12先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准。2、不过我们又发现，W...
2018-07-22 15:06:02
804
转载 桥接模式、NAT模式和仅主机模式
网路连接示意图： 在VMware中，虚拟机的网络连接主要是由VMware创建的虚拟交换机(也叫做虚拟网络)负责实现的，VMware可以根据需要创建多个虚拟网络。在Windows系统的主机上，VMware最多可以创建20个虚拟网络，每个虚拟网络可以连接任意数量的虚拟机网络设备；在Linux系统的主机上，VMware最多可以创建255个虚拟网络，但每个虚拟网络仅能连接32个虚拟机网络设备。VMware
2017-11-06 09:52:20
3681
原创 mirantis OpenStack9.0在virtualbox上的部署
实验环境安装包-VirtualBox-4.3.12-93733-Win.exe -Oracle_VM_VirtualBox_Extension_Pack-5.1.2-108956.vbox-extpack -Mirantis_Openstack9.0.iso -bootstrap.zip -mirrors.zip -xtfp -xshell实验机器-
2017-11-03 11:08:48
1117
2
转载 实现一个打点计时器
题目要求： 实现一个打点计时器，要求从start到end（包含start到end），每隔100毫秒console.log一个数字，每次数字增幅为1返回的对象中需要包含一个cancel方法，用于停止定时操作第一个 数需要立即输出
2017-09-28 21:18:37
651
转载 遇到一个闭包的问题~
题目描述是这样的：实现一个函数makeClosures,调用之后满足如下条件： 1. 返回一个函数数组result，长度与arr相同 2. 运行result中第i个函数，即resulti,结果与fn(arr[i])相同返回一个函数数组result，长度与arr相同运行result中第i个函数，即resulti,结果与fn(arr[i])相同首先遇到的第一个问题就是函数数组啊，什么叫函数
2017-09-28 20:54:50
352
转载 Python中的numpy matplotlib scipy panda库简介
1.numpy numpy系统是Python的一种开源的数字扩展。这种工具可用来存储和处理大型矩阵，比如Python自身的嵌套列表结构要高效的多（该结构也可以用来表示矩阵）。一个用Python实现的科学计算包。包括：1.一个强大的N维数组对象Array；2.比较成熟的函数库；3.用于整合C、C++和Fortran代码的工具包；4.实用的线性代数、傅里叶变换和随机数生成函数。numpy和稀
2017-09-11 08:38:17
934
转载 Python基础小实例
1.Python判断字符串是否为数字 str="123456"print(str.isdigit())2.Python质数的判断 一个大于1的自然数，除了1和它本身外，不被任何自然数整除。# Python 程序用于检测用户输入的数字是否为质数 # 用户输入数字num = int(input("请输入一个数字: ")) # 质数大于 1if num > 1:
2017-09-06 10:30:20
402
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人