- 博客(53)
- 资源 (3)
- 收藏
- 关注
原创 vue路由缓存
在业务场景中有时候需要页面缓存不清空,那么就需要保留缓存(include为需要缓存,而exclude为不缓存,且优先级大于include)是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。
2024-06-06 14:01:35 364
原创 高德地图自定义标记点marker缩放偏移问题
原因:造成这种现象的原因其实是对标记点的偏移量offset属性理解不准确导致,查阅官方文档得知,offset默认值是[0,0],就是定位中心点是在图标的左上角,带着此种思维再去看刚才的效果就可以发现,其实是没有偏移的,只是图标定位点在底部,缩放时造成的视觉上错觉,我们可以看到,如果把视觉焦点聚焦在左上角[0,0]的位置,其实定位一直是准确的。为了符合图标底部是实际定位点的效果,可以看到图标大小是35*38,基于左上角原点,x轴偏移半个宽度,y轴偏移整个高度即可,即offset: [-17.5, -38]
2023-04-24 18:56:45 2531
原创 解决微信头像填写,微信临时路径不能持久化问题
把微信获取到临时路径图片转存到本地,然后通过本地在获取,在传到服务器,在通过接口存储到数据库,实现持久化。
2023-04-18 22:41:25 656 3
原创 git从0提交到远程,不使用git clone方法,使用git remote add
git从0提交到远程1、git init2、git remote add origin ssh://*************.git3、创建一个README.md4、git add .5、git commit -m ‘初始化项目’6、git push --set-upstream origin master7、git branch dev //创建分支8、git status //查看修改文件9、重复4、510、git push origin dev:dev //提交并创建远程分支为d
2022-04-21 15:54:28 1066
原创 js高阶函数(常用)
js高阶函数(常用)定义:JavaScript的函数其实都指向某个变量,那么函数指向函数,这种函数就被称之为高阶函数。一、map()let rooms=['h1','h2',"h3"]let newRooms=rooms.map(rm=>{ if(rm==='h3'){ return 'h4' }else { return rm } })console.log(newRooms,'newRooms')console.lo
2021-11-08 10:24:26 397
原创 vue网站导航栏吸顶效果
vue网站导航栏吸顶效果分别是h5部分,script部分,css部分<template> <div ref="header" class="header-container"> 123 </div></template>mounted() { var scrollTop = document.documentElement.scrollTop || document.body.scrol
2021-09-22 10:14:34 391 1
原创 vue使用webpack封装组件上传到npm
vue使用webpack封装组件上传到npm组件上传npm,使用简易版webpack1. 为什么使用简易版,因为好配置vue init webpack-simple jwq-ui//jwq-ui是名称,请选择npm里面没有的名称2.创建components文件夹,里面放自己的组件,在跟目录下新建index.js作为入口文件3.index.js文件的内容import firstComponent from "./src/components/firstComponent"import se
2021-08-19 09:45:47 309 2
原创 把一个数组里面的两个属性转变成一个对象
把一个数组里面的两个属性转变成一个对象上代码let a = [{ name: 'jwq', number: 1 }, { name: 'zhn', number: 2 }, { name: 'zwq', number: 3 }]let b = []a.forEach(item => { console.log(item.name, 'item.name') console.log(item.number, 'item.num
2021-08-09 10:41:10 361
原创 Egg.js快速搭建项目
Egg.js快速搭建项目//推荐使用cnpm//创建文件夹egg-example,到egg-example的目录mkdir egg-example && cd egg-example//全局安装egg的脚手脚npm i egg-init -g//初始化项目为eggDemo的项目,下面出现的填写,直接按空格即可,后续可以在package.json里面修改npm init eggDemo --type=simple//安装依赖npm i//启动项目后直接打开http://1
2021-04-30 14:50:48 1331 2
原创 uni-app中较为好用的ui框架uview安装
uni-app中较为好用的ui框架uview安装第一步使用HBuilderX导入插件,地址https://ext.dcloud.net.cn/plugin?id=1593把uview-ui这个文件复制,放到项目根目录下uview较为依赖scss,需要安装scss插件,在HBuilderX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装在main.js中进行配置import uView from 'uview-ui'Vue.use(uView)在u
2021-04-19 11:33:46 610
原创 多行文本,超出部分显示省略号
多行文本,超出部分显示省略号<template> <view> 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 欢迎大家留言 </view></template><style lang="scss" scoped> //如果是单行的话,但是要省略号 view{ wi
2021-04-16 11:06:13 343
原创 uni-app的scroll-view
uni-app的scroll-view<template> <view class="j-scroll"> <!-- scroll-x是允许横向滚动 scroll-y是允许纵向滚动--> <scroll-view scroll-x> <!-- 这里面放内容--> </scroll-view </view></template><style scoped lang=
2021-04-16 10:52:56 1069
原创 vue动态切换组件component
vue动态切换组件componentindex.vue<template> <div> <button @click="change('test')">动态更改组件</button> <component :is="item"></component> <!--这个is绑定的是注册的组件名 --> </div></template><sc
2021-03-29 11:30:13 611
原创 css3向下的动画
css3向下的动画<template> <div class="border-std-down"> <img class="jwq" src="../../../assets/images/向下.png" alt=""> <!-- src为相对路径 --> </div></template><style lang="scss" scoped> border {
2021-03-26 10:44:06 264
原创 es6语法之map,set
es6语法之map,set1.map let map = new Map() //创建一个map对象 map.set('aa', 123) console.log(map.get('aa'), 'jwq')//显示结果是123,'jwq'2.map与array的转换二维数组转换为Map对象let jwqArray = [["jwq", "value1"], ["zhn", "value2"]];let myMap = new Map(jwqArray);console.log(typ
2021-02-24 16:00:16 185 1
原创 解决烦人的eslint
解决烦人的eslint由于大部分人写项目的方式方法不同,如果项目理由eslint的话,自然会出现很多的爆红,对于强迫症的我来说,我还是喜欢先把他注释掉,在合并时放出来//在webpack.base.conf.js中找到function resolve (dir) { return path.join(__dirname, '..', dir)}const createLintingRule = () => ({ // test: /\.(js|vue)$/, // loader
2021-02-20 10:30:07 401 2
原创 ‘yyyy-MM-dd HH:MM:SS’格式的字符串转日期vue
‘yyyy-MM-dd HH:MM:SS’格式的字符串转日期vue<template></template><script> export default { created() { let startTm='2021-02-15 00:00:00' let endTm='2021-02-26 00:00:00' let date = new Date() //两个字符串比较
2021-02-07 11:20:25 1395 2
原创 ip地址详解
ip地址详解ip地址是网段+主机位构成的(如10.1.1.1)网络取决于子网掩码255的个数(如255.255.255.0)他的网段就是10.1.1.0主机位是.1(主机位不可以是0)255.255.255.255(理论上是全球广播地址)主机电脑的127.0.0.1 回环地址当主机位为255时,就是那个网段的广播地址A 第一位ip地址在1-126 默认子网掩码 255.0.0.0B 第一位ip地址在128-191 默认子网掩码 255.255.0.0C 第一位ip地址在 192-223
2021-02-01 16:35:29 363
原创 vue把网页转换成图片html2canvas
vue把网页转换成图片html2canvasnpm 导入html2canvasnpm install html2canvas在使用的页面导入import html2canvas from 'html2canvas'使用<template> <div> <div ref="image"> 把需要转换成图片的代码写在里面 </div> <button @click="toImage">下载
2021-01-28 15:21:17 478
原创 vue+elementui 动态增减表单
vue+elementui 动态增减表单<template> <div v-for="(item, index) in dataForm.domains"> <el-row :gutter="20"> <el-col :span="7"> <el-form-item label="内容" :key
2021-01-28 14:42:19 604
原创 vue+elementui+print.js
vue+elementui+print.js首先去资源中下载print.js在项目下的static中建立一个文件夹print-plugs在mian.js中导入import Print from '../static/plugins/print-plugs/print' // 打印Vue.use(Print)使用print.js<template> <div> <div ref="printCont"> <di
2021-01-28 11:28:23 608 1
原创 echarts+vue
echarts+vue//echarts的npm安装npm install echarts --save//or (或者)cnpm install echarts --save//main.jsimport echarts from 'echarts'Vue.prototype.$echarts = echarts//全局使用this.$echarts<template> <div ref="top" class="top-child-foot"></di
2021-01-26 17:43:59 353
原创 vue+elementui中使用echarts给柱形图添加背景色
vue+elementui中使用echarts给柱形图添加背景色首先使用npm安装echartsnpm install echarts --save//or(或者使用)cnpm install echarts --save在main中引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts//全局引入,并配置全局变量,使用this.$echarts在文件中使用echarts<temp
2021-01-25 10:07:22 1766
原创 需求:基于elementui在表格里面可输入
需求:基于elementui在表格里面可输入要怎么实现呢?我们的思路肯定是在表格里面放input,然后把input边框隐藏起来,就可以做到表格可输入//template里<table> <tr> <th>地区</th> <th>人数</th> </tr> <tr> <td>上海区</td>
2021-01-23 11:00:11 1283
原创 针对elementui表格字段有时候会飘来飘去,和代码内的顺序不一致
针对elementui表格字段有时候会飘来飘去,和代码内的顺序不一致//在每一个 el-table-column下面加上key进行排序<el-table-column prop="apply" label="专业" header-align="center" align="center" key="0"></el-table-column> <el-table-column prop="level" label="层次" header-align="ce
2021-01-22 15:06:15 299
原创 生成ssh公钥
生成ssh公钥//xxx为自己的邮箱 打开cmd 建议管理员模式window键+字母x选择管理员模式//公钥一般在c盘用户路径下,我的是C:\Users\ASUS\.sshssh-keygen -t rsa -C "xxxxx@xxxxx.com"
2021-01-22 11:26:45 166
原创 修改主题色elementui
修改主题色elementui1.在下面修改主题色,并下载官网链接:https://element.eleme.cn/#/zh-CN/theme/preview2.解压下载文件3.把theme文件拉到项目中4.在main.js中加入import Vue from 'vue'import Element from 'element-ui'import './element-variables.scss'Vue.use(Element)5.要是修改主题色后,使用element框架的i
2021-01-22 10:48:20 205 1
原创 git
//配置用户名和邮箱git config --global user.name “jwq”git config --global user.email jwq@jwq.com//初始化项目git init//从gitlab等上获取代码git clone http://gitlab.jwq.com/jwq/gitlabTest.git//创建dev分支git branch dev//切换分支git checkout dev//跟踪文件(执行这条命令后会被放在暂存区域)git add j
2021-01-08 10:45:22 109
原创 vue中的computed(计算属性)get和set
vue中的computed(计算属性)get和setdata() { return { a:1 }},computed : { changeA() { return this.a+1 }}//这个时候调用的是get属性data() { return { a:1 }},computed : { changeA() { get() { return this.a + 1 }, set(val) {
2021-01-07 15:41:55 887
原创 js的delete,in,instanceof,typeof
js中的deletelet a = [ { name : ' jwq ' , age : 24 } ,{ name : ' zhn ' , age : 23 } ]a.forEach(item=>{ delete item.name})console.log( a , ' a ' )//最后的到的结果是a = [{ age :24 } , { age :23 }]那这个delete能干什么呢?它是用来删除对象的属性的操作符,而不是删除一个对象的操作符如果dele
2021-01-06 15:49:52 200
原创 1,0在js中有可能会等于true和false来去判断的
1,0在js中有可能会等于true和false来去判断的当是**==**时0会被等于false,而1则会被等truelet a = 0if(a){ console.log(a,'a') }else{ console.log(!a,'!a')}//这里的!a会被返回true当是**===**时0不会被赋值false,是Number类型就是Number,let a=0if(a===0){ console.log(a,'a') }else{ console.l
2021-01-05 17:28:50 696
原创 Base64
Base64密码加密一般会使用//首先加载base64的依赖npm install --save js-base64//对有需要的加密的密码就行加密//首先进行导入import { Base64 } from 'js-base64';//或者导入import { encode, decode } from 'js-base64';//接下来是使用let a='jwq'//加密Base64.encode(a)//解密Base64.decode(a)//如果是在请求里面的话,可以
2021-01-05 15:03:53 478
原创 express安装与hello express
express安装与hello expressmkdir express //创建express文件夹cd express //切到expresscnpm init -y//或npm init -y//跳过向导,直接生成cnpm i -S express//安装依赖并保存到package.josn中到这一步,算是依赖安装完成了,开始helloworld创建一个js文件let express = require('express')//导入核心模块let app = exp
2020-12-31 16:27:14 145 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人