- 博客(11)
- 资源 (1)
- 收藏
- 关注
原创 vue使用mock
安装npm install mockjsmockjs原理拦截所有请求并代理到本地,然后进行数据模拟。使用mockjs出现的问题一些底层依赖XMLHttpRequest的库都会和它发生不兼容,本地调试只能通过看源码或者Debug出来解决方案如果是本地运行则会启动mock-serve运行,线上环境还是继续使用mockjs来进行模拟。一套mock数据可以多环境使用工程目录准备├── ...
2020-01-10 14:07:21 611
原创 工作问题记录(1)
修改树形结构字段名const ass = (data) => { var arr = [] data.map((item, index) => { let obj = {} obj.id = item.FID //FID为后台传的字段名 obj.title = item.FMenuName obj.children = item.Children ? ass(item.Children) : [];
2020-06-28 11:36:20 162
原创 微信小程序数据mock以及接口封装
目录准备|- api // 放置mock的数据以及api(与pages对应) |- home.js |- table.js|- components // 放置公用组件|- image|- pages |- home |- table|- utils |- mock.js // 下载mock-min.j...
2020-01-17 09:51:47 1349 1
原创 函数防抖和节流(让事件执行一次)
函数防抖(debounce)当一个动作连续触发,只执行一次常见应用场景搜索框搜索输入。只需用户最后一次输入完,再发送请求手机号、邮箱验证输入检测窗口大小Resize。只需窗口调整完成后,计算窗口大小。防止重复渲染。只需要请求一次接口实现原理非立即执行(在n秒内执行最后一次)function debounce(func,wait){ let timeout; ...
2020-01-10 15:48:17 777 1
原创 手把手写登录权限动态路由(一)
一、准备安装element安装axios安装js-cookie安装nprogress安装jsencrypt二、目录结构三、接口封装创建目录(src→utils→request.js)import axios from 'axios'import {getToken} from '@/utils/auth'// 创建axios实例const service = ax...
2020-01-10 15:47:51 376
原创 vue父子组件之间传值,以及之间方法调用
该文章主要记录在工作中经常使用的小知识点、注意点、遇到的小问题vue父子组件传值,调用方法父传子值,父调用子方法父组件向子组件传值(引入子组件→在引入的子组件绑定需要传送的值→子组件props接收)<!-父组件---><template> <div> <child :msg="msg"></child> <...
2020-01-10 15:47:11 784
原创 前端知识杂点(二)
该文章主要记录在工作中经常使用的小知识点、注意点、遇到的小问题ios cookie保存用户名保存不进去原因:因为ios不能保存中文字符的cookie决方法:使用encodeURI(URIstring)、decodeURI(URIstring)编码解码mescroll进去之后、ios其他界面就不能滑动了原因:配置 up 的 isBounce 为 false 之后, 会禁止window的t...
2020-01-10 15:46:04 172
原创 前端知识杂点(一)
该文章主要记录在工作中经常使用的小知识点以及注意点1. div垂直居中display: flex;align-items: center;justify-content: center;3. handlerform:{ handler:function(){}}immediate:true(立刻执行wacth监听)4. vuex this.$store.dispat...
2020-01-10 14:31:22 159
原创 CSS、javascript、jquery三种方法实现下拉菜单
1、纯CSS制作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html+css实现下拉菜单</title> <style type="text/css">
2019-01-05 12:51:36 373
原创 **JS实现淘宝产品放大镜效果**
JS实现淘宝产品放大镜效果鼠标往左移,大图片相当于大图片盒子往右移 Document &lt;script&gt; window.onload = function(){ //总盒子 var objDemo = document.getElementById("demo"); //小图盒子 var obj...
2019-01-04 13:29:12 734
转载 体会面向对象过程与面向对象的编程思想
体会面向对象过程与面向对象的编程思想加粗样式 Document <script> // 初级面向对象思想 document.getElementById('btn').onclick=function(){ document.getElementById("dv").style.backgroundColor="yellow"; }; /...
2018-11-28 12:14:46 240 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人