- 博客(25)
- 收藏
- 关注
RSS订阅
原创 watch、Bus、nextTick、数据流
今天工作有些累，晚上还要加班，今晚不敲代码了，继续总结知识点watch可以监听哪些数据watch都是用来监听数据的，一旦数据变化，就立即触发watch监听对象的内容监听data中的数据监听$emit事件监听computed的变量监听$route地址栏上的数据对于监听data中的对象时，有两个属性，deep和immediatedata(){ return { obj: { a: 10 } }},watch: { obj: { deep: true // 深度监听对象数据变
2021-04-29 20:33:45
381
1
原创 控制台出现报错DevTools failed to。。。
控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案。把映射源中的javacsript关闭就可以了
2022-12-28 14:23:46
278
1
原创 bridge.js的使用
使用bridge.js的目的andriod或者ios的app中嵌入h5的时候，需要创建数据的桥梁，方便两端获取到各自需要的数据或者事件调用使用的数据传递bridge.js文件的封装let isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1;//这是必须要写的，用来创建一些设置function setupWebViewJavascriptBri
2022-05-07 10:53:19
1322
1
原创 关于cookie的操作（js操作和js-cookie插件的操作）
cookie 操作cookie 是有大小限制的，每个 cookie 所存放的数据不能超过4kb，如果 cookie 字符串的长度超过4kb，则该属性将返回空字符串。由于 cookie 最终都是以文件形式存放在客户端计算机中，所以查看和修改 cookie 都是很方便的，这就是为什么常说 cookie 不能存放重要信息的原因。js操作cookie存// 简单存document.cookie = 'username=Darren';取// 取getCookie(c_name) {
2022-03-10 17:38:39
309
原创 前端小伙伴常用类名
ClassName含义about关于account账户arrow箭头图标article文章aside边栏audio音频avatar头像bg,background背景bar栏（工具类）branding品牌化crumb,breadcrumbs面包屑btn,button按钮caption标题，说明category分类chart图表clearfix清除浮动close关闭col,column列comment评论community社区container容器content内容copyright版权current当前态，选
2022-03-10 14:03:14
848
原创 自定义input组件实现v-model双向绑定
子组件中，需要:value="value" 和 @input="$emit('input',$event.target.value)" 配合才能实现双向绑定父组件<div id="app"> <test-input v-model="num"></test-input> {{num}}</div>const app = new Vue({ el: '#app', data: { num: 1,
2022-03-10 10:45:08
564
原创 vuex的使用和持久化
vuex的持久化安装依赖npm install vuex-persistedstate -Sstore中引用// 配置vuex-persistedstate组件-store/index.js文件内修改// store/index.jsimport Vue from 'vue';import vuex from 'vuex';import getters from './getters'import mutations from './mutations'import createPe
2022-03-09 16:55:54
124
原创 作用域插槽slot-scoped
先看文件关系图models文件<template><div> <div class="container" > <div class="title">{{title}}</div> <slot name="model1"></slot> // 这地方name就是具名插槽，在调用时写slot="对应插槽的名字"即可 <slot name="btn"></slot&g
2021-12-22 17:27:15
324
原创 关于MongoDB的聚合管道
首先，我们先模拟一段数据// 创建shop表use shop// 在shop表下，开始创建数据db.order.insert({"order_id":"1","uid":"1O","trade_no":"111","all_price":100,"all_num":3})db.order.insert({"order_id":"2" ,"uid":"7","trade_no":"222","all_price":90,"all_num":2})db.order.insert({"order_id
2021-08-23 17:01:57
82
原创 mongoDB操作数据库常见指令
mongoDB操作数据库常见指令查询库show dbs创建库/切换库use `tableName`查看当前use的标下有哪些表show collections// 和 db.getCollectionNames() 类似给指定的tableName添加数据db.tableName.insert({"name": "jsonData"})// 可以使用for循环创建数据for(var i=0; i<100; i++){··· db.tableName.ins
2021-08-21 19:05:58
113
vue-resource基本使用方法
vue-resource基本使用方法vue-resource特点1、体积小：vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。2、支持主流浏览器：和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持3、支持Promise API和URI Templates：Promise是ES6的特性，Promise的中文含义为“先知”，Promise对象用于异步计算。 URI T
2021-06-25 14:06:05
880
原创 created& mounted 以及 methods & computed & watch
谈一谈vue请求数据放在created好还是mounted里好建议放在created里created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。如果在mounted钩子函数中请求数据可能导致页面闪屏问题其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了补充知识vue各阶段数据可使
2021-06-24 17:03:23
395
原创 vue的常用基础知识
哈喽，今天不加班，回来整理一下以前的旧笔记，给你们分享一波基础知识1.Vue模板的使用<div id="app"> {{ msg }} //vue中的data又属性值 {{ 1+2+4*7/5 }} {{ isShow?'真好看':'真丑' }} {{ parseInt('10.2345') }}</div>{{ }}里面可以写任意js表达式，变量，函数，属于js环境如果里面写的变量，一般都是挂载在实例中的变量如果里面写的是函数调用，那这个函数只能是V
2021-04-26 22:21:53
126
原创 前端vue框架后台管理工作总结01
前端vue框架后台管理工作总结01这是大前天晚上加班回来总结的，昨天又周六，这周六就开始五一小长假，（霸占我们的双休，还是长假？？），给大家分享一下，以后每天晚上有时间都会给大家分享日常工作内容和总结，这也是为应届生或者培训出来的小伙伴做好垫脚石# 2021-04-231.组件的使用 1.1 每个子组件中，需要些name属性 1.2 在父组件中使用子组件，需要先引入在注册，最后挂载到页面中 1.3 在父组件中，可以给子组件传参数，子组件通过props对象验证的方式接收2. 在获取到后端数据准备
2021-04-25 23:26:51
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人