自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 Vue学习笔记七(边界问题,过渡和动画)

一、边界问题这里记录的都是和处理边界情况有关的功能,即一些需要对 Vue 的规则做一些小调整的特殊情况。不过注意这些功能都是有劣势或危险的场景的。我们会在每个案例中注明,所以当你使用每个功能的时候请稍加留意。1.访问元素&组件1)访问根实例在每个 new Vue 实例的子组件中,其根实例可以通过 $root 属性进行访问。例如,在这个根实例中:// Vue 根实例n...

2019-04-18 21:13:43 290

转载 Node基础

一、nodejs相关1.nodejs的意义1)让JS访问本地文件,2)搭建websocket服务器端3)链接数据库4)玩转多进程node不处理UI,但使用和浏览器相同的机制和原理运行——基于时间驱动的异步架构2.nodejs的特点1)异步I/O每个调用之间,无须等待之前的I/O调用结束(即可能先写的,但是后面才输出)2)事件与回调函数,代码的编写顺序与执...

2019-04-18 21:13:19 143

转载 瀑布流-

一、原生JS实现瀑布流说明:瀑布流,图片(单模块)的宽度相等,高度不等。第二行第一个排在第一行高度最小的下面,如此类推。css注意事项:父元素定位为relative因为子元素(单模块)需要是绝对定位(absolute)来确定位置子元素的整个大小,不要使用margin,把所有宽度和高度都包括在单模块里面,且子元素要float leftjs代码window.onload=func...

2019-04-18 21:12:34 220

转载 移动端网页

1.手机适配协作模式转载自:https://github.com/amfe/article/issues/172.几个基本概念1.视窗viewportvisual viewport虚拟视窗layout viewport布局视窗——比虚拟视窗大,可理解为,不改变大小或形状的大图像2.像素换算物理像素(physical pixel):物理像素又被称为设备像素,他是...

2019-04-18 21:11:41 949

原创 配置和安装node开发环境软件

参考自极客学院node.js教程安装的软件:VirtualBox虚拟机CentOSxShell和xFtpNode.jsMongoDBRedisSubline TextWebStorm一、安装VirtualBox简单下一步下一步即可,会弹出warming,提醒你安装网卡,继续下一步即可新建-》名称:node.js类型:Linux版本:o...

2019-04-18 21:11:01 120

原创 css中自适应字体问题等

一、css中自适应字体问题等1.em跟的是父元素2.rem跟的是HTML元素3.让1rem=10px,即如下设置html:{font-size=62.5%;}但是因为chrome不支持12px一下的字体大小,所以此设置会在chrome上面出问题解决这个问题可以把html设置为625%,让1rem=100px方便换算4.要让字体自适应,还需要写@media,...

2019-04-18 21:09:23 2016

原创 ele.style.height在ie8上出问题

ele.style.height其实获取的是行内属性,即HTML文件,HTML标签内写的style属性,不是获取css中的height属性<div class="ele" style="height:20px;">我是一个div</div>style="height:20px;">我是一个div</div>而要获得css中...

2019-04-18 21:09:12 345

原创 css基础知识复习

1.属性选择器[title]{ color:#000000}[title='te']{ color:#aaaaaa;}2.table边框table默认双边框---》折叠边框table{ border-collapse: collapse; }...

2019-04-18 21:08:45 123

原创 node.js常用开发工具的使用

极客学院课程笔记一、VisulBox的网络设置设置=》网络=》NAT模式添加端口转发,添加规则名称:ssh协议:TCP主机端口;22子系统端口:22确定=》在虚拟机登陆,看ip是不是10开头在xShell里登陆ssh root@127.0.0.1 22回车输入密码等二、sublime Text的使用1.按住ctrl+滚轮即可放大缩小界面2.点...

2018-07-10 18:25:58 20095

原创 配置和安装node开发环境软件

参考自极客学院node.js教程安装的软件:VirtualBox虚拟机CentOSxShell和xFtpNode.jsMongoDBRedisSubline TextWebStorm一、安装VirtualBox简单下一步下一步即可,会弹出warming,提醒你安装网卡,继续下一步即可新建-》名称:node.js类型:Linux版本:other Linux(64-bit)下一步内存:1024M下一步...

2018-07-09 23:30:20 286

AJAX学习笔记(慕课网)

一、创建XHR对象(XHR对象支持IE6以上)var reques;if(window.XMLHttpRequest){    request=new XMLHttpRequest();}else{    request=new ActiveXObject("Microsoft.XMLHTTP");//支持IE5.6}二、HTTP三、XHR发送请求1.open(method,url,async)m...

2018-06-06 21:01:30 509

转载 Vue学习笔记

一、介绍1.其实和Jquery一样,VueJs就是一个Js库,但是是面向前端的库,具体来讲叫做MVVM(Model-View-ViewModel)库.2.理解Vuejs最关键的一句话叫做“数据驱动视图”,比如用Jquery来做一个列表,这个列表的数据是从Laravel来的,那么我们要遍历这个数据,然后把列表的html元素加到dom里面去, 要删除一个列表项的时候,先要在找到列表项在dom的位置,然...

2018-05-03 21:39:51 125

转载 vue.js学习笔记2

一、vm对象1.vue.js的核心是数据驱动视图,但是数据是怎么驱动视图的呢?一堆数据放在那里是不会有任何作用的,它必须通过我们的View Model(视图模型)才能操控视图。下面这个就是view model var vm = new Vue({ el: '#app', data: { message: 'Hello Vue!' } ...

2018-05-03 21:39:41 285

转载 vue.js学习笔记3

四、Class与style绑定 &lt;div v-bind:class="{ active: isActive, 'text-danger': hasError }"&gt;&lt;/div&gt;我们看到数据绑定的地方有点特殊,这里是一个对象,里面的key是class的名称,值是绑定数据,当绑定数据为true的时候,这个class就会渲染到html里;注意key这里加 ‘’或不加都是一样...

2018-05-03 21:39:23 126

转载 vue.js学习笔记五(组件)

一、组件的使用1.全局注册1)必须先注册再实例化2)命名最佳是小写,中间有一个横杠:my-component3)Vue.component({})4)显然,组件只能在Vue作用域内有效,必须写在&lt;div id="app"&gt; ...&lt;/div&gt;里。但是,如果你有两个vm,全局注册可以在这两个vm都起作用。2.局部注册var app2=new Vue({ el:...

2018-05-03 21:38:36 939

转载 vue.js学习笔记四(事件处理)

一、事件处理1.监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。1)v-on:xxx="表达式"2)v-on:xxx="方法名"/v-on:xxx=“方法名(参数)”,如果仅仅为方法名,vue会自动传入event,如果方法名()的话,想要获取event,必须把$event作为参数传入2.事件修饰符event.preventDefault()和eve...

2018-04-12 14:52:12 175

空空如也

空空如也

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

TA关注的人

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