06 2020 档案

min-width作用及效果
摘要：当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性。 把浏览器宽度缩小到min-width以下像素的时候，这个div不会再缩小，而浏览器就会产生滚动条 阅读全文
posted @ 2020-06-29 22:13 用脑袋行走的人 阅读(1087) 评论(0) 推荐(0)
CSS中的百分号%
摘要：详解CSS中的百分号%设置 coderwq 2019-03-25 13:41:42 928 收藏 2分类专栏： CSS样式版权一、width height中的%百分号使用较频繁的就是width、 height设置标签的宽高了，此时width:50%相当于父元素宽度的50%，height: 50%相当 阅读全文
posted @ 2020-06-29 22:10 用脑袋行走的人 阅读(956) 评论(0) 推荐(0)
DIV+CSS布局和TABLE布局的优缺点
摘要：TABLE布局是WEB早期CSS不存在的时候兴起的，是对TABLE标签的不正规使用，Table标签就是表格，是用来显示数据的，而不是用来布局网页的，虽然它有时候布局网页很简单。现在绝大多数的网站都是用DIV+CSS布局。这两种布局各有各的优点。 一、div+css布局的好处： 1.符合W3C标准，代 阅读全文
posted @ 2020-06-29 09:43 用脑袋行走的人
超级链接表现形式
摘要：<a>元素用于创建超级链接，常见的表现形式有：1、普通超级链接，语法为： <a href="" target="">文本</a> 2、下载链接，即目标文档为下载资源，语法如： <a href="DAY02.zip">下载</a> 3、电子邮件链接，用于链接到 email，语法如： <a href=" 阅读全文
posted @ 2020-06-22 14:25 用脑袋行走的人 阅读(454) 评论(0) 推荐(0)
vue中的.sync修饰符的使用
摘要：在说vue 修饰符sync前，我们先看下官方文档：vue .sync 修饰符，里面说vue .sync 修饰符以前存在于vue1.0版本里，但是在在 2.0 中移除了 .sync 。但是在 2.0 发布之后的实际应用中，我们发现 .sync 还是有其适用之处，比如在开发可复用的组件库时。我们需要做的 阅读全文
posted @ 2020-06-17 16:30 用脑袋行走的人 阅读(9147) 评论(0) 推荐(0)
Vue使用NProgress
摘要：NProgress是页面跳转是出现在浏览器顶部的进度条 官网：http://ricostacruz.com/nprogress/ github：https://github.com/rstacruz/nprogress 1、安装 $ npm install --save nprogress 或者 $ 阅读全文
posted @ 2020-06-15 09:32 用脑袋行走的人
v-charts使用
摘要：一， v-charts简介 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 V-Charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻 阅读全文
posted @ 2020-06-15 09:03 用脑袋行走的人 阅读(4706) 评论(0) 推荐(2)
Vue的钩子事件和程序化事件侦听
摘要：一、组件的生命周期钩子事件 Vue的生命周期函数，其实就是Vue开发者设定的一些hook钩子，你只要往hook里面编写代码，它就可以执行。如vue实例里的beforeCreate、created、mounted等，都是钩子。 但是你可能不知道，在Vue当中，触发钩子函数的时候，也会向父组件$emit 阅读全文
posted @ 2020-06-13 09:09 用脑袋行走的人 阅读(475) 评论(0) 推荐(0)
vue 发送ajax请求
摘要：一、 简介 1、vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现 2、axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 3 阅读全文
posted @ 2020-06-03 21:51 用脑袋行走的人 阅读(2566) 评论(0) 推荐(0)
js当中对代码拆分时require.ensure()和import()的使用介绍及对比
摘要：webpack代码分割 webpack 可以帮助我们将代码分成不同的逻辑块，在需要的时候加载这些代码。使用 require.ensure() 来拆分代码require.ensure() 是一种使用 CommonJS 的形式来异步加载模块的策略。在代码中通过 require.ensure([<file 阅读全文
posted @ 2020-06-02 10:49 用脑袋行走的人 阅读(1802) 评论(0) 推荐(0)
vue路由懒加载
摘要：路由懒加载能够提高页面的加载速度，不过使用也得看场合。有时候需要懒加载，提升首页加载速度，一般是页面层级较为复杂的时候。大家看一下不加代码分割浏览器加载的文件。 这里蓝色部分是webpack自动分割出来的，当修改业务js时候manifest和vendor是不会改变的，浏览器直接在缓存中提取。 会变的 阅读全文
posted @ 2020-06-02 10:31 用脑袋行走的人 阅读(1288) 评论(0) 推荐(0)
vue首页加载慢问题解决
摘要：一、什么导致了首页初步加载过慢：app.js文件体积过大 二、解决方法： 1、Vue-router懒加载 vue-router懒加载可以解决首次加载资源过多导致的速度缓慢问题：vue-router支持WebPack内置的异步模块加载系统。所以，那些使用较少的路由组件不必打包进bundles里，只需要 阅读全文
posted @ 2020-06-01 21:27 用脑袋行走的人 阅读(5106) 评论(0) 推荐(0)
vue中data数据更新，视图却没有更新的原因
摘要：由于 JavaScript 的限制，Vue 不能检测以下数组的变动： var vm = new Vue({ data: { items: ['a', 'b', 'c'] } }) vm.items[1] = 'x' // 不是响应性的 vm.items.length = 2 // 不是响应性的 当利 阅读全文
posted @ 2020-06-01 20:49 用脑袋行走的人 阅读(2977) 评论(0) 推荐(0)