摘要: HTML5 WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者 阅读全文
posted @ 2021-02-19 17:53 sk-xm 阅读(80) 评论(0) 推荐(0)
摘要: ### 简介 Hook 在 class 内部是不起作用的。但你可以使用它们来取代 class 。 Hook 是一个特殊的函数,它可以让你“钩入” React 的特性。例如,useState 是允许你在 React 函数组件中添加 state 的 Hook。 如果你在编写函数组件并意识到需要向其添加一 阅读全文
posted @ 2021-02-19 17:32 sk-xm 阅读(88) 评论(0) 推荐(0)
摘要: ##一.全局守卫 ###1. router.beforeEach((to,from,next)=>) ###2. 回调函数中的参数,to:进入到哪个路由去,from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面。 ###3. 如下例:main.js中设置全局守卫 在main.js中 阅读全文
posted @ 2021-01-15 18:24 sk-xm 阅读(239) 评论(0) 推荐(0)
摘要: 进入/离开 & 列表过渡 https://cn.vuejs.org/v2/guide/transitions.html 状态过渡参考文档 https://cn.vuejs.org/v2/guide/transitioning-state.html Vue 在插入、更新或者移除 DOM 时,提供多种不 阅读全文
posted @ 2021-01-15 17:30 sk-xm 阅读(305) 评论(0) 推荐(0)
摘要: 插件库中搜索Vetur安装,识别vue文件 新建代码片段 文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定 3. 在json文件中添加自己的模板字段 { // Place your snippets for vue here. Each snippet is d 阅读全文
posted @ 2021-01-14 17:05 sk-xm 阅读(242) 评论(0) 推荐(0)
摘要: 1 vue2 Vue2.0中使用ES5中的Object.defineProperty方法实现响应式数据 缺点 无法监测到对象属性的动态添加和删除 无法监测到数组的下标和length属性的变更 解决方案 Vue2.0提供Vue.set方法用于动态给对象添加属性 Vue2.0提供Vue.delete方法 阅读全文
posted @ 2021-01-14 16:54 sk-xm 阅读(693) 评论(0) 推荐(0)
摘要: ##1,composition api的使用.vue Setup函数是一个新的组件选项,作为组件中composition API的起点 从生命周期钩子的角度来看,setup会在beforeCreate钩子函数之前执行 Setup中不能使用this,this指向undefined <template> 阅读全文
posted @ 2021-01-12 18:19 sk-xm 阅读(327) 评论(0) 推荐(0)
摘要: ##安装相关依赖 yarn add redux yarn add react-redux ##A,构建 store 和 reducer 创建 reducer/index.js 文件,构建 reducer来响应 actions 创建 store/index.js 文件,通过 createStore 方 阅读全文
posted @ 2021-01-11 16:02 sk-xm 阅读(73) 评论(0) 推荐(0)
摘要: ###1.父组件向子组件传值 //- 父组件发送的形式是以属性的形式绑定值到子组件身上。 //- 然后子组件用属性props接收 <div id="app"> <menu-item title='来自父组件的值'></menu-item> //给子组件传入一个静态的值 //2.需要动态的数据的时候 阅读全文
posted @ 2021-01-08 09:53 sk-xm 阅读(151) 评论(0) 推荐(0)
摘要: 本文能帮你做什么? 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅 阅读全文
posted @ 2021-01-05 17:27 sk-xm 阅读(212) 评论(0) 推荐(0)
摘要: 通用设计模式 介绍 设计模式(design pattern)本质上是把经常用到的代码套路,归纳总结后系统的表达出来。 设计模式好处有以下几点: 为开发人员对代码的阅读和编写提供一种指导思想; 提高开发人员自身的代码质量,提高对其他框架和库源码阅读的能力; 网络上流行的”23种设计模式”是静态语言在生 阅读全文
posted @ 2021-01-05 11:22 sk-xm 阅读(136) 评论(0) 推荐(0)
摘要: ###什么是搜索引擎优化 搜索引擎优化,简称为SEO,表面的含义来看,是让网站更容易被搜索引擎收录,并且当用户通过搜索引擎进行检索时在检索结果中获得好的排名位置,从而达到网站推广的目的。真正意义上的搜索引擎优化应该是按照规范的方式,不仅网站设计要符合搜索引擎索引信息的般规律,更重要的是为用户通过搜索 阅读全文
posted @ 2021-01-04 17:05 sk-xm 阅读(796) 评论(0) 推荐(0)
摘要: ###Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对 阅读全文
posted @ 2021-01-04 16:14 sk-xm 阅读(99) 评论(0) 推荐(0)
摘要: jQuery 可以通过 jquery.cookie.js 插件来操作 Cookie。 官方地址:http://plugins.jquery.com/cookie/ Github 地址:https://github.com/carhartl/jquery-cookie 使用 jquery.cookie 阅读全文
posted @ 2021-01-04 15:26 sk-xm 阅读(83) 评论(0) 推荐(0)
摘要: 登录访问控制 AuthRoute 鉴权路由组件实现思路 参照官网自己封装AuthRoute 鉴权路由组件 实现修改登录成功后的跳转 概述 项目中的两种类型的功能和两种类型的页面: 两种功能: 登录后才能进行操作(比如:获取个人资料) 不需要登录就可以操作(比如:获取房屋列表) 两种页面: 需要登录才 阅读全文
posted @ 2021-01-03 14:50 sk-xm 阅读(858) 评论(0) 推荐(0)