Web
布噜布噜吐泡泡
这个作者很懒,什么都没留下…
展开
-
webpack(二)之配置vue组件
webpack中配置 .vue 组webpack中配置.vue组件页面的解析运行cnpm i vue -S将vue安装为运行依赖;运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖;运行cnpm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖,因为.vue文件中会...原创 2020-02-19 15:06:08 · 184 阅读 · 0 评论 -
webpack(一)之基础知识
webpack基础在网页中引用常用的静态资源JS.js .jsx .coffe .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .ttf .eot .woff .w...原创 2020-02-18 21:35:16 · 183 阅读 · 0 评论 -
vue学习(十)之路由
路由什么是路由对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器对应的资源对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容:所以,单页面程序中的页面跳转主要用hash实现在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由);在...原创 2020-02-18 17:37:07 · 130 阅读 · 0 评论 -
vue学习(九)之组件(重点)
组件定义Vue组件什么是组件:组件的出现,就是为了拆分Vue实例的代码量,能够让我们以不同的组件,划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。模块化:是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个功能模块的职能单一。组件化:是从UI界面角度进行划分的;前端组件化,方便UI组件的重用全局组件定义的三种方式使用 Vue.extend 配合 Vu...原创 2020-02-16 21:58:08 · 83 阅读 · 0 评论 -
vue学习(十)之组件的data必须是一个函数(面试常考题)
组件中的data必须是一个函数组件化的本质是:为了组件能够更好的被复用例如:多个计数器使用HTML结构:<div id="app"> <counter></counter> <hr> <counter></counter> <hr> <counter>...原创 2020-02-16 20:57:13 · 293 阅读 · 0 评论 -
vue学习(八)之多元素与多组件过渡动画
Vue中的动画多元素的过渡v-if/v-else的元素切换标签名不同<transition> <table v-if="items.length > 0"> <!-- ... --> </table> <p v-else>Sorry, no items found.</p></tr...原创 2020-02-16 16:30:11 · 148 阅读 · 0 评论 -
vue学习(七)之单元素过渡动画
Vue中的动画为什么动画能够提高用户的体验,帮助用户更好的理解页面中的功能。概述Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具:在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画...原创 2020-02-16 15:24:21 · 246 阅读 · 0 评论 -
webpack学习之Error: Cannot find module 'node-sass'
问题 错误表示找不到node-sass模块。###原因:cnpm安装导致的解决方案:换成npm安装,但是有可能安装不下来输入语句: cnpm install node-sass@latest原创 2020-02-14 17:35:17 · 256 阅读 · 0 评论 -
vue学习(六)之vue实例的数据请求
vue实例的数据请求数据请求基础知识常见的数据请求类型? get post jsonpjsonp的实现原理由于浏览器的安全性限制,不允许Ajax访问端口号、域名、协议的数据接口,浏览器认为这种访问不安全可以通过动态创建script标签的形式,把script的src属性,指向数据接口的地址,因为script标签不存在跨域限制,这种数据获取方式,称作JSONP(注意:根据JSONP的...原创 2020-02-06 17:29:39 · 455 阅读 · 0 评论 -
vue学习(五)之vue实例的生命周期(面试常考题)
vue实例的生命周期什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子:就是生命周期事件的别名而已;生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性crea...原创 2020-02-06 11:30:15 · 219 阅读 · 2 评论 -
vue学习(四)之基础代码二
Vue.js基本代码过滤器概念:Vue.js允许你自定义过滤器,**可被用作一些常见的文本格式化。**过滤器可以用在俩个地方:mustache插值v-bind表达式过滤器应该被添加在JavaScript表达式的尾部,由“ 管道符 ”指示。私有过滤器HTML元素<td>{{item.ctime|dataFormat('yyyy-mm-dd')}}</td&g...原创 2020-02-06 11:05:42 · 106 阅读 · 0 评论 -
vue学习(三)之基础知识
Vue.js基本代码Vue之 - 基本的代码结构和插值表达式v-cloakVue基本代码结构<script type="text/javascript" src="https://unpkg.com/vue"></script><div id="app"> <p>{{ msg }}</p></div>/...原创 2020-02-05 19:53:11 · 303 阅读 · 0 评论 -
vue学习(二)之MVVM
MVVM什么是MMVMMVVM表示的是View-ViewModel-Model,就是视图层-视图模型层-模型层。View是视图层,可以理解为HTML页面,Model是作为模型层,他是负责处理业务逻辑以及和服务器端进行交互的;ViewModel是作为视图模型层,也就是Vue框架的作用,主要是为了作为View和Model层之间的通信桥梁。Vue与MVVMVue是典型的MVVM模型的框架...原创 2020-02-04 10:48:59 · 435 阅读 · 0 评论 -
vue学习(一)之前情简要
Vue介绍什么是Vue.jsVue.js是目前最火的前端框架,React是最流行的前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js是前端的主流框架之一和Angular.js、React.js一起,并成为前端三大主流框架!Vue.js是以套构建用户界面的框架,只关注视图层,他不仅易于上手,还便于与第三方库或...原创 2020-02-03 22:10:51 · 115 阅读 · 0 评论 -
z-index 无效与注意事项
注意事项:1.z-index只能作用在position为absolute,relative,fixed的非static元素上2. z-index只能在同等级元素上作用,无法在父元素和子元素上起作用(父元素和别的父元素的子元素这样是无效的)z-index无效:1.第一种情况(z-index无论设置多高都不起作用情况):这种情况发生的条件有三个:1、父标签 positi...转载 2019-10-18 20:26:58 · 187 阅读 · 0 评论