摘要：
1 // 开始这样写，不执行 2 window.onresize = function() { 3 console.log('窗口发生变化') 4 } 5 6 7 // 改成window监听事件 8 window.addEventListener('resize', function() { 9 c 阅读全文
posted @ 2022-03-05 18:11
八月正凉
阅读(3191)
评论(0)
推荐(0)
摘要：
自定义事件的触发又是不可避免的，由于浏览器兼容性问题，我们要分开说了，针对标准浏览器和IE6/7等考古浏览器。 1. 对于标准浏览器，其提供了可供元素触发的方法：element.dispatchEvent(). 不过，在使用该方法之前，我们还需要做其他两件事，及创建和初始化。因此，总结说来就是： 1 阅读全文
posted @ 2022-03-05 18:11
八月正凉
阅读(6487)
评论(0)
推荐(0)
摘要：
1. 加减法 加减法不是重点，重点是在SassScript中用到的两种单位之间的转换；绝对单位：px, pt, pc, in, mm, cm...绝对单位都能运算；相对单位：ex, em, rem...相对当前字体的都不能运算； 1.1 编译报错的栗子 SCSS： 1 $plus1: 100px + 阅读全文
posted @ 2022-03-05 18:10
八月正凉
阅读(1327)
评论(0)
推荐(0)
摘要：
当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性。 1 // 在单独构建的版本中辅助函数为 Vuex.mapState 2 import { mapState } from 'vuex' 3 4 阅读全文
posted @ 2022-03-05 18:10
八月正凉
阅读(395)
评论(0)
推荐(0)
摘要：
绑定 HTML Class 我们可以传给 v-bind:class 一个对象，以动态地切换 class： 内联样式在模板里 1 <div id="div1" :class="{active: isActive, 'text-danger': hasError}"></div> 2 <script t 阅读全文
posted @ 2022-03-05 18:09
八月正凉
阅读(216)
评论(0)
推荐(0)
摘要：
面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下： Elements:查找网页源代码HTML中的任一元素,手动 阅读全文
posted @ 2022-03-05 18:08
八月正凉
阅读(3136)
评论(0)
推荐(0)
摘要：
背景：你乘坐汽车从A景区想赶往B景区（模拟路由A跳转到路由B） 1.next() 你乘坐汽车要从A景区到B景区，路过关卡时，守门人拦下你，你量出了next()，守门人一看没问题，赶紧放行，于是你顺利到达了B景区。 2.next(false) 如果你量出了next(false)，守门人立马关住大门，不 阅读全文
posted @ 2022-03-05 18:06
八月正凉
阅读(55)
评论(0)
推荐(0)
摘要：
碰到是否有template选项时，会询问是否要对template进行编译： 在template编译（渲染成UI）有一个过程。模板通过编译生成AST，再由AST生成Vue的渲染函数，渲染函数结合数据生成Virtual DOM树，对Virtual DOM进行diff和patch后生成新的UI。将上图细化 阅读全文
posted @ 2022-03-05 18:05
八月正凉
阅读(1653)
评论(0)
推荐(0)
摘要：
首先在main.js中给Vue.protorype注册一个全局方法， 其中，我们约定好了想要监听的sessionStorage的key值为’watchStorage’， 然后创建一个StorageEvent方法，当我在执行sessionStorage.setItem(k, val)这句话的时候，初始 阅读全文
posted @ 2022-03-05 18:03
八月正凉
阅读(2505)
评论(0)
推荐(0)
摘要：
类型规范示例 常量 全字符大写，单词用 '_' 分隔 FETCH_USERS、GET_USERS 变量、函数 小写开头驼峰式 camelCase 类、特殊意义的命名空间 大写开头驼峰式 CamelCase 方法、函数 a. 动词 或 动词+名称 组合b. get 必须要有返回值 布尔值变量 is 或 阅读全文
posted @ 2022-03-05 17:59
八月正凉
阅读(149)
评论(0)
推荐(0)
摘要：
描述具体问题 需求 业务系统通常需要登录才能访问受限资源，在用户未登录情况下访问受限资源需要重定向到登录页面； 多个业务系统之间要实现单点登录，即在一个系统或应用已登录的情况下，再访问另一个系统时不需要重复登录； 在登录过期或失效时，需要重定向到登录页面； 用户登录后，需对改用户拥有的权限进行功能和 阅读全文
posted @ 2022-03-05 17:59
八月正凉
阅读(254)
评论(0)
推荐(0)
摘要：
这时候我们可能会在 input上 加上 autocompleted="off" 这个属性来阻止input被自动填充。 1 2 <input type="text" name="userName" autocompleted="off" /> 3 4 <input type="password" na 阅读全文
posted @ 2022-03-05 17:58
八月正凉
阅读(772)
评论(0)
推荐(0)
摘要：
在vue,config.js中配置css热更新 const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV) css: { // 是否使用css分离插件 ExtractTextPlugin extract: IS_PROD 阅读全文
posted @ 2022-03-05 17:58
八月正凉
阅读(1036)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2022-03-05 17:57
八月正凉
阅读(266)
评论(0)
推荐(0)
摘要：
vue-cli3.0安装 1 如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它: 2 3 npm uninstall vue-cli -g 4 安装 5 6 npm install -g @vue/cli // 安装cli3.x 7 vue --version / 阅读全文
posted @ 2022-03-05 17:56
八月正凉
阅读(225)
评论(0)
推荐(0)
摘要：
问题描述：父组件调用了一个子组件，传递了一个id的属性到子组件， 但是在子组件中将这个id的props属性赋值给了data里面定义的另外一个属性myId，并且写了watch监听这个id的props。 结果：第一次的时候子组件并没有更新界面（即data里面的myId属性没有更新）；第二次及以后就都可以 阅读全文
posted @ 2022-03-05 17:55
八月正凉
阅读(526)
评论(0)
推荐(0)
摘要：
1、父组件 使用 Math.ramdom() 2、子组件获取 然后监听这个ramdom变化，处理子组件的更新 阅读全文
posted @ 2022-03-05 17:55
八月正凉
阅读(955)
评论(0)
推荐(0)
摘要：
点击右上角框 -> 编辑结构 点击加号 新增一个npm项目 前提：node环境已经安装完成，npm包管理器 1.进行定位到项目的路径2.安装依赖包，npm install3.启动服务，npm run dev/serve (npm run dev 命令，其中的“run”对应的是package.json 阅读全文
posted @ 2022-03-05 17:54
八月正凉
阅读(1023)
评论(0)
推荐(0)
摘要：
1. 必备快捷键 Ctrl+/：注释当前行 Ctrl+Shift+/：当前位置插入注释 Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的 Ctrl+Shift+A：选择当前标签前后，修改标签用的 F11：全屏 Shift+F11：全屏免打扰模式，只编辑当前文件 Alt+F3：选择所有 阅读全文
posted @ 2022-03-05 17:53
八月正凉
阅读(336)
评论(0)
推荐(0)
摘要：
get和post的区别 get和post是什么？ HTTP协议中的两种发送请求的方法。get从指定的资源请求数据； post向指定的资源提交要被处理的数据。 HTTP是什么？ 超文本传输协议（HTTP）是基于TCP/IP关于数据如何在万维中如何通信的协议，设计目的是保证客户端与服务器之间的通信。 本 阅读全文
posted @ 2022-03-05 17:51
八月正凉
阅读(247)
评论(0)
推荐(0)
摘要：
Vue最常用的组件通讯有三种：父->子组件通讯、子->父组件通讯，兄弟组件通讯.(template用的pug模板语法) 1.父->子组件通讯 父->子组件通讯，是通过props进行数据传递，并且具有这几个特性，单向传递，子组件接收的数据不可以更改，如果更改，会发出警告，每次父组件更新时，子组件的所有 阅读全文
posted @ 2022-03-05 17:50
八月正凉
阅读(244)
评论(0)
推荐(0)
摘要：
var arr = [{"name":"hhh"},{"name":"dddd"}] //用js function getTextByJs() { var str = ""; for (var i = 0; i < arr.length; i++) { str += arr[i].name+ "," 阅读全文
posted @ 2022-03-05 17:48
八月正凉
阅读(1596)
评论(0)
推荐(0)
摘要：
今天写运动框架时，发现将对象push进数组，后面的值会覆盖前面的值，最后输出的都是最后一次的值。其实这一切都是引用数据类型惹的祸。 如果你也有类似问题，可以继续看下去哦。 下面代码模拟： 将json对象的每个键值对，单独搞成对象，再赋值给数组，最后输出数组。结果数组应该是有三个对象。（for-in用 阅读全文
posted @ 2022-03-05 17:47
八月正凉
阅读(1024)
评论(0)
推荐(0)
摘要：
使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to this 阅读全文
posted @ 2022-03-05 17:46
八月正凉
阅读(2229)
评论(0)
推荐(1)
摘要：
使用 F12 开发人员工具控制台命令，可以接收来自 Windows Internet Explorer 9 的错误消息，并从代码发送回你自己的消息，而无需中断执行流。 可以使用 F12 工具控制台视图在程序代码之外立即运行脚本语句。 控制台选项卡和视图 可以从“控制台”选项卡或“脚本”选项卡下的控制 阅读全文
posted @ 2022-03-05 17:43
八月正凉
阅读(2334)
评论(0)
推荐(0)
浙公网安备 33010602011771号