忘了喷发胶-CSDN博客

原创 vue面试题

vue解决的什么？1.虚拟Dom 直接操作dom元素非常消耗性能，所以我不再使用原生dom操作，本质还是操作dom，只不过换了一种方式2.数据视图样式分离修改元素非常简单，直接操作数据就好3.组件化单页面的组件我们可以拆分成不同的组件，以便后期的维护MVVM的理解M 就是 module V 就是 view VM 就是view-module在MVVM的框架下 view 和 module 没有直接联系是通过view-module实现数据的双向绑定view改变module

2020-11-11 22:05:43 162

原创微信小程序：页面内生成小程序二维码

页面内部生成小程序二维码逻辑实现获取 access_token使用 access_token + path地址 + width大小来生成二维码， wx.request({ url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET', //如果找不到，去小程序后台复制 hea

2021-11-03 15:28:30 4562 2

原创微信小程序封装防抖节流

需求：一个input 输入值之后，过一秒去请求接口；渲染放回数据1.在utils 中新建一个防抖节流的js文件2.然后c v/* 函数节流*/function throttle(fn, interval) {var enterTime = 0;//触发的时间var gapTime = interval || 300 ;//间隔时间，如果interval不传，则默认300msreturn function() {var context = this;var backTime = new

2021-07-13 14:48:55 279

原创小程序组件封装-上传图片组件封装

1.项目需要很多个图片上传然后为了节省代码，就把他封起来了首先看一下效果-上传后的样子，和没有上传的样子**1. 配置自定义组件首先在app.js同级新建一个components的文件夹，放我们的公共组件 **我们在components文件夹里面新建一个 pictureUpload 的文件，自动生成页面然后wxml<van-uploader bind:after-read="afterRead"><view class="pictureUpload"> &l

2021-05-31 17:35:16 450 6

原创 vue长时间不操作页面，退出到登录页面

今天收到一个需求，就是鼠标不动一个小时的情况下，退出到login登录页面，让他重新登录；我用vue 来写的，直接上代码，记录一下，1.我们的根页面 home.vue我们的hemo 最大的div 加一个全局的鼠标移动事件 @mousemove=“moveEvent” 知道你们懒就会cv然后在 methods里面绑定对应的事件 moveEvent() { let path = ["/login"]; //跳转的页面 if (!path.includes(this.$route

2021-05-24 16:39:12 574 6

原创微信小程序登录获取头像不显示

1.wxml<view class="container"><view class="userinfo"><block wx:if="{{!hasUserInfo}}"> <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button></block><block wx:else> <image b

2021-04-08 20:06:27 6012 1

原创小程序中，把echarts生成图片，拿到线上路径

今天项目中，需要把echarts转换成图片的格式传递给后端，也是踩了不少坑，特地记录一下，1.wxml的echaets 加一个id (渲染echarts就不说了吧)<view class="content echart-position"><ec-canvas id="line" canvas-id="line" ec="{{ ec }}"></ec-canvas>&

2021-04-08 17:28:16 1241 1

原创微信小程序table表格-隔行换色

wxml <view class="table"><view class="tableTr"> <view class="Tr">厂商品牌</view> <view class="Tr">销量</view> <view class="Tr">同比增长</view> <view class="Tr">环比增长</view></view><bloc.

2021-03-15 16:58:32 526

原创微信小程序拖拽view

wxml<view class="yidong" bindtap="btn_Suspension_click" catchtouchmove="buttonMove" bindtouchstart="buttonStart" bindtouchend="buttonEnd" style="top:{{buttonTop}}px;left:{{buttonLeft}}px;"> <view class="tidongdiv" hover-class="none" hover-sto

2021-03-11 17:43:38 980

原创 vue使用 fetch 二次封装

1.src文件夹下创建util文件夹2.util文件夹下创建fetch.js文件3.fetch.js书写注意请求的地址和请求头 tokenimport { Toast } from 'vant';//允许同时存在多个 ToastToast.allowMultiple();let dataurl = 'www.baidu.com' //我们请求的接口const Http = function () { let DeviceID = localStorage.DeviceID; if

2020-12-18 21:39:24 534 2

原创 vue使用axios二次封装

1.安装axiosnpm install axios --savevue 脚手架四使用 vue ui2.src根路径下创建util文件夹3.util文件夹下创建request.js文件4.在requset.js文件夹内写入import axios from 'axios'axios.defaults.baseURL='base网址'//请求拦截器axios.interceptors.request.use(config=>{ return config},err=>{

2020-12-18 21:10:27 302 1

原创 js中深拷贝与浅拷贝的区别

js中变量包含两种数据类型基本数据类型和引用数据类型浅拷贝的小例子let a = [0, 1, 2, 3, 4], b = a; a[0] = 1; console.log(a, b);b复制了a，修改数组a，数组b也跟着变了，a，如果我们let a = 1 ; 当你 b = a 的时候栈内存会开辟一个内存不会互相影响b，如果我们let a = [1,2,3,4] 当你b=a 的时候实在复制a的引用地址当我们a[0]=1 由于a和b指向的一

2020-12-17 20:53:19 331

原创 css常规

一盒模型标准盒模型: 总宽度=内容 ( content ) + border + padding + margin怪异盒模型: 总宽度 =(border + padding + content) +margin二弹性盒子/*开启弹性盒子*/display:flexflex-direction:row //(默认)主轴为水平方向,起点在左端。flex-direction:row-reverse //主轴为水平方向,起点在右端flex-direction:column //使用后

2020-11-26 11:59:59 112

原创 Html

html的语意化理解选择合理的标签，便于开发者阅读和写出更优雅的代码同时机器也能更好的解析原因1，为了没有css的情况下页面也能呈现出很好的结构2，title alt 解释名词或者解释图片3，与搜索引擎建立良好的关系爬虫能获取到更多的数据4，方便浏览器更好的解析5，便于团队后期的维护符合w3c的标准html新增了那些标签header 头部footer 页尾mian 主要内容nav导航栏aside 侧边栏section 块级元素...

2020-11-21 00:03:42 71

weixin_46208395的博客