- 博客(14)
- 收藏
- 关注
RSS订阅转载 Vue——Router（路由懒加载）
常用的路由懒加载方式： 1、vue异步组件（异步加载） 2、路由懒加载（使用import）vue异步组件（异步加载）vue-router配置路由 ，使用vue的异步组件技术 ，可以实现按需加载 。但是，这种情况下，webpack打包时一个组件生成一个js文件，即每加载一个组件都需要加载一个新的js文件/* vue异步组件 */{ path: '/...
2019-06-11 14:13:26
920
原创 CSS3——字体颜色渐变
html<p class="welcome">欢迎光临，地球欢迎你</p>CSS.welcome{ font-size: 3rem; line-height: 4rem; color: #59a5ff; /* Fallback Color */}@media screen and (-webkit-min-device-pixel-rati...
2019-03-21 10:02:54
5874
原创 Vue——Router（路由跳转传参）
在vue的页面跳转中，有三种传参方法：1、路径传参 在配置路由时，我们可以配置可传参的路由（path中的id即为路径跳转中的参数），使用这种方法时，我们需要如下面的代码方式配置路由。const router = new VueRouter({ routes: [ { path: '/user/:id', component: User } ]})<...
2019-03-06 15:00:38
615
原创 vue2.0中的$router 和 $route的区别
router是全局的一个路由实例（全局变量），其中包含了所有的路由、路由的关键属性及方法用法：1、$router.push({path:'/login'}) //路由跳转，实际是往history中添加路径 2、$router.push({path:'/login',query:{name:'userName'}}) //路由传参，在route中获取参数...
2019-02-19 16:44:01
1027
原创 文本域字数限制
textarea限制输入字数(例：最大输入字数100)<input type='textarea' maxlength="100" onKeyDown='if (this.value.length>=100){this.value=this.value.substring(0,100)}' /><textarea maxlength="100" onKeyDown=...
2018-11-15 15:50:44
2933
原创 各种表单的正则验证
身份证号的正则验证（15位、18位）const IdCard=/^([1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2})$...
2018-11-12 17:11:31
241
原创 vue—组件element-ui的使用
vue的一个比较常用的组件库是element-ui下面介绍一下element-ui组件的用法：首先，我们需要安装element-ui组件库，推荐使用npm安装 NPM安装命令：npm i element-ui -S CDN引入：<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element...
2018-05-19 15:14:14
994
转载 vue—登录验证
在项目开发中，我们通常会需要在进入主页时（或其他需要判断的情况），判断用户是否登录。这时，我们需要配置路由的验证方法const routes={ routes: [ { path: '/login', name:'登录', component: login },{ path: '/', name:'home', ...
2018-05-18 16:00:52
2507
原创 前端—vue环境搭建
一、官方下载vue.min.js文件，利用script标签动态引入vue，进行vue开发二、使用CDN BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.jsunpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。cdnjs : https://cdnjs.c...
2018-05-08 21:41:36
169
转载 前端——ES6（1）
1、变量声明const和letes6之前，变量声明使用var关键字；无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升es6中通常使用const和let来声明变量，let表示变量、const表示常量。let和const都是块级作用域。【块级作用域：在一个函数内部，在一个代码块内部；说白了{}大括号内的代码块即为const和let的作用域】let的作...
2018-04-11 13:45:31
301
转载 web前端——浏览器兼容性
为什么会有兼容问题？由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。使用Trident内核的浏览器：IE、Maxthon、TT； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox； 使用Presto内核的浏览器：Opera7及以上...
2018-04-10 17:05:08
410
原创 web前端——浏览器基础知识
Web浏览器的主要功能是展示网页资源，即请求服务器并将结果展示在窗口中。地址栏输入URL到页面显示经历的过程1、操作系统访问DNS服务器，把域名转化为IP2、浏览器发起http请求3、找到指定的资源，可能访问数据库，构建并返回http响应消息4、浏览器接收并解析响应消息5、浏览器缓存接收到的响应消息，解析并渲染响应内容浏览器的主要组件1. 用户界面——包括地址栏、后退/前进按钮、书签目录等，也就是...
2018-04-10 17:01:21
1079
原创 Web前端——浏览器内核知识
现今，浏览器内核常见的有：Trident、Gecko、WebKit和Presto；说到内核，我们可能不太熟悉，用到它们的浏览器我们就不陌生了；下面我们就来聊一聊这几种内核的浏览器。IE浏览器——Trident内核由于其被包含在全世界使用率最高的操作系统Windows中，得到了极高的市场占有率，所以我们又经常称其为IE核心。Trident（又称为MSHTML），是微软开发的一种排版引擎。除IE外，许...
2018-04-10 16:50:17
498
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人