08 2020 档案

浅谈js的防抖和节流
摘要：如果一个事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的频率，同时又不影响实际效果。 比如说搜索框的请求优化，搜索的这个需求基本上随处可见，几乎每个项目都会有搜索。 输入搜索词条需要立即触发搜索请求时 阅读全文
posted @ 2020-08-31 23:51 哈哈O0O 阅读(259) 评论(0) 推荐(0)
vue分享二维码
摘要：####1. 点击事件 <van-icon name="cluster-o" @click="share" /> ####2. 显示二维码 <van-overlay 😒how="show" @click="show = false"> 分享 ####3. js //生成二维码需要下载一个qrcod 阅读全文
posted @ 2020-08-28 20:53 哈哈O0O 阅读(397) 评论(0) 推荐(0)
Ajax与Flash的优缺点
摘要：近几年的话 感觉是Ajax出现的频率比较多一点 平时写项目用的也都是Ajax 今天突然看到了Flash 然后又查了些资料 整理了一下Ajax和Flash 他们各自的优缺点 #####Ajax的优势 ######可搜索性 普通的文本网页会更有利于SEO。文本内容是搜索引擎容易检索的，而繁琐的swf字节 阅读全文
posted @ 2020-08-27 20:47 哈哈O0O 阅读(436) 评论(0) 推荐(0)
vue实现验证码倒计时
摘要：#####template <span v-if="codeShow" @click="getPhoneCode">获取验证码</span> <span v-if="!codeShow">{{count}}秒后重试</span> #####script data(){ return { codeSh 阅读全文
posted @ 2020-08-27 08:01 哈哈O0O 阅读(1501) 评论(0) 推荐(0)
vue组件绑定点击事件
摘要：今天敲代码的时候 发现不能给vue封装好的组件绑定点击事件 情况是这样的 因为 有一个列表 在很多地方都要用到 所以就封装成组件了 然后 里边有一个逻辑就是点击进入详情页面 我在组件上绑定了点击事件 发现 点击事件并没有生效 然后发现111和id都没有输出 查了查资料 发现 .native 修饰符可 阅读全文
posted @ 2020-08-25 00:27 哈哈O0O 阅读(16131) 评论(0) 推荐(0)
Vue中的data要用return返回
摘要：今天看面试题 突然看到 Vue中的data要用return返回 看到这个问题 刚开始没反应过来 因为平时写vue都是直接去写代码的 关于data要用return返回 只是知道一个大概 并``没有仔细去了解 首先先看一下下面的代码 var vm = new Vue({ el: '#example', 阅读全文
posted @ 2020-08-22 00:24 哈哈O0O 阅读(5370) 评论(0) 推荐(0)
vuex的使用
摘要：######Vuex 是一个专为 Vue.js 应用程序开发的状态管理库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，vuex基本很大程度的减轻了组件间的传值 #####vuex主要分为这几方面的内容 state：存储状态（变量） mutations 阅读全文
posted @ 2020-08-21 00:27 哈哈O0O 阅读(125) 评论(0) 推荐(0)
vue封装axios请求
摘要：对axios进行封装以及将API接口按业务模块统一管理，有助于我们简化代码，方便后期维护 其实vue封装axios是很简单的 #####首先 在src路径下建http文件夹 并且创建api.js env.js request.js 这三个文件 ######env.js文件 这个文件主要就是封装我们的 阅读全文
posted @ 2020-08-19 20:52 哈哈O0O 阅读(311) 评论(0) 推荐(0)
搭建vue开发环境
摘要：这是一个比较详细的搭建vue开发环境的教程 #####搭建vue开发环境 首先是基于node的 如果没有配置node环境的要先配置一下 这里附上node官网地址 直接按照自己电脑去下载就可 nodejs官网地址： https://nodejs.org/en/ node环境配置好了之后 就可以创建了 阅读全文
posted @ 2020-08-19 00:11 哈哈O0O 阅读(344) 评论(0) 推荐(0)
webpack搭建vue环境报错
摘要：今天用webpack手动搭建环境的时候，疯狂报错，好大会都进行不了下一步 #####首先是配置package.json //自动配置 npm init -y 一切都没有任何问题 #####然后安装webpack工具 npm install webpack webpack-cli --save-dev 阅读全文
posted @ 2020-08-17 23:48 哈哈O0O 阅读(389) 评论(0) 推荐(0)
JS的执行顺序 setTimeout与Promise async/await
摘要：######今天碰到一个很经典js执行顺序的题 代码不是很长 ######问的是console.log的输出顺序 ######这道题涉及到的知识点还挺多的 async function async1() { console.log("async1start"); await async2(); co 阅读全文
posted @ 2020-08-14 23:33 哈哈O0O 阅读(684) 评论(0) 推荐(0)
position属性脱离文档流覆盖其他内容
摘要：**微信小程序案例** 今天敲代码的时候 遇到了一个问题 就是在写一个购物小程序的时候 订单那一块有一个徽标 当时记得小程序好像是有组件的 但是没找到 就手动写了一个 看上去效果是实现了 样子还不错 但是当我退出登录 从头开始测试小程序的时候 发现了一个问题 下边的小徽标和icon 因为设置了pos 阅读全文
posted @ 2020-08-14 00:07 哈哈O0O 阅读(1082) 评论(0) 推荐(0)
vue子组件如何修改父组件中的变量
摘要：除了用子传父的方式 还有那种方式可以让子组件修改父组件中的变量，当时想的是 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定prop 都使得其父子 prop 之间形成了一个单向下行绑定，子组件除了向父组件通过 $emit派发事件 是不能改变父组件中的数据的 后来查了查相关资料 发 阅读全文
posted @ 2020-08-12 23:30 哈哈O0O 阅读(5710) 评论(0) 推荐(0)
微信小程序登录授权流程
摘要：小程序的登录授权是开发小程序中必不可少的一部分 今天整理了一下小程序的登录授权的流程 首先是官方给的小程序的登录授权流程图 下面是主要的部分哦~ ####1.项目路径结构 ####2.登录和未登录的不同状态 my.wxml页面 通过判断是否有token值来控制切换 <view class="user 阅读全文
posted @ 2020-08-12 01:08 哈哈O0O 阅读(9650) 评论(0) 推荐(1)
小程序封装request请求
摘要：为了减少代码量 以及方便后期的维护 ，把小程序中的request请求封装起来是很有用的 ###建一个和page同级的文件夹http ###1.建立一个nev.js 文件 封装各个环境下的公共接口 module.exports={ //开发环境 dev:{ baseUrl:'http://127.0. 阅读全文
posted @ 2020-08-10 20:35 哈哈O0O 阅读(1902) 评论(1) 推荐(1)
小程序解析富文本
摘要：在最近微信小程序开发过程中，遇到一些文章内容是HTML富文本的，但是微信小程序是不支持HTML标签的，所以我们在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签，然后找到了一个很好用的方法来解决这个问题的方法 >wxParse 下边是具体的使用方法 ###1.1.下载githu 阅读全文
posted @ 2020-08-09 00:35 哈哈O0O 阅读(1885) 评论(0) 推荐(0)
微信小程序的组件通信
摘要：###1.父传子 实现方式类似于vue 引入子组件 在子组件上添加自定义属性 例如：title,content 在子组件上的properties上添加要接收的属性 title,content 在子组件上通过{{ }}就可以直接使用啦。。 ps:只是接收的时候vue是用props 小程序是proper 阅读全文
posted @ 2020-08-08 00:02 哈哈O0O 阅读(2270) 评论(0) 推荐(0)
微信小程序自定义模板和组件
摘要：1.自定义模板 先建立public文件，在这个文件里再建一个，在这个文件里创建一个xxx.wxml,xxx.wxss, 在父组件里用import 引入 public文件 步骤1：用inport引入 步骤二：在父组件中使用 movie_moudule.wxml文件封装自定义模板 注意：自定义模板只复用 阅读全文
posted @ 2020-08-07 07:50 哈哈O0O 阅读(1889) 评论(0) 推荐(0)
微信小程序的生命周期和路由
摘要：小程序的生命周期 1.整体小程序的生命周期： 1 App({ 2 3 onLaunch() {}, 监听小程序初始化，只触发一次 4 onShow(){},小程序启动或切换到前台运行 5 onHide(),小程序切换到后台运行 6 7 }) 2.小程序页面中的生命周期 1 Page({ 2 //页面 阅读全文
posted @ 2020-08-06 00:15 哈哈O0O 阅读(351) 评论(0) 推荐(0)
微信小程序TodoList
摘要：今天刚学了一些微信小程序的皮毛 ，先做一个todolist的小dome试试手~ 先做简单的添加和删除功能 初步了解一下小程序开发 首先是效果图 ： 然后是wxml : 然后是js代码 ： 注意： 通过wv-index='{{index}}'传递的值在js文件中 通过ES6结构赋值的方式来获取的 添加 阅读全文
posted @ 2020-08-04 20:50 哈哈O0O 阅读(580) 评论(0) 推荐(0)