2019年04月_tomorrownan

原创 CSS3新增选择器

都知道css有三个简单常用的选择器，#id、class和标签选择器。但是css3又新增了一些选择器，可以减少结构代码中ID属性和class属性的定义。使用它们可以减少不少冗杂的代码，便捷开发。下面介绍：css3属性选择器css3结构伪类选择器css3 UI伪类选择器1.css3属性选择器属性选择器语法如下（E表示标签）：选择器功能描述E[attribute]选...

2019-04-21 17:53:55 5836

原创 CSS盒模型详解

CSS盒子模型这里介绍包括W3C标准盒模型和IE盒模型，然后使用border属性画出一个三角形来进行联系。页面渲染时，dom元素所采用的布局模型，可以通过box-sizing进行设置。根据布局内容宽高设置项如下：content-box(W3C标准盒模型)border-box(IE盒模型)1.盒子模型在写一个html页面时，其实就相当于在这个页面中叠盒子。所谓一切皆盒子，div spa...

2019-04-18 11:17:12 642

原创通过一次成功的Ajax前后台通信学习Ajax

看论坛帖子，初次测试ajax功能时大多会遇到Ajax跨域问题导致的无法正常实现ajax通信。1.问题呈现报错如下：原因：报次错原因就是由于ajax涉及到跨域问题导致的。没有在服务器环境里运行含有ajax方法的页面，而是直接通过浏览器打开文件。（类似file:///的访问形式，即file协议）。解决策略：ajax()请求本地页面，须通过服务器环境运行。2.一次成功的本地测试ajax...

2019-04-17 14:44:49 729

原创页面嵌套的实现

向客户展示系统输出的状态文件时，需要切换不同的URL到不同的页面，这样比较麻烦。于是想到只打开一个页面，然后在这个页面点击相应按钮显示对应的页面，即页面嵌套。我是使用<iframe>元素实现的，且不说<iframe>能耗高，安全性太差这些缺点，就它的功能来说是很强大的。这里实现的是嵌套三个html页面，公司状态文件比较复杂，这里我写了三个简单的表格文件嵌入页面，下面红黄...

2019-04-15 11:03:32 2983 2

原创 Vuex一站式学习与应用

看到这里是不是有些开心，终于要结束了，看到vuex说明对Vue已经有了一些了解。vuex是Vue官方的一款状态管理工具。采用集中式存储管理应用的所有组件的状态，很是强大。文章结构：1.Vuex使用场景2.Vuex状态管理模式3.vuex一站式应用(state,getters,muattions,actions)4.Module5.严格模式6.项目结构1.Vuex使用场景为什么...

2019-04-11 20:19:17 551

原创 vue-router八个重要知识点应用图解

路由就是根据不同的地址跳到不同的页面。说到前端路由不得不提单页面应用。单页面应用页面进行切换时，视觉上感觉是页面的切换，单其实页面一直没有刷新。只是通过js让页面看起来像是到了另外一个页面。Vue Router是Vue.js的官方路由器。它与Vue.js核心集成，使得使用Vue.js构建单页应用程序变得轻而易举。本文讲解功能如下：1.安装2.路由如何应用的3.路由参数4.路由嵌套5....

2019-04-09 17:31:24 2349

原创运行Vue项目浏览器报“Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2router.a is not a constructor”解决方法

1.问题描述使用webpack构建Vue单页面应用项目，项目运行时，浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”，组件中的内容也不能正常显示，<router-link :to="{path:'animal'}">to animal</router-link&...

2019-04-08 18:01:12 26890 1

tomorrownan的博客