- 博客(11)
- 收藏
- 关注
原创 vue-i18n
安装:npm install vue-i18nmain.js引入及i18n 使用 elementUI版本import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import VueI18n from 'vue-i18n'Vue.use(VueI18n)import enLocale from 'element-ui/lib/locale/lang/en' //引入Element UI的英
2021-05-17 14:02:41
261
1
原创 对象劫持
JS对象劫持Object.defineProperty()在目标对象之前加一层"拦截",外界对该对象的访问,都必须先通过这层拦截,对此,提供了一种机制,可以对外界的访问进行过滤和改写。这种机制就称对象劫持。Vue能够在修改属性时, 修改视图, 使用的就是Object.defineProperty()语法Object.defineProperty(obj, prop, desc)obj需要定义属性的对象prop当前定义的属性名desc描述符描述符分为两种, 分别为数据描述符 存取描述符
2021-04-12 21:06:12
431
原创 vue的原理mvvm模式简读,template及slot编译原理
MVVMM:Model 数据模型v:View 视图vm:ViewModel 数据视图模型数据改变,则视图更新,视图更新,数据也随之变化的数据与视图的双向绑定。底层原理数据劫持者:Observer,劫持监查数据对象的所有属性,有变动则拿到最新值指令解析器:compile,对每个元素节点的指令进行扫描和解析, 根据指令模型替换数据以及绑定相应的函数。watcher:订阅者,连接Observer和Compile的桥梁, 能够订阅并收到每个属性变动的通知,执行指令绑定的相应回调函数
2021-04-12 20:05:40
438
原创 mongodb的概念及应用
数据库:按照数据结构来组织,存储和管理数据的仓库, 是一个长期存储在计算机内的,有组织的,可共享的,统一管理的大量数据的集合, 可视为电子化的文件柜,用户可以对文件中的数据进行增加,删除,修改,查找等操作 数据库分类:关系型数据库(RDBM):mySql,orcle,db2,SQLserve,表格形式 非关系型数据库:noSQL,键值对数据库,mongDB关系型数据库和非关系型数据库区别: 1-数据存储方式不同 2-关系型数据库表格形式 3-非关系型数据存储在文档
2020-12-07 19:33:56
125
原创 git基本应用及命令
git前提准备:安装包:git软件git Torties 小乌龟(可视化)git Torties汉化语言包步骤:1-添加新资料库2-添加仓库名称,描述文件等开始创建仓库3-克隆地址4-找到对应文件,右击Git Bash Here5-git命令执行 ①-克隆:$ git clone https://github.com/xhl-25/demo2.git ②-输入 命令行 cd demo2,跳转到对应路径下,编写内容 ③-添加
2020-11-26 13:50:07
404
原创 vuex 本地存储插件(添加,删除)
1-下载插件npm install vuex-persistedstate --save2- 在store内 引入插件import createPersistedState from "vuex-persistedstate"3-使用插件const store = new Vuex.Store({ //使用插件 plugins: [createPersistedState()], //vuex数据 state:{ // 总商品列表 g
2020-11-11 20:15:10
931
原创 vue自定义指令简述
1- 为何需要自定义指令 内置指令不满足需求2-全局自定义指令,带参数的 知识点tips: 自定义指令提供的钩子函数, bind(){//指令第一次绑定到元素时调用,只用一次} inserted(){//被绑定元素插入到父节点时调用} update(){//组件更新时调用} componentUpdated(){//所在组件及子节点全部更新后调用} unbind(){//指令与元素解绑时调用} 钩子函数的参数:el:元素,
2020-11-06 17:29:07
214
原创 原型,原型链及构造函数的核心思想
构造函数:function A(){ }实例: const a = new A()核心点:a.__proto__ === a.constructor.prototype实例上的constructor就是他的构造函数实例上的__proto__等于其构造函数的prototypea.constructor = A实例上的constructor就是其构造函数...
2020-11-06 15:19:27
182
2
原创 vue2.0 中axios 调用接口
安装:npm install axios --savemain.js 入口文件中全局挂载(这里使用原型链挂载):import axios from 'axios';Vue.prototype.$http = axios;config文件夹下的index.js 配置服务器环境module.exports = { dev: {//开发服务器 // Paths assetsSubDirectory: 'static', assetsPublicPath: '/',
2020-10-29 15:51:14
1330
4
原创 金额正则过滤,每隔三位加逗号,末尾补小数点及0
money(val) { if (!val) return val; val = String(val); //判断字符串中有无小数点,没有即拼接 if (val.indexOf('.') === -1) { val += '.00'; } //以.分隔为数组 let arr = val.split('.'); let left = arr[0]; //取第一项用正则判断,每隔3位加, left = left.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'
2020-10-29 14:05:38
346
原创 移动端rem布局--封装resize自执行函数
// 自执行函数(function(){ function resize(){ // 设计稿宽度 const designWidth = 375; // 屏幕宽度 const windowWidth = window.innerWidth; // html根元素 const html = document.documentElement; // 计算 html.style
2020-10-26 18:49:34
523
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人