10 2019 档案
摘要：用for循环和用for in循环遍历数组最大的区别是啥： 最大的区别在与稀松数组：如果循环的数组是稀松数组的话用for循环会将中间的空下标（不论有没有都会从0到最后一个全都遍历一遍，没有属性名的直接为undefined ，而for in循环会跳过这些没有的属性名)
阅读全文
摘要：indexOf()方法: indexOf()方法返回在该数组中第一个找到的元素位置，如果它不存在则返回 1。 indexOf()是一直找，不返回，没找到返回 1，找到了就返回找到的位置，然后后面的就都不执行了，停下来了. forEach()方法遍历： forEach是可以用来替换for循环的，也可以
阅读全文
摘要：安装 npm install vuex persistedstate save 在store.js中引入 import Vue from 'vue'; import Vuex from 'vuex'; //Add this line import createPersistedState from
阅读全文
摘要：utations 类似于事件，用于提交 Vuex 中的状态 state action 和 mutations 也很类似，主要的区别在于mutations 只能是同步操作，，action 可以包含异步操作，而且可以通过 action 来提交 mutations mutations 有一个固有参数 st
阅读全文
摘要：命令： 在main.js 中引入: 这时候如果在其它的组件中，是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性，就能解决这个问题 在其他组件都可以用： 使用： 下图为vue加载json的配置部分：
阅读全文
摘要：cnpm install D vuex vuex我想应该可以理解为是一个 全局变量 在main.js 中注入 vuex： 如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是，如果
阅读全文
摘要：主要用于异步计算 可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 可以在对象之间传递和操作promise，帮助我们处理队列 就是我要加载的数据还没加载完成，期间我调用该数据时，给我返回的一个对象 promise有三个状态： 1、pending[待定]初始状态 2、fulfilled[实
阅读全文
摘要：这个问题困扰了我好久 ， 最终还是解决了 ： 我最开始想岔了，我看见其他大佬们都说不要直接用this.$store.state.aaa=bbb;将aaa的值改变成bbb ， 不建议这样赋值（原理是vuex源码中的利用vue的watch功能监听这个数据，但是，这个监听有缺陷，就是如果state里面值是
阅读全文
摘要：有两种办法： 利用vuex persistedstate插件 利用本地存储 sissionstorage 、 localstorage 我用到的是本地永久存储的localstorage （用到axios要先引入import axios from "axios"; 不然肯定会有undefined报错的
阅读全文
摘要：改了配置文件之后要重启项目才有效呀 vue cli3以后 添加配置在根目录下自己新建一个vue.config.js文件 其中代码如下： json文件格式如下 ： 放在static文件夹内（很多人说cli3以后的版本，静态文件夹只有pbulic了 ，要放在public中）我的也有效 我用的axios调
阅读全文
摘要：v cloak 1v cloak解决闪烁问题: 当网速很慢的时候，vue将数据渲染到界面中，会出现插值表达式闪烁问题: 如下图可以修改网页速度（调节网速形式）： 解决办法： v text v html v text与v html 和 jquery中的text()与html()方法是一样的作用，都可以
阅读全文
摘要：在网上的很多博客都是这样说的： 在vue cli3中，存放静态资源的位置已经变成存放在public文件夹中了 但是我将文件放在我在根目录下新建的static文件夹也可以被获取到： json文件数据内容如下： Vue cli3.0项目节省了很多文件，比如讲vue cli3.0之前版本的build/de
阅读全文
摘要：这是距离相关的 el.offsetTop 表示的是元素el到body的最顶部的距离 ： 就是body有多高 就是多高的距离，不会因为缩放窗口而改变。 el.offsetWidth 是el元素的看起来的宽度 ，padding也会被算上 el.clientWidth 是获取元素的宽度 这里就额外提一下。
阅读全文
摘要：父传子 子传父 兄弟之间传： vuex 小项目最好别用 实例化一个空对象 利用中间量：子传父，父传子 插槽slot ：作用域插槽 路由传值： 单向数据流： 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从
阅读全文
摘要：如果是没有安装脚手架的直接新建的vue 则在当前文件夹下输入cmd进入命令窗口输入： 如果是安装了脚手架的vue文件 则在当前文件夹下到cmd窗口输入：`cnpm run serve`
阅读全文
摘要：return必须是使用在函数里面的 return有2个作用，结束函数和返回结果 以上得出： for 使用return 、 break，是跳出了整个循环。 forEach 使用return只是跳出了当前的循环， 使用break报语法错误。 forEach 无法在所有元素都传递给调用的函数之前终止遍历
阅读全文
摘要：watch ： Watch属性可以监视 data 中指定数据的变化，一旦被监听的数据值发生了改变，就会立即触发watch对应的 function处理函数： 使用watch属性监听路由地址: 入口js文件的vue实例上添加watch属性 监听$route.path，只要地址栏中的url发生了改变，就会
阅读全文
摘要：1、在项目下 输入; 2、查看配置文件package.json，是否有element ui组件的版本号 3、 在main.js文件中 引入 element 组件 ：
阅读全文
摘要：bootstrap中js插件依赖于jquery，所以在这之前要先安装jquery。 jquery的安装我空间有教程就不再写了…… bootstrap安装： 1、使用： ps:如果提示需要先安装其他的依赖 ， 按提示安装就行了…… 2、在需要的页面引入： 3、然后重新启动项目就行了： 样式如果这样引入
阅读全文
摘要：在p标签里面不能嵌套ul、div等块级元素 显示结果为： 在ul元素的前后都加上了兄弟元素p 不可自由嵌套的元素就是里面只能放内联元素的有： 标题标记的、\； 段落标记的\； 分隔线\ 一个特别的元素(它只存在于列表元素的子一级)。 \、\、\、\，它们的子一层必须是指定元素， \、\的子一级必须是
阅读全文
摘要：转自：https://blog.csdn.net/cvper/article/details/79955412 第一个 / 这个斜杠代表的是根目录的意思，什么是根目录呢？ 先看例子：F盘中有个文件夹vue_bamboos和一张图片 test me.png vue_bamboos下有一个文件夹 a ,
阅读全文
摘要：我在点击这个链接进行路由跳转时需要判断是移动端还是pc端 点击pc端按钮显示： 点击移动端按钮显示：
阅读全文
摘要：在router link 上直接绑定click监听事件是无效的 不光是click事件 ，keyup、change等事件都可以此办法解决 父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件修饰符是无法触发的。 . 必须添加 修饰符： 原因请移步： "这
阅读全文
摘要：自：https://blog.csdn.net/weixin_39941429/article/details/80254724 下面再说说VUE中scoped的编译原理吧。具体可以参考vue loader 所谓的局部css，就是通过vue loader这个插件，在编译打包的时候将带有scoped属
阅读全文
摘要：自：https://blog.csdn.net/MoLvSHan/article/details/78204972 自：https://blog.csdn.net/qq_35393869/article/details/80333564 项目中图片都放在src/img文件夹，img和backgrou
阅读全文
摘要：CSS设置页面最大最小宽度 兼容ie6/7/8/9，FF，chrome,sogou等浏览器 设置最小宽度 body { width:100%; min width:1000px; width:expression_r(document.body.clientWidth 1200 ? "1200px"
阅读全文
摘要：css外部文件引入: 全局引用 在main.js文件中 import './style/reset.css' 以下参考：https://blog.csdn.net/weixin_39941429/article/details/80254724 首先是有关@import的问题，一般的文件中，我们知道
阅读全文
摘要：两个问题 首先是怎样引入的问题： 首先说明：js文件不能放在components文件夹下 方法一： 在组件内直接引用 方法二 ： 全局注册引用 按照一定顺序加载js的方法： 方法一： 相当于clickOne事件运行时加载js文件 组件内代码： one.js内代码： 方法二： 与方法一类似 就是在 钩
阅读全文
摘要：清除浮动最好的方式（在父元素上加此属性） 选择并列元素中第几位设置为此属性（现在设置为六的倍数位） / position 默认值：static，静态定位（不定位） relative：相对定位 absolute：绝对定位 fixed：固定定位 / 边框弧度50%（就是圆圈） / 鼠标划过的时候若宽度增
阅读全文
摘要：鼠标事件 事件类型 click：用户单击主鼠标按钮（一般是左键）或者按下在聚焦时按下回车键时触发 dblclick：用户双击主鼠标按键触发（频率取决于系统配置） mousedown：用户按下鼠标任意按键时触发 mouseup：用户抬起鼠标任意按键时触发 mousemove：鼠标在元素上移动时触发 m
阅读全文
摘要：参考几个教程： 教程： https://blog.csdn.net/renlzrz/article/details/83545521 在线转换工具： http://tool.oschina.net/markdown/ 教程： https://www.appinn.com/markdown/ http
阅读全文
摘要：我有一个需求 是导航菜单组件nav以插槽的方式分别插入到两个组件home.vue、resume.vue中 在导航菜单上我用jquery添加了鼠标进入、离开事件（事件写在导航菜单组件上对应的js上）， 我用路由切换的方式点击导航菜单上的按钮 ，页面可以在两个不同的组件 home或resume中切换 问
阅读全文
摘要：前端路由概念： 1:下载安装 2:在main.js中引入路由组件: 3:在main.js中注册全局使用: (以下我选择在src文件夹下新建一个router.js文件的方式) 具体如图： 4.1:在router.js中导入路由需要的组件: 如: 4.2:创建路由对象并配置路由规则: html let
阅读全文
摘要：自：https://www.jianshu.com/p/561683dfdbb4 我们需要在template，script，style下引用图片，如下： 这里能用@assets是因为在vue.config.js里面设置了如下参数。 本地开发的时候，因为域名是 ，也就是 ，vue自动帮你转换成相对/路
阅读全文
摘要：来自：https://segmentfault.com/a/1190000016962582?utm_source=tag newest 今天在引入一个外部js文件是报错了 ，如图： 在网上翻了一些资料 找到了原因 ：在vue的组件里面应该不能讲src文件夹下的js文件直接通过``的方式直接在htm
阅读全文
摘要：vue cli3.0 没有webpack.config.js 配置文件 ：所以在一些博客教程中是说的在webpack.config.js 里面添加 这样一句话。 我找了半天没看见这个文件夹，后来发现cli3之后就没有这个文件夹了，这么实现在vue里面使用jquery呢？ 参考下面步骤： 1、命令行工
阅读全文
摘要：浮动元素（脱离了常规文档流转化为bfc）会自动忽略元素的display属性 并默认display为block 更具体的说效果变成了inline block的效果 arbsolution：元素会脱离文档流，定位是相对于离它最近的且不是static定位的父元素而言，若该元素没有设置宽度，则宽度由元素里面
阅读全文
摘要：如何让文字不避开浮动的元素 ： 对元素不用浮动，用position定位 浮动元素在最开始就是来进行文字环绕效果的，所以文字是会避开浮动元素的，不光文字 加inline 的行级元素都会避开浮动元素； 我想让在我动态删除一个button时中间的标题不会跑偏 。 同级元素由于position:fixed;
阅读全文
摘要：转载自：https://www.cnblogs.com/JobsOfferings/p/JobsOfferingsCssCnblogs.html 页面定制CSS代码如下： 还有页首html代码： 记载了三篇关于博客空间样式的随笔 有自己写的 也有转载的
阅读全文
摘要：之前看见别人家的博客有鼠标点击处出现一颗小心心 ，我的没有 ，很伤心……，在网上找资源，没找到源码，更伤心了…… 于是自己用原生js写了一个点击的效果 ，后来学jquery的时候改了一下下，改成jquery代码，准备上传原生的代码的 ，结果找不到了 ，emmm……于是就是他了。 废话少说，上代码：
阅读全文
摘要：这个随鼠标变换的动态线条效果是我看见网上好多博客都在用 源自：https://github.com/hustcc/canvas nest.js 将这js代码放在： 这里面就行 关于线条的配置 ： ··· color：线条颜色，默认值：'0,0,0'；RGB值：（0~255，0~255，0~255）。
阅读全文
摘要：1.官网jquery压缩版引用地址: 3.1.1版本: 3.0.0版本: 2.1.4版本: 2.百度压缩版引用地址: 3.微软压缩版引用地址:
阅读全文
摘要：关于定义(声明)变量: 之前: var a=12; let a=12 作用域: 全局 函数作用域 let 相当于之前的 var const 常量， 定义好了不能改变 let注意: 1. 没有预解析，不存在变量提升 在代码块内，只要let定义变量，在之前使用，都是报错 先定义完，在使用 2. 同一个作
阅读全文
摘要：在计时器中 事件是由window调用的 所以要先固定this的指向 如先用 var that = this 形成闭包。 display：inline-block 的空格间隙问题四种解决办法 ：1、父级元素font-size：02、删除空格 3、除去闭合标签 （系统会自动在下一个元素标签开始前添加一个
阅读全文
