拢手点烟丶-优快云博客

原因：造成这种现象的原因其实是对标记点的偏移量offset属性理解不准确导致，查阅官方文档得知，offset默认值是[0,0]，就是定位中心点是在图标的左上角，带着此种思维再去看刚才的效果就可以发现，其实是没有偏移的，只是图标定位点在底部，缩放时造成的视觉上错觉，我们可以看到，如果把视觉焦点聚焦在左上角[0,0]的位置，其实定位一直是准确的。为了符合图标底部是实际定位点的效果，可以看到图标大小是35*38，基于左上角原点，x轴偏移半个宽度，y轴偏移整个高度即可，即offset: [-17.5, -38]

2023-04-24 18:56:45 3630

原创解决微信头像填写，微信临时路径不能持久化问题

把微信获取到临时路径图片转存到本地，然后通过本地在获取，在传到服务器，在通过接口存储到数据库，实现持久化。

2023-04-18 22:41:25 775 3

原创 uni-app设置单个页面颜色

uni-app设置单个页面颜色。

2023-03-21 14:30:29 1788

原创 pinia使用教程（vue3版本）

pinia使用教程（vue3版本）

2023-01-03 18:26:28 469

原创利用Scanner类读取file文件

利用Scanner类读取file文件

2022-11-22 12:16:32 406

原创 vue3组合式api基础（常用）

vue3组合式api基础（常用）

2022-09-14 11:33:37 1278

原创 div盒子垂直滚动

div盒子垂直滚动

2022-07-21 16:01:28 342

原创 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 1205

原创 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 439

原创 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 445 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 347 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 393

原创 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 1376 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 747

原创多行文本，超出部分显示省略号

多行文本，超出部分显示省略号<template> <view> 欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言欢迎大家留言 </view></template><style lang="scss" scoped> //如果是单行的话，但是要省略号 view{ wi

2021-04-16 11:06:13 381

原创 uni-app的scroll-view

uni-app的scroll-view<template> <view class="j-scroll">  <scroll-view scroll-x>  </scroll-view </view></template><style scoped lang=

2021-04-16 10:52:56 1187

原创 vue动态切换组件component

vue动态切换组件componentindex.vue<template> <div> <button @click="change('test')">动态更改组件</button> <component :is="item"></component>  </div></template><sc

2021-03-29 11:30:13 673

原创 css3向下的动画

css3向下的动画<template> <div class="border-std-down"> <img class="jwq" src="../../../assets/images/向下.png" alt="">  </div></template><style lang="scss" scoped> border {

2021-03-26 10:44:06 299

原创 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 216 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 442 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 1445 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 411

原创 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 513

原创 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 635

原创 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 652 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 381

原创 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 1852

css3的动画向下的图标

利用vue+print打印的js文件

wechat_devtools_1.03.2010240_x64.exe

空空如也