- 博客(19)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 js实现项目等宽缩放,大屏适配方案
项目大屏适配解决方案 （等宽缩放）项目正好有对应需求,实现方案很多,一开始采用了 wh和vw的方案,发现不太适合,所以采用了等宽缩放的方案该方案参考的 阿里的dataV的方案1. 首先,环境依赖jquery这里我写了一个例子,可以直接进行参考,scale.js文件代码在2目录,请往下翻,jq我用的是离线的,想要的小伙伴可以采用cdn引入<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js">
2021-10-12 11:16:26
1853
1
原创 前端开发笔记,持续更新中!!! 2020-11-9
# reduce 函数// 求和var numbers=[65,44,12,4];function getSum(total,num){ retuen total+num}function MyFun(item){ var numrs=numbers.reduce(getSum)}#Object.keys()方法//获得对象中所有的键或者其他方法使用//PS:IE11包括IE11不支持var person = { name:"张三", age:18,
2020-10-27 11:16:10
765
原创 2021-07-19
Vue随手笔记(怕忘记)Object.assign(this.$data, this.$options.data());// 重置vue数据
2021-07-19 14:30:37
162
原创 关于在工作中遇见的箭头函数返回加{}和不加{}的区别
关于在工作中遇见的箭头函数返回加{}和不加{}的区别根据上图链式操作是不是感觉和下图的链式操作一样是不是看着没什么区别,实则不是这样,简写去掉大括号相当于在事件前面加了一个return.then(time2) => { return step2(time2)}就可以实现一直.then的链式操作,图二的操作看似和图一一样,其实图二的操作是错误的...
2021-02-26 10:26:55
241
原创 vue 按钮级别权限的实现
# vue 按钮级别权限的实现按钮级的权限1.1前后端共同规定每种按钮的标识符 添加=>Add 修改=>Update 删除=>Delete 在每次加载页面的时候请求接口,拿到按钮级别的权限,存放在Session里面或者公共存储里面 然后通过自定义v-has=”{class:’Add’}”去控制显示和隐藏使用2.1在src下的utils里面把js文件放进去,随后在main.js里面引入, import { has } from “./utils/hasPe
2020-11-09 18:22:03
701
原创 vue+elementui动态生成侧拉导航栏
# vue+elementui动态生成侧拉导航栏# 一共两种办法,根据情况而定,首先第一种首先,拿到菜单树结构数据 nav: [ { icon: "el-icon-s-platform", title: "首页", path: "/welcome" }, { icon: "el-icon-s-operation", title: "test",
2020-11-09 18:21:05
3041
3
原创 HTML面试题
1.使用link和@import有什么区别link属于XHTML标签,除了加载CSS外,还能用于定义RSS,定义rel连接属性等作用,而@import是CSS提供的,只能用于加载CSS页面被加载的时候,link会同时被加载,而@import引用的CSS会等到压面被加载完再加载兼容性的区别import是CSS2.1提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼...
2019-12-19 09:18:57
186
原创 sessionStorage,localStorage,cookie
html5新特性服务器存储session临时,安全问题:占用服务器端内存客户端存储cookie大小限制1kb极容易泄露隐私移动端不支持cookiewebStorage大小限制8MB移动端可移动webStorage提供了两个对象sessionStorage会话级存储存储在sessionStorage中的数据,只在当前会话过程中有效比如:用户...
2019-12-16 20:19:21
190
原创 json-server
什么是json-server一个在前端本地运行,专门模仿后端接口地址的可以存储json是数据的简易版server今后,都是前后端分离方式开发前后端是完全独立的两个项目前后端两个项目是并行发行也就是说前端项目开发时,后端接口暂时未写好此时就需要前端开发人员用最简单的办法,模拟出后端接口地址,来保证前端项目的开发进度安装npm install -g json-server使...
2019-12-16 17:19:08
228
原创 keep-alive路由缓存
keep-alive可以干什么可以缓存组件的内容,避免重复加载,影响效率何时使用只要我们希望一个组件的内容,不要重复加载时使用如何缓存页面在router.js或者router/index.js中在需要缓存的路由上添加meta:{keepAlive:true}import Vue from 'vue'import VueRouter from 'vue-router'i...
2019-12-16 10:38:56
201
原创 路由懒加载
为什么用路由懒加载?webpack如果把所有的js文件都打成一个js文件,包会很大,严重影响页面首屏的加载速度懒加载:把不同的路由对应的组件分割为不同的代码块当路由被访问时,才动态加载对应组件文件怎么做在脚手架的router.js或者router/index.js中的路由列表routes数组里面,需要加载的路由地址不要过早的import,应该是路由首次被访问到,才import...
2019-12-15 13:44:56
231
原创 Vue面试题(持续更新..)
1.Vue中的v-show和v-if是做什么的,两者区别是什么v-if是当它后面的条件为true的时候才开始渲染,否则不会进行渲染相比之下,v-show就简单的多,不管初始条件是什么,元素总是会被渲染,并且只是简单的css切换,如果需要频繁的切换,用v-show比较好如果在运行时不太可能改变,则使用v-if比较好2.组件传参的方式父传子,子传父,兄弟之间的传参(1).父传子...
2019-12-14 16:55:34
410
原创 js面试题(持续更新)
1.谈下对Promise的理解Promise是用来解决回调地狱的问题的,只要要求多个异步执行的函数,必须连续顺序执行,就庽Promise用法在前一个函数内返回Promise对象,Promise的参数中是个函数,有两个回调函数参数 resolve,reject在正常执行后,调用resolve();就会自动执行**.then(下一个函数)**在出错时,调用reject(),就会自动执行**...
2019-12-14 15:16:14
176
原创 jsonp跨域
方案一服务器端配置创建了一个server.js文件,配置服务器//引入支持接收请求,返回响应的模块httpconst http=require('http');//创建服务器程序实例http.createdServer((req,res)=>{ //每当有客户端发来请求时,自动调用->回调函数 res.writeHead(200,{//配置下utf-8,防止乱码 ...
2019-12-14 11:54:56
113
原创 axios是什么,怎么使用?
axios是什么axios是请求后台资源的模块安装npm install axios -S如何使用?在HTML中引入JS文件<script src="axios.min.js"></script>在全局对象添加axios对象,包含发送请求的api调用axios,发起异步请求Get请求axios.get("url",{params:{//u...
2019-12-14 10:36:42
2439
转载 在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码
在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码.1.如何在网页上显示腾讯QQ在线洽谈?QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码)(将123456换成你的号码,site后面换成你的网站就可以了)<a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=6646...
2019-12-10 09:03:22
642
翻译 QQ交谈
点击图片或者链接进行交谈把QQ号改成自己的<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head><body> <a href="http://wpa.qq.com/msgrd...
2019-12-10 08:58:14
277
原创 vue路由跳转传参乱码解决
vue路由组件跳转传参中文乱码解决-在路由传参this.$router.push("/index?uname=xxx")在下一个页面加载时截取导航栏中的参数用location.href截取到导航栏再用截取或者正则截取,我用的是截取中的split方法下一个组件加载时用created在获取导航栏中的信息时,提前用**decodeURL(loaction.href)**包住就可以解决中文...
2019-12-09 11:29:41
8128
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人