- 博客(29)
- 收藏
- 关注
RSS订阅
原创 vscode 开发插件集合
一、基础通用插件Chinese ***vscode编辑器汉化包，安装后，在 locale.json 中添加 “locale”: “zh-cn”，即可载入中文（简体）语言包。Auto Rename Tag ***自动重命名成对的HTML标记，修改开始标签，结束标签会同步修改HTML Snippets ***HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了Bracket Pair Colorizer ***该插件可以为你把成对的括号做颜色区分，并且提供一根连接线
2022-05-05 10:45:53
5124
原创 【vue】canvas图片剪切
对图片进行遮挡有 overflow: hidden、clip-path 以及 mask-image。overflow是进行超出不显示，通过父元素遮挡超出部分。但是效果不理想。clip-path是进行裁剪，但是裁剪之后image所占空间不会改变。在线工具mask-image是进行image遮挡，没有实践，据说遮挡之后image所占空间不会改变。最后，还是选择使用canvas进行裁剪工作。image会存在底部有间隙的问题？解决办法：对image设置display:block;一、图片剪裁drawIm
2022-12-05 16:36:35
1453
原创 ios中safari浏览器中window.open()无效的问题
除了sadari以外的浏览器，点击按钮后都会成功开启新页面。而在safari中认为window.open()是一种弹窗，而safari浏览器阻拦弹出式视窗。我这里是在uniapp中处理的方式，其他可自行调整。
2022-11-29 11:55:50
2522
原创 【javascript】clientHeight，offsetHeight，scrollHeight，scrollTop的理解，以及触底函数
通常使用 clientHeight+ scrollTop >= scrollHeight 来判断是否触底。含义：元素的像素高度 包含元素的垂直内边距和边框，水平滚动条的高度，且是一个整数。含义：元素的像素高度，包含元素的高度+内边距，不包含水平滚动条，边框和外边距。含义：元素内容的高度，包括溢出的不可见内容。含义：元素滚动到屏幕上面不可见区域高度。
2022-09-19 15:54:35
592
原创 【vue】图片裁剪插件cropperjs
cropper github传送门思路：上传本地图片；预览（因为cropperjs要对显示的块级元素操作）；本地图片出现后；开始选择裁剪选取；选定后裁剪；代替预览的src；最后销毁cropper。代码如下：// html部分<input type="file" id="uploadImg" @change="uploadimage" accept="image/jpg,image/jpeg,image/png,image/PNG"><img id="upload
2022-05-24 20:45:16
417
原创 【vue】生成海报并下载
vue3.0思路1利用布局将图片与二维码结合；然后使用html2Canvas截取需要部分的，并生产图片的base64；再通过超链接download将截取的图片下载。// 通过点击事件调用这个方法就能进行截取了，注意querSelector中要写入想要截取部分的选择器 doCut() { let that = this; html2canvas(document.querySelector("#poster")).then((canvas) => {
2022-05-24 15:47:57
604
原创 【小程序】自定义TabBar遇到的问题
首先使用了 template然后使用了官方的自定义tabbarhttps://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
2022-05-17 14:41:42
1055
原创 【小程序】自定义导航栏问题
首先获取状态栏高度和胶囊位置信息// 获取状态栏高度 getStatusBarHeight(){ //获取状态栏的高度 wx.getSystemInfo({ success: (res) => { console.log("状态栏高度：", res.statusBarHeight) this.globalData.statusBarHeight = res.statusB.
2022-05-17 13:59:22
207
原创 【javascript】深拷贝和浅拷贝
浅拷贝： 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。（使用栈中的地址，而非堆中的数据）深拷贝：深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。（使用堆中的数据，而非栈中的地址）深拷贝的方法：1. JSON方法var obj1 = { name: 'shen'}var obj2 = JSON.parse(JSON.stringify(obj1))obj2.name = 'shenzhiyong'console.
2022-05-13 00:50:55
740
原创 【css】层叠样式表基础
css 语法1. css实例h1 {color: skyblue;}h1 是选择器{} 中声明选择器的属性和值color 是属性skyblue 是值2. css注释注释后的代码，浏览器会忽略这个样式。 h1 { /* color: skyblue; */ }3. css Id 和 Class 选择器id 选择器 只能在同一个page中出现一次，并且在css中使用要在前面添加”#“。class 选择器 在同一个页面中可以出现多次，并且在css中使用要在前面加上”.“注意
2022-05-11 00:28:48
226
原创 【css】样式集合
字镂空效果 -webkit-text-stroke: 1px white; //文字描边 color: transparent; //字体颜色设置为透明文文字颜色渐变background: linear-gradient(to right, #46fb8e, #1fe8e6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;.........
2022-05-07 18:26:35
427
原创 【vue】vue3.0中使用ant Design vue
ant design vue pro 按需引入import {Button} from 'ant-design-vue';app.use(Button);ant design vue pro 全局引入import Antd from 'ant-design-vue';app.use(Antd);ant design vue pro icon 按需引入（组件方式）import {UserOutlined} from '@ant-design/icons-vue'app.component(
2022-05-05 17:00:54
1754
原创 【小程序】使用echarts[ec-canvas]插件的踩坑记录
小程序使用echarts[ec-canvas]的踩坑记录Apache Echarts官网地址微信小程序ec-echarts介绍文档地址微信小程序使用ec-canvas的地址小程序中压缩echart.min.js的地址压缩后使用中的问题 TypeError: t.addEventListener is not a function解决办法 压缩v5.2.2版本后，解决异常...
2022-04-21 17:26:07
1573
原创 【小程序】获取快递100物流信息
小程序——获取快递100物流信息// 点击时间调用 getKdCookie// 中通查不到物流信息getKdCookie(){ wx.request({ url: 'https://www.kuaidi100.com/?from=openv', success: res => { console.log("kd 100 header",res.header["Set-Cookie"]) this.setData({ "csrftoken
2022-02-22 17:45:31
1162
原创 golang 环境配置
golang环境下载地址 https://golang.google.cn/dl/环境变量path 指定GoSDK路径中的bin目录(go.exe目录)用户变量GOPATH 指定项目存放位置 路径\src(项目源代码的存放目录)GOROOT 指定GolangSDK安装路径(Go安装的目录)GO111MODULE是 go modules 功能的开关off(无模块支持)，on(模块支持)，auto(默认值)设置方式go env -w GO111MODULE=on注：在使用go mod
2022-01-05 13:05:50
662
原创 nodejs 环境配置
nodejs 下载地址 https://nodejs.org/en/download/下载.msi格式的文件，傻瓜式安装，一直下一步直到完成。打开cmd， node -v 和 npm -v 分别查看node和npm的版本号，并检验是否安装成功。这里配置自定义的全局模块安装目录，在node.js安装目录下新建两个文件夹 node_global和node_cache。（因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppDat
2022-01-05 10:49:22
8250
6
原创 【javascript】一键复制文本内容
一键复制文本内容input 的数据copyHashText: function () { const hashText = document.getElementsByClassName("hashText")[0]; hashText.select(); // 选中文本 document.execCommand( "Copy" ); // 执行浏览器复制命令 this.InitContacts.titleToast("复制成功")},div的数据copyHashText
2021-12-10 17:53:01
890
原创 【微信小程序】Vant Weapp
微信小程序中使用Vant Weapp进入项目，使用 npm init 初始化项目，生成package.json。安装vant weapp方式通过 npm 安装npm i @vant/weapp -S --production通过 yarn 安装yarn add @vant/weapp --production安装 0.x 版本npm i vant-weapp -S --production修改 app.json将 app.json 中的 “style”: “v2” 去除，小程序的新版基
2021-11-30 12:03:11
935
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人