- 博客(25)
- 收藏
- 关注
原创 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 417 1
原创 控制台出现报错DevTools failed to。。。
控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案。把映射源中的javacsript关闭就可以了
2022-12-28 14:23:46 292 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 1388 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 319
原创 前端小伙伴常用类名
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 906
原创 自定义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 598
原创 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 152
原创 作用域插槽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 351
原创 关于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 91
原创 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 129
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 902
原创 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 418
原创 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 133
原创 前端vue框架后台管理工作总结01
前端vue框架后台管理工作总结01这是大前天晚上加班回来总结的,昨天又周六,这周六就开始五一小长假,(霸占我们的双休,还是长假??),给大家分享一下,以后每天晚上有时间都会给大家分享日常工作内容和总结,这也是为应届生或者培训出来的小伙伴做好垫脚石# 2021-04-231.组件的使用 1.1 每个子组件中,需要些name属性 1.2 在父组件中使用子组件,需要先引入在注册,最后挂载到页面中 1.3 在父组件中,可以给子组件传参数,子组件通过props对象验证的方式接收2. 在获取到后端数据准备
2021-04-25 23:26:51 216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人