werido__-CSDN博客

原创 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

weixin_46021808的博客