wxxmagical-CSDN博客

原创 JSON字符串转base64以及base64转urlsafeBASE64的方法(含小程序方法)

参考文献https://blog.csdn.net/qq_43466457/article/details/103328931https://blog.csdn.net/SeriousLose/article/details/110817689vue项目中JSON字符串可以直接通过window对象下挂的btoa()和atob()方法进行编码和解码JSON转base64//json转base64var base64 = window.btoa(jsonCode)base64转JSON//ba

2021-05-31 14:17:12 4385

原创 H5页面移动端背景图以及文字适配方法

H5页面适配的方法背景的适配给页面设置背景图，因为适配不同的设备（设备屏幕分辨率不同），所以再给背景图宽高的时候不能全部给100%背景图（ui设计图）的比例是固定的，这里举例750px*1468px,如果给背景图设置为background-size: 100% 100%;那么背景图就会完全填充到整个屏幕，当屏幕的比例不同于你设计图的比例的时候，你的背景图就会有拉伸现象（背景变形）为了让背景不变形有两种方法固定宽填充整个屏幕，让高自适应background-size: 100% auto;

2021-01-07 10:55:21 3673 1

原创基于element 实现table树状表格的选中的处理，以及后续对数据的处理

基于element 实现table树状表格的选中的处理要处理的情况有4种选中父元素，父元素下面的子元素全部选中。取消选中父元素，父元素下面的子元素全部取消。选中子元素，父元素勾选。取消选中子元素，当取消父元素下所有子元素时，父元素也取消。你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的

2020-10-27 15:24:24 2079

原创 vue项目打包后依赖在哪里

很基础的一个问题，但是查之前我确实不知道，以前也没在意过，说实话自己的基础实在是差，之所以发现这个问题是因为我们现在是内网开发，依赖包都是在本地的压缩包里面，以前的我以为项目依赖不参与打包，当访问项目地址的时候重新下载依赖，现在不一样了，内网无法下载依赖，但是项目依旧可以正常打开，所以有疑问就查了查。这些文件通常被称为 bundle（捆绑包）或 chunk（块），它们包含了整个应用程序的代码，包括依赖关系。如果你使用Vue CLI，你可以查看项目根目录下的。确实有这些文件，那好吧，就这样了，了解就好。

2024-02-21 21:47:45 657

原创 vue2X与vue3X的区别（未完）

记录vue2与vue3中的区别，每一项都铁友官网地址

2022-02-07 17:28:24 722

原创前端开发过程的小技巧（长期更新）

js篇2021-09-10 转 2021年9月10日起初问了下其他人怎么处理这种，回答说“截呗”，反问“就是09转9月还得加判断去零”，又答“转数字呗09转数字是9 10转数字还是10”formatterIssueTime(val){ // let mounth = val.substring(5,7) // let day = val.substring(8,10) // console.log('mounth=========',mounth);

2021-10-13 11:31:09 132

转载 vue 模拟长按事件

在网页中没有长按事件，但是有的页面尤其是h5页面经常需要监听长按事件，所以通过touchstart事件和touchend事件来模拟长按事件 <div id="home" @touchstart="gotouchstart()" @touchmove="gotouchmove()" @touchend="gotouchend()" ></div>//js gotouchstart()

2021-10-13 10:33:06 828

原创自定义构造函数以及类class的用法

我们通过构造函数来创建一个对象构造函数创建的时候和普通函数一样，只不过构造函数通常以大写字母开头我们通过new 运算符来调用构造函数在new 一个构造函数的时候都执行了哪些那(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象）；(3) 执行构造函数中的代码（为这个新对象添加属性）；(4) 返回新对象。function Point(x, y) {//为新对象添加x，y属性以及f方法 this.x = x; this.y = y;

2021-10-09 16:13:56 459

原创关于对promise的理解

目前只看了一点点，先做下记录贴下阮一峰关于promise的文章https://es6.ruanyifeng.com/#docs/promise这里写的已经很详细了，大家可以直接看阮一峰的promise的含义所谓 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。创建容器的方法就是new Promise注意，在你需要解决异步操作带来的问题的时候，才要去创建这个容器比如有两个函数，f() 和 g()，两个都是异步函数，并且 g() 的参数依赖于f()

2021-09-13 16:18:47 74

原创 try catch 的用法

最近开发的项目里有个上传图片的功能，上传前需要进行图片压缩，压缩过程中会有压缩失败的问题。所以就需要捕获这个错误，将我上传图片的状态置为失败，以提示用户重新上传于是就是用了try catch的方法很简单try { //你的js代码}catch { //当try作用域里面的js代码出现错误的情况下，catch捕获到js错误，就会执行catch里面的代码了 console.log("捕获到错误了")}...

2021-09-13 14:19:32 81

原创微信小程序wxs文件，（indexOf方法）

// WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。// 说白了就是一些js语法无法在页面标签中使用可以在这里定义// Object.keys() // toString() // indexOf() // 这些不能用function indexOf(arr, value) { if (arr.indexOf(value) < 0) { return false; } else {

2021-05-31 14:32:32 2386

原创 vscode代码段的配置

"wxxLog": { "prefix": ".log", "body": [ "console.log('$1=========',$2);" ], "description": "wxxLog" },prefix：是vscode识别的字段，当你输入prefix的字段的时候点击tab 会自动转换成body里面的代码段以上面的例子来说当输入.log的时候按tab键就会生成console.log(’=========’,);这段代码$1的位置是编辑光标在的第一个位置，$2

2021-05-14 14:08:16 225

原创关于伪类和伪元素的理解

伪类和伪元素是针对某个已经存在的元素来说的，所以称为伪元素和伪类而不是元素和类伪元素可以理解为针对某个元素的选择器，可以选择某个元素的某个位置来设置样式::first-line 伪元素用于向文本的首行添加特殊样式note：只能应用于块级元素::first-letter 伪元素用于向文本的首字母添加特殊样式。note：只能应用于块级元素::before 伪元素可用于在元素内容之前插入一些内容。::after 伪元素可用于在元素内容之后插入一些内容。::selection 伪元素匹配

2021-05-14 11:18:05 155

原创 element表单验证以及开发过程中碰到的其他情况

11

2021-05-12 15:33:03 143

原创 element switch 组件绑定值变化的问题

<el-switch @change="handleChangeSwitch(scope.row.status, scope.row.id)" :value="scope.row.status" :active-value="0" :inactive-value="1" active-color="#13ce66" ...

2021-05-11 17:19:31 1242

原创超出div宽度文本隐藏显示...省略号

.subTitleBox { //超出部分显示... text-overflow: ellipsis; //超出部分隐藏 overflow: hidden; //文本禁止换行 white-space: nowrap;}

2021-05-11 16:42:33 438

原创 procxy代理

出于浏览器的同源策略限制，当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域服务器之间不存在跨域vue-cli的proxyTable用的是http-proxy-middleware中间件，该中间件本质上是在本地开了一个服务器dev-server，所有的请求都通过这里转发出去，即把浏览器的发送请求代理转发到代理服务器上，再由代理服务器发送请求给目标服务器，从而解决跨域问题。那pathRewrite是用来干嘛的呢，这里的作用，相当于是替代/api，如果接口中是没有api的，那就

2021-04-29 18:21:42 184

wxxmagic的博客