- 博客(12)
- 收藏
- 关注
原创 Vue-入门到实战(六)
Vue.js - day6注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件<div id="app"> <p>444444</p> </div> <script> var login = { ...
2019-01-30 09:32:32 287
原创 Vue-入门到实战(Wepack配置)
Vue.js - Day5 - Webpack在网页中会引用哪些常见的静态资源?JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .ttf ...
2019-01-30 09:31:08 299
原创 Vue-入门到实战(四)
Vue.js - Day4父组件向子组件传值组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据<script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, ...
2019-01-30 09:30:11 197
原创 Vue-入门到实战(三)
Vue.js - Day3定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化的不同:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;全...
2019-01-30 09:29:32 189
原创 Vue-入门到实战(二)
Vue.js - Day2vue实例的生命周期什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 m...
2018-12-27 15:31:49 179
原创 Vue-入门到实战(一)
Vue.js - Day1Node(后端)中的 MVC 与 前端中的 MVVM 之间的区别MVC 是后端的分层开发概念;MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM把前端的视图层,分为了 三部分 Model, View , VM (ViewModel)为什么有了MVC还要有MVVMVue.js 基本代码 和 MVVM 之间的对应关系Vue之 ...
2018-12-27 15:30:48 343
原创 工作中的总结
1.hover同级标签样式“ + ” 用于同级选择注意:只对相邻的同级起作用,非相邻的同级无效<body><style> .first { color: #5d756e; } .first:hover + .fourth { color: red } /*>或空格均可用于子代选择*/...
2018-10-16 17:51:08 140
原创 CSS实现水平垂直居中的方式
一、元素定宽高1.absolute + 负marginPC端有兼容性要求,宽高固定,推荐<style type="text/css">.box{ border: 1px solid red; width: 300px; height: 300px; position: relative; //关键代码}.box1.size{ ...
2018-10-16 17:50:37 128
原创 css中px、em、rem区别与使用
1.px与em==px==: 方便但是在浏览器中放大或是缩小页面,或是改变浏览器字体大小时,页面的布局会被打乱。==em==: 可以解决px的问题,但是在进行任何元素设置时,需要知道其父类的大小,很容易出错,且不方便。两者换算方法: 一般都是以的“font-size”为基准,浏览器默认大小为16px.body{ font-size:62.5%; //10 ÷ 16 ...
2018-07-18 14:46:58 233
原创 jq滚动条问题
1.滚动条滚动到指定位置在jquery里,我们要操作滚动条滚动到指定的位置,是非常简单的,方法如下:$("html,body").scrollTop($("#aijquery2").offset().top);上面这句代码的意思就是操作窗口的滚动条,滚动到ID为aijquery2元素的位置,不过这句代码实现的效果是滚动条“瞬间”滚动过去的,所以日常中,我们通常给他加上一个滚动的“动...
2018-07-12 14:04:06 744
原创 Vue模板项目
1.通过cmd安装vue模板过程cd 目录(你要把项目放在哪个目录);vue init webpack pname(你的项目名字);? Project description (A Vue.js project) vue-cli新建项目(项目描述);? Author (xhdx <zhuming3834@sina.com>) ;zhuming3834@sina.com(项目作者);? ...
2018-07-12 14:01:42 1916
原创 Vue.js搭配环境过程中遇到的坑
1.系统变量配置 作用:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径 在百度中搜索vue环境搭配,在搭配过程中,在系统变量这一个问题上卡了很久,总是得不到解决,要么是出现 “ vue不是内部或外部命令 ” 就是 “ node不是内部或是外部命令 ”。 出现问题的根本原因是:设置系统环境变量路径错误! 网上很多博主的指导都是将系统变量“pa...
2018-07-12 13:59:54 348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人