10 2021 档案
摘要:不知道怎么去遍历数据然后根据数据的多少渲染多少个组件。解决方案,使用map,然后返回组件。 对于第一个默认的多选盒子,一开始使用checked去选择它默认是否选中,但是之后就无法再改变它的值,解决方法1,使用了defaultChecked: 3.父子组件进行通信我也有点忘了,这里主要遇到的是子组件去
阅读全文
摘要:本地资源无法渲染,报500错误 页面不触发onLoad函数,我直接爆炸 这个问题和上个问题一起解决了。 微信开发工具版本问题,讲版本调低就可以了
阅读全文
摘要:今天又把之前学的小程序通信巩固了一下,看了小程序的组件间通信,然后来更一下这个万能的通信,发布订阅。 因为小程序自带没有publish和subscribe,所以我们要使用第三方插件,下面是使用第三方插件的步骤: 注意npm初始化需要在这个文件夹下面 接着是在需要使用的地方引入: ###具体使用方式
阅读全文
摘要:路由传参,首先要注意路由跳转,而路由跳转有两种方式,一种是跳转到tabBar里面配置的路由中去,一种是跳转到没被配置到tabBar里的路由。 第一种跳转需要用到switchTab(options),第二种跳转可以使用navigaterTo(options)或redirectTo(options) 具
阅读全文
摘要:###父传子 在父组件的里面给子组件直接绑定一个值,并在里面设置要传的参数: 在子组件里面获取父组件传过来的值,并演示使用: ###子传父 在子组件里面使用this.triggerEvent("父组件需要绑定的事件名", 参数),实例: 在父组件给子组件绑定监听事件,即监听子组件刚才发出来的事件,实
阅读全文
摘要:监听数据库的时候权限没设对,报下面这个错误 更正方案: 配置tabbar出现错误,不应该这样写 正确写法: 3.从云数据库获取到数据后,并且成功的给数据赋值了,但是不能渲染页面 解决问题了,问题是我在数据库里面的数据类型错误,设置的是string类型,然后前端使用wx:if进行判断,string类型
阅读全文
摘要:首先介绍一下过滤器的使用,过滤器是来用格式化文本的,它可以用在两个地方:双花括号和v-bind表达式。: <!-- 双花括号 --!> {{ message | capitalize}} <!-- 在v-bind中--!> <div v-bind:id = 'rawId | formatId'></
阅读全文
摘要:首先把官网的图扒下来,然后主要也是按照这个逻辑走。 ###生命周期图示解读 ####初始化阶段 new Vue()到created之间的阶段叫做初始化阶段。 这个阶段主要在Vue实例上初始化一下属性、事件以及响应式数据,如props、methods等。 注意:beforeCreate阶段,data,
阅读全文
摘要:全局API和实例方法不同,后者是在Vue的原型上挂载方法,也就是在Vue.prototype上挂载方法,而前者是直接在Vue上挂载方法。示例: vue.extend = function(extendOption) { ... } ###Vue.extend 参数:Vue.extend({}) 用法
阅读全文
摘要:数组扁平化就是将多维数组化为一维数组 ###递归的方式 function flatArr(arr) { return arr.reduce((result, item) => { return result.concat(Array.isArray(item) ? flatArr(item) : i
阅读全文
摘要:因为把websocket学了点,就想自己写一个实时聊天系统,主要效果如下: 用到的东西也不多。代码粘贴在这里: //index.js const ws = require('nodejs-websocket') const PORT = 3000 let names = {} let server
阅读全文
摘要:今天学了下websocket,能做实时聊天系统那个,感觉还是挺不错的。 ###websocket简介 什么是websocket,它产生的契机是什么呢?websocket也是一种网络协议,可能有的人就奇怪,哎呀我们都有http协议了为什么还要牛马websocket协议,那肯定是http协议有不好的地方
阅读全文
摘要:我丢,我这个居然忘了写,要不是重新看我的面经的话差点就忘了。啧啧啧,补上。(我发现我之前理解的nextick有点毛病,重新去看了一下技术博客和书总结了一下。 ###什么是异步渲染 对于上面的代码,首先假如是直接去渲染的话肯定是要渲染两次:第一次渲染,然后变成第二次渲染。这样的话就会造成性能浪费,因为
阅读全文
摘要:我之前写了一半了,居然又没见了就离谱,从头开始。 ###vue-router原理 vue-router是实现了前端路由,也就是URL和UI之间的映射关系,当URL改变时会引起UI更新,但无需刷新页面。那么如何实现前端路由呢,也就是如何解决这两个问题: 如何改变URL但是页面不进行刷新 如何知道URL
阅读全文
摘要:今天把事件捕获和事件冒泡彻底搞懂了。来记录一下。 当你监听一个事件的触发的时候,它会经历三个状态,第一个是捕获阶段,第二个是目标节点,第三个是冒泡阶段,画个图来表示一下。 当我们触发某个DOM的监听事件的时候,捕获阶段会从外向内找到这个DOM节点,一般会在冒泡阶段执行监听事件。也就是说,当我们有如下
阅读全文
摘要:###Tenda window对象中的onload*方法在页面加载完成后立即触发 js V8引擎的垃圾回收机制是:标记清除,引用计数 基本类型保存在栈内存中,引用类型保存在堆内存中 CORS跨域资源共享将请求分为简单请求和非简单请求 http缓存分为强缓存和本地缓存 Vue中计算属性是否可以缓存:是
阅读全文
摘要:使用elementUI的时候,想把它的表格组件和分页器组件组合使用,然后就去研究了一下。主要实现代码如下: <template> <div> <el-table :data="tableData.slice((currpage - 1) * pagesize, currpage * pagesize
阅读全文
摘要:概念 什么是mockJs 生成随机数据,拦截 Ajax 请求 参考文档:http://mockjs.com/examples.html 为什么使用mockJs 如果后端接口还未开发完成,我们自己手动模拟后端接口返回随机数据完成交互功能 采用json数据模拟,生成数据比较繁琐,也比较有局限性,没办法达
阅读全文
摘要:本人明说,迭代器和生成器看了至少有好几个版本的书了,但是感觉都挺那啥的(晦涩难懂)。然后为了加深我自己对迭代器和生成器的了解和认知,决定写这么一篇博客,望各位砥砺前行。 ###生成器 生成器,我的理解就是一个带有的函数,比如**function generator() {},或者function *
阅读全文
摘要:1.忘了路由怎样配的了,就离谱 const routes = [{}] const router = new VueRouter({ mode: 'histiry', routes }) export default router 居然用脚手架搭了以vue3为底层的框架,然后又用vue2的语法去写,
阅读全文
摘要:###BFC是什么? BFC:页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然 触发条件: float的值不是none position的值不是static或relative display的值是inline-block、table-cell、flex、table-capt
阅读全文
摘要:[丁大爷的博客](https://dingshiyi.top./detail/77#_102)
阅读全文
摘要:我他喵的又没有写这个,我还以为我之前就写上来了呢。哭兮兮 ####垂直水平居中 定位 + margin-top + margin-left .box { width: 1000px; height: 1000px; position: relative; } .son { position: abs
阅读全文
摘要:canvas这是一个非常强大的画图工具,既能划线,还能画图,最牛逼的是还能用来讨女朋友开心,啧啧啧。 ###canvas基础使用 计算机主要掌握方式就是练,所以我们直接上代码。 ####创建一个画布 <canvas id='canvas1' ref='canvas1' style="width: 1
阅读全文
摘要:我记得我之前不是写过防抖节流吗? ###防抖(debounce) debounce(fn, wait) { let timer = null return function() { timer && clearTimeout(timer) timer = setTimeout(() => { fn.
阅读全文