摘要: 进入/离开 & 列表过渡 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 阅读(257) 评论(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 阅读(230) 评论(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 阅读(685) 评论(0) 推荐(0) 编辑
摘要: ##1,composition api的使用.vue Setup函数是一个新的组件选项,作为组件中composition API的起点 从生命周期钩子的角度来看,setup会在beforeCreate钩子函数之前执行 Setup中不能使用this,this指向undefined <template> 阅读全文
posted @ 2021-01-12 18:19 sk-xm 阅读(309) 评论(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 阅读(67) 评论(0) 推荐(0) 编辑
摘要: ###1.父组件向子组件传值 //- 父组件发送的形式是以属性的形式绑定值到子组件身上。 //- 然后子组件用属性props接收 <div id="app"> <menu-item title='来自父组件的值'></menu-item> //给子组件传入一个静态的值 //2.需要动态的数据的时候 阅读全文
posted @ 2021-01-08 09:53 sk-xm 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 本文能帮你做什么? 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅 阅读全文
posted @ 2021-01-05 17:27 sk-xm 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 通用设计模式 介绍 设计模式(design pattern)本质上是把经常用到的代码套路,归纳总结后系统的表达出来。 设计模式好处有以下几点: 为开发人员对代码的阅读和编写提供一种指导思想; 提高开发人员自身的代码质量,提高对其他框架和库源码阅读的能力; 网络上流行的”23种设计模式”是静态语言在生 阅读全文
posted @ 2021-01-05 11:22 sk-xm 阅读(126) 评论(0) 推荐(0) 编辑
摘要: ###什么是搜索引擎优化 搜索引擎优化,简称为SEO,表面的含义来看,是让网站更容易被搜索引擎收录,并且当用户通过搜索引擎进行检索时在检索结果中获得好的排名位置,从而达到网站推广的目的。真正意义上的搜索引擎优化应该是按照规范的方式,不仅网站设计要符合搜索引擎索引信息的般规律,更重要的是为用户通过搜索 阅读全文
posted @ 2021-01-04 17:05 sk-xm 阅读(692) 评论(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 阅读(89) 评论(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 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 登录访问控制 AuthRoute 鉴权路由组件实现思路 参照官网自己封装AuthRoute 鉴权路由组件 实现修改登录成功后的跳转 概述 项目中的两种类型的功能和两种类型的页面: 两种功能: 登录后才能进行操作(比如:获取个人资料) 不需要登录就可以操作(比如:获取房屋列表) 两种页面: 需要登录才 阅读全文
posted @ 2021-01-03 14:50 sk-xm 阅读(791) 评论(0) 推荐(0) 编辑
摘要: react-spring动画库 概述 场景:实现动画效果,增强用户体验 react-spring是基于spring-physics(弹簧物理)的react动画库,动画效果更加流畅、自然 优势: 几乎可以实现任意UI动画效果 组件式使用方式(render-props模式),简单易用,符合react的声 阅读全文
posted @ 2021-01-03 14:36 sk-xm 阅读(3112) 评论(0) 推荐(0) 编辑
摘要: /* <!--1. 盒子阴影 --> */ box-shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影; box-shadow: 10px 10px 5px #888888; /* box-shadow: 5px 5px 3px 4px rgba(0, 0 阅读全文
posted @ 2020-12-31 19:46 sk-xm 阅读(73) 评论(0) 推荐(0) 编辑
摘要: <!-- 1,HTML 文本格式化 https://www.runoob.com/html/html-formatting.html--> <!-- HTML 文本格式化标签 --> <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 <small> 定义小号字 <strong> 定义 阅读全文
posted @ 2020-12-31 14:14 sk-xm 阅读(352) 评论(0) 推荐(0) 编辑