05 2020 档案

switch在vue中实现原理
摘要：<template> <div> <span class="weui-switch" :class="{'weui-switch-on' : isChecked}" :value="value" @click="toggle" style="position:relative"> <div v-if 阅读全文
posted @ 2020-05-31 19:02 孟~先~生 阅读(1898) 评论(0) 推荐(0)
vue实现下拉框
摘要：<template> <div> <li> <div class="por"> <div class="selectBox" style="width: 400px;"> <div class="selectBox_show" v-on:click.stop="arrowDown"> <i clas 阅读全文
posted @ 2020-05-29 22:38 孟~先~生 阅读(8561) 评论(0) 推荐(0)
移动端实现拖拽事件
摘要：<template> <div> <div class="floatball" id="floatball" @mousedown="down" @touchstart.stop="down" @mousemove="move" @touchmove.stop="move" @mouseup="en 阅读全文
posted @ 2020-05-28 22:14 孟~先~生 阅读(1074) 评论(0) 推荐(0)
封装组件
摘要：封装组件有三个要素： 1，props：父传子 2，事件派发和监听 通过this.$emit()来派发事件@或者$on来监听事件 3，slot 插槽也叫内容分发 <slot name='插槽名'> 在组件中需要插入的内容 <div slot='插槽名'></div> 封装组件思考： 1.你想向用户暴露 阅读全文
posted @ 2020-05-27 21:29 孟~先~生 阅读(515) 评论(0) 推荐(0)
vue配置跨域
摘要：在vue中怎么解决跨域呢 ？ 我是怎么解决的。 在vue.config.js文件中进行配置。 上代码：：：： proxy: { '/api': { target: 'https:/********.com', changeOrigin: true, pathRewrite: { '^/api': ' 阅读全文
posted @ 2020-05-26 21:30 孟~先~生 阅读(1732) 评论(0) 推荐(0)
vue的组件通信
摘要：组件通信大概分三种； 一，父子通信 父传子是在子组件中通过props来接收父组件传递过来的数据： 例如： props: { title: { type: String, //检查接收的数据类型 default: '请输入标题', //设置如果没有传递数据时的默认值 required:true //必 阅读全文
posted @ 2020-05-22 23:02 孟~先~生 阅读(167) 评论(0) 推荐(0)
vue3.0图片循环不出来的解决方案
摘要：在循环遍历的时候img一直没反应渲染不到页面上。 也都没有报错。 在img中直接写路径图片可以出来。 解决办法：：： 在数组中的img引用的路径要用 require来引用；代码：：：： imgs:require('../assets/tu.png') 阅读全文
posted @ 2020-05-21 22:08 孟~先~生 阅读(639) 评论(0) 推荐(0)
环境切换
摘要：第一步先要了解都是有什么环境！！！ 一共呢是有着5种环境：：： 本地环境 测试环境 灰度环境 预发布环境 成产环境 有着两种方案去解决环境接口地址切换 第一种：通过cross-evn配合webpack来进行配置，还需要node可以去参考https://www.npmjs.com/package/cr 阅读全文
posted @ 2020-05-20 23:56 孟~先~生 阅读(281) 评论(0) 推荐(0)
vue中axios得封装及使用
摘要：现在目录中得src文件中自定义一个文件在里面建立一个request.js文件 这个里面写得请求拦截和响应拦截 代码如下：：： /* eslint-disable prefer-promise-reject-errors */// eslint-disable-next-line no-unused- 阅读全文
posted @ 2020-05-19 21:57 孟~先~生 阅读(466) 评论(0) 推荐(0)
vue3.0安装时遇见的bug
摘要：安装3.0vue得时候容易遇见得两个报错 第一个就是sass安装不上 这样得报错：：：： 解决方案是 在命令提示符得管理员中安装 npm install -g --production windows-build-tools安装成功了在创建项目第二个是在启动项目后提示错误 这个是因为node.js版 阅读全文
posted @ 2020-05-18 21:51 孟~先~生 阅读(340) 评论(0) 推荐(0)
webpack搭建过程
摘要：webpack有五大核心：：： entry：入口 output：出口 loader：资源转换器 plugin：插件 mode：模式 webpack目前最稳定版本呢是 4.43 然后说一下怎么创建webpack：：： 先创建一个目录 创建一个webpack.json文件 然后在终端安装 npm ini 阅读全文
posted @ 2020-05-17 22:15 孟~先~生 阅读(155) 评论(0) 推荐(0)
token？？？？是什么？？？
摘要：今天呢 在网上无意间看到的一个问题 token他到底是干什么的，具体是什么？ 说白了就是一个用户名的身份证，令牌。可以存储用户的信息。有着生命周期等等 下面就来说一下怎么使用的 1、Token的引入：Token是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名 阅读全文
posted @ 2020-05-16 23:08 孟~先~生 阅读(333) 评论(0) 推荐(0)
typscript
摘要：今天的简单的了解了一下typscript。 他呢跟js比呢简单的来说就是更严谨了一些他增加了一些东西。 比如呢：：：： 元组，枚举，any,void,never，tsc --init 元组：是规定元素个数和元素类型和元素顺序的数组元组不要越界访问 默认情况下，枚举是基于 0 的，也就是说第一个值是 阅读全文
posted @ 2020-05-15 22:21 孟~先~生 阅读(112) 评论(0) 推荐(0)
六种js继承的优缺点
摘要：js继承 js的继承呢我了解的有6个，分别呢有：：： 1，原型连继承 他的特点 ： 将父类的实例作为子类的原型 特点： 非常纯粹的继承关系，实例是子类的实例，也是父类的实例 父类新增原型方法/原型属性，子类都能访问到 简单，易于实现 缺点： 要想为子类新增属性和方法，必须要在new Animal() 阅读全文
posted @ 2020-05-14 21:31 孟~先~生 阅读(1201) 评论(0) 推荐(0)
科技时代
摘要：现在随着科技得不断发展，人们生活得水平不断得提高。越来越多得高科技逐渐得出现在人们得眼中。 在今天看了一篇物流报道后感受到了科技给人们工作上带来了很大得便捷。 利用大数据和一些强大得算法能够大大得提高了工作得效率， 比如说用一个条形码或者是二维码就能够轻松得获取到了物件得所有得一些信息。 也让出错得 阅读全文
posted @ 2020-05-13 23:36 孟~先~生 阅读(595) 评论(0) 推荐(0)
日常刷题
摘要：今天在刷题得时候看见得一道题。 flat：数组得扁平化 ，这个呢是es2019出得 数组得扁平化他得概念呢是如何将多维数组转换成一堆数组得过程 有两种方法：1，toString() 2,flat转换 接下来呢举两个例子： var list = [1,2,3,4,[5,6,7]] list.flat( 阅读全文
posted @ 2020-05-13 23:09 孟~先~生 阅读(119) 评论(0) 推荐(0)
promise 理解
摘要：对promise 的一些见解， 1.Promise是一种为了避免回调地狱的异步解决方案 2.Promise是一种状态机： pending（进行中）、fulfilled（已成功）和rejected（已失败） 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。 3.Promi 阅读全文
posted @ 2020-05-12 21:52 孟~先~生 阅读(272) 评论(0) 推荐(0)
回顾js
摘要：今天呢简单的回顾了一下js 主要呢是回顾了一下js的发展历史 ES1.0 1997年发布 ES2.0 1998年发布 ES3.0 1999年发布 ES4.0 被放弃 ES5.0 2009年发布 IE9以上才开始支持 ES5.1 2011年发布 Array map Es6(全称EcmaScript 6 阅读全文
posted @ 2020-05-11 21:41 孟~先~生 阅读(140) 评论(0) 推荐(0)
webpack
摘要：今天呢写了一边webpack搭建vue 刚开始接触webpack的时候呢。就是感觉一脸懵的感觉 随着慢慢的接触呢发现了他很多的神器之处 之前呢一直在用vue这个框架，从来也没有自己搭建过也没有很深入的了解过。 接触过了以后呢，才发现了他跟深入的一些很不一样的感觉。 让我对vue这个框架有了更深入的一 阅读全文
posted @ 2020-05-10 22:26 孟~先~生 阅读(88) 评论(0) 推荐(0)
关于npm镜像的问题
摘要：在使用外国npm镜像的时候会下载的特别的慢有时候呢会根本下载不出来 所以呢就要改变一下镜像了，改变成淘宝镜像 npm config set registry https://registry.npm.taobao.org通过这个呢就可以改变当前的镜像问题了 阅读全文
posted @ 2020-05-09 21:35 孟~先~生 阅读(285) 评论(0) 推荐(0)
日长小bug
摘要：今天在写微信小程序购物车的时候遇见了token获取不到 我已经成功的获取到了每次登陆时候的token但是在添加的购物车的时候就是获取不到token 然后吧注册登陆获取code全都从新走了一边 在api工厂里面也获取到了我的信息 代码中也都获取到了 也可以打印出来 但是就是在添加到购物车的时候获取不到 阅读全文
posted @ 2020-05-08 20:45 孟~先~生 阅读(95) 评论(0) 推荐(0)
关于微信小程序跳转的问题细节
摘要：今天在做微信小程序跳转的时候由于没有注意路由的跳转的方法导致在跳转到 tabBar页面的时候出现了bug 然后今天呢就是说一下路由跳转 wx.switchTab 这个是可以跳转到tabBar页面的 wx.reLaunch 这个是关闭所有页面打开到应用中的某个页面 wx.redirectTo这个是关闭 阅读全文
posted @ 2020-05-07 21:40 孟~先~生 阅读(316) 评论(0) 推荐(0)
详情页中请求的数据渲染多出来很多不必要的空数组
摘要：在做详情页中渲染的时候 数组中会有很多个对象。 直接用for循环渲染的话会循环多次，吧不需要的数组也会渲染出来。 解决方案呢是直接用对象的形式来进行你需要渲染的对象， 这样就会只渲染你选中的当前对象 阅读全文
posted @ 2020-05-06 22:30 孟~先~生 阅读(230) 评论(0) 推荐(0)
微信小程序的分类
摘要：在微信小程序中做侧边栏的分类 需要获取当前的id来和数据里的id经行对比然后判断 。在进行渲染， 遇到的问题呢是在获取完id进行对比的时候 对比的id一直未空。对比的id不是获取到的id。 原因呢是获取id是在点击事件中进行的。而对比id是在页面首次进行加载的生命周期中对比的。 每次进行对比的时候都 阅读全文
posted @ 2020-05-05 21:57 孟~先~生 阅读(511) 评论(0) 推荐(0)