- 博客(112)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue3中tinymce5.1.1基础配置、使用api-key、上传图片、自定义按钮
vue3中tinymce5.1.1基础配置、使用api-key、上传图片、自定义按钮
2024-04-09 14:33:21
1720
原创 tinymce使用api-key 提示域名未配置Please alert the admin to add it to the approved domains to continue using
【代码】tinymce使用api-key 提示域名未配置Please alert the admin to add it to the approved domains to continue useinng。
2024-04-09 13:55:04
569
转载 npm install安装依赖报错、版本依赖冲突的解决方法（转载）
在使用npm安装依赖包时，有时会出现版本不兼容的问题，导致安装失败。Peer dependencies 是指依赖包的作者声明的，这个依赖包必须安装的其他依赖包版本。在npm 5.x版本之前，如果安装依赖包时，依赖包的版本和peer dependencies的版本不匹配，npm会直接报错，阻止安装的进行。但是在npm 5.x版本之后，npm 引入了“自动安装peer dependencies”的功能，即npm会自动检测依赖包的peer dependencies，并且自动安装。
2023-12-06 15:00:26
3520
原创 el-cascader级联选择器加载远程数据、默认开始加载固定条、可以根据搜索加载远程数据。
一组数组分页请求、默认请求20条数据。想添加远程搜索并调取接口。不能监听到用户清空数据的时候。这样搜索还是原来的数据。绑定的值是无法检测到用户自己输入的。目前自己想到的是这个解决办法。下面是个模拟的加载用户列表的。的时候重新加载下)。
2023-07-31 17:28:06
2263
原创 使用grid快速布局，左侧一个元素右侧两个元素。上面一个元素下面两个元素。
【代码】使用grid快速布局，左侧一个元素右侧两个元素。上面一个元素下面两个元素。
2023-05-17 10:35:27
721
原创 scrollIntoView的基本定义、以及Vue3、vue2中使用: 点击导航滚动到对应区域。
MDN 关于scorllIntoView的介绍Element接口的方法会滚动元素的父容器，使被调用的元素对用户可见。
2023-05-15 17:58:54
7884
1
原创 css中常用伪类表单验证:invalid、:valid、:required、以及:not 、:lang、:empty的使用
CSS 伪类用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中，它也被称为反选伪类（negation pseudo-class）。CSS 伪类表示内容验证正确的 或其他 元素。这能简单地将校验字段展示为一种能让用户辨别出其输入数据的正确性的样式。CSS 伪类用于选择不包含任何子元素的元素。子元素可以是元素节点或文本（包括空格）。CSS 伪类表示任何设置了 required 属性的。是 CSS 伪类选择器，用来选择任何未通过验证的。CSS 伪类基于元素语言来匹配页面元素。
2023-05-09 15:15:44
1700
原创 日历选择：周一到周日固定、选择当前周、上一周、下一周的日期。
其中日期是分为、、三段时间戳来计算的。周一到周日的时间戳、我是根据第一天的时间戳来往后推的。每次点击上周下周时候重新计算下当前年月。
2022-12-07 12:43:52
847
原创 背景色高斯模糊的使用、filter:blur()、以及消除周围模糊和白边的问题、backdrop-filter使用
还有高级的是背景色的高斯模糊。这个比较麻烦点。改天来记录下。
2022-08-17 10:07:10
1587
原创 vue3中插槽的使用默认插槽、具名插槽、以及作用域插槽的基本使用
默认内容用户定义的当组件内部有两个插槽的时候，父组件定义插槽内容就会同时渲染这两个插槽、此时就需要了。初始样式接收的值可以随便定义、也可以解构但是样式变了……如果想样式不变、单独修改某个插槽内容可以这样写、为每一个字段提供一个插槽。......
2022-08-07 20:07:24
2405
2
原创 微信小程序审核被拒，原因：地理位置相关接口暂未开通。接口wx.getLocation需要开发者申请。
刚提交审核的微信小程序被拒了，因为他们修改了使用地理位置权限接口的使用。需要开发者登录微信公众平台，申请下，不过审核过程很慢……公告通知开发管理-->接口设置-->地理位置去申请相应的接口。点击去开通的时候需要填写应用场景最好按照下面官方链接应用场景写，才会审核通过，刚开始随便写的，就没通过。wx.getLocation微信介绍或者看这个贴@他们帮你加急审核...
2022-05-05 14:31:07
6255
转载 vue和antDesign中导入和导出excel数据、以及导出全部数据、导入日期格式(转载)
参考资料1这个最详细Blob.js下载vue3中使用，下载xlsx，版本太高直接找不到下载特定版本的即可：cnpm install xlsx@0.16.0 --save
2022-04-09 10:17:13
6548
转载 uniapp中设置页面背景色、h5端生效、微信小程序内无效设置page
参考原文1. 加上scoped的时候h5页面是生效的，但是微信小程序内不行。<style lang="less" scoped> page{ background: #FAFAFB; }</style>2. 可以在App.vue中公共样式中添加个page即可。小程序端生效了...
2022-03-12 11:03:10
1667
原创 ant design vue中自定义上传图片formData一直是空的，不能用对象包裹着。
MDN关于FormData的介绍1. 由于需要自定义传参，就使用customRequest这个方法 <a-upload v-model:file-list="fileList" list-type="picture-card" class="avatar-uploader" :maxCount="1" :customRequest
2022-03-08 15:46:23
3042
1
原创 h5网页使用微信支付JSAPI(申请微信服务号配置域名、获取用户code、配置JSAPI授权目录）
微信公众号内的第三方网页支付，只能使用JSAPI支付。官方链接地址获取到用户的openID，function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId":"wx2421b1c4370ec43b", //公众号ID，由商户传入 "timeStamp":"1395712654", //时间戳，自1970年以来的秒
2022-01-21 10:22:44
10807
原创 ant-design中取消tab激活时候的下划线、以及修改tab激活时候下划线颜色
git上看到的记载下写在当前vue文件样式中不添加scoped属性才会生效。最好还是新建一个global.less中修改组件默认样式，然后在main.js中引入一下。一般在要修改的组件上添加个类名比如user，这样只修改当前组件。当前文件<style>.ant-tabs-ink-bar { visibility: hidden;}</style>global.less// 添加个类名 隐藏掉激活时候下划线.user{ .ant-ta
2021-12-09 14:01:48
6717
9
原创 uniapp中渲染数据 order.service.name三层虽然数据渲染成功了，控制台却报错。
<image :src="order.service.contentJson" mode="" class="img"></image>
2021-10-28 14:11:15
331
原创 ant中修改a-switch的大小、修改a-checkbox的大小
.ant-checkbox-inner{ // 设置 checkbox 的大小 width: 20px; height: 20px; // 设置对勾的 大小 和 位置 &::after{ top: 0px; left: 6px; width: 7px; height: 13px; }}
2021-09-22 15:50:45
1596
原创 JavaScript中Null和undefined类型
1. Undefined类型Undefined类型只有一个值，就是特殊值undefined，当使用了var或let声明了变量但是没有初始化时，就相当于给变量赋予了undefined值let message=undefinedconsole.log(message==undefined);//true对未声明的变量，使用typeof的时候，返回结果也"undefined"因为未初始化的变量会被自动赋予undefined值（没看懂……） console.log(typeof age);/
2021-08-31 11:54:49
208
原创 vue3中的provide和inject使用、以及设置inject默认值
新建一个filter.js类似下方：// 项目中的所有过滤器export const dateFormat=(str)=>{ const date=new Date(str) const y=date.getFullYear() const m=date.getMonth()+1 const d=date.getDate() const hh=date.getHours() const mm=date.getMinutes() cons
2021-08-30 13:38:16
25
原创 JavaScript中的扁平化数据转换为树形结构、树形结构扁平化数据
原始数据结构是 {id: 639, name: "好公司", type: 0, pId: 638, code: "1", domain: ""}{id: 640, name: "孩子", type: 0, pId: 639, code: "child", domain: ""} {id: 642, name: "孙子", type: 0, pId: 640, code: "1", domain: ""} {id: 645, name: "2", type: 0, pId: 640, code: "2
2021-08-20 15:24:22
2798
原创 JavaScript中的递归、作用域链、闭包、和闭包中的this指向
1.递归递归阶乘 // 递归阶乘函数 function factorial(num){ if(num<=1){ return 1 }else{ return num*factorial(num-1) } } console.log(factorial(5));递归斐波那契数列，第n项的值是第n-1和第n-
2021-08-16 10:23:35
214
原创 JavaScript中的apply、call、bind
这两个方法都会以指定的this值来调用函数，即会设置调用函数时函数体内this对象的值。1. apply()apply()方法接收两个参数：函数内的this的值和一个参数数组。第二个参数可以是Array的实例。 function sum(num1,num2){ return num1+num2 } function callSum(num1,num2){ // arguments对象指的是num1和.
2021-08-13 17:19:36
103
原创 JavaScript中的函数中arguments、参数、默认值和表达式以及箭头函数
箭头函数：箭头函数虽然语法简洁、但也有很多场合不适用。箭头函数不能使用arguments、super和new.target，也不能用作构造函数。此外箭头函数也没有prototype属性。1. 函数中的argumentsarguments对象是一个类数组对象，因此可以使用中括号语法访问其中的元素。而要确定传进来多少个参数们可以访问arguments.length属性。 function say(name,message){ console.log(arguments.
2021-08-13 14:27:42
927
原创 JavaScript中的构造函数、原型和实例
1.原型模式：每个函数都会创建一个prototype属性，这个属性是一个对象，包含应该由特定引用类型的实例共享的属性和方法。实际上，这个对象就是通过构造函数创建的对象的原型。使用原型对象的好处是，在它上面定义的的属性和方法可以被对象实例共享。原来在构造函数中直接赋给对象实例的值，可以直接赋值给它们的原型，如下所示： function Person(){} // 原型上创建的属性和方法，可以被对象实例共享 Person.prototype.name='maria
2021-08-11 14:39:54
1623
原创 JavaScript中数据属性和访问器属性Object.defineProperty
es6介绍属性分为两种：数据属性和访问器属性。1.数据属性数据属性包含一个保存数据值的位置，值会从这个位置读取，也会写入到这个位置，数据属性又4个特性描述它们的行为。Configurable:表示属性是否可以通过delete删除并重新定义，是否可以修改它的特性，以及是否可以把它改为访问器属性。默认情况下，所有直接定义在对象上的属性这个特性都是true。Enumberable:表示属性是否可以通过for-in循环返回。默认情况下，所有直接定义在对象上的属性这个特性都是true。Writa
2021-08-09 15:46:19
242
原创 JavaScript中将对象按照某个属性排序
一直没弄明白 a[value]这种访问对象的方式……今天懂了对象字面量直接访问的形式比如obj.name指的是访问obj对象上的name属性啊，但是此时对象上要有这个name属性，否则访问到的就是undefined。使用中括号来存取属性，这两种存取属性的方式没有区别，使用中括号就是可以通过变量访问属性。 var obj={name:'test'} let propertyName='name' console.log(obj[propertyName],
2021-08-05 17:29:39
10140
原创 JavaScript中检测是否是数组
判断一个对象是不是数组，在只有一个全局作用域的情况下，使用instanceof操作符就足矣。如果网页里又多个框架，可能涉及两个不同的全局执行上下文，就会有两个不同版本的Array构造函数，为了解决这个问题可以使用Array.isArray()方法。这个方法的确定一个值是否为数组instanceofisArray()...
2021-08-05 14:14:19
128
转载 css写一个加号+
参考的这篇文章又修改了下：<view class="icon"></view> .icon{ width: 24rpx; height: 24rpx; color: #475EFD; position: relative; /* border: solid 1px blue; 添加边框可以看到加号的位置在哪里*/ } .icon::before{ content: ''.
2021-07-15 14:03:31
776
原创 uniapp中引入字体本地和在线引入。
本地引入字体文件，ttf格式，查看文件属性大小，字体图标超过40k需要转换。可以转换成css文件格式的或者是其他格式的，再引入即可，闲了再写
2021-07-15 10:51:48
11867
8
转载 input自动获取焦点弹出键盘
原文<template> <view> <input type="search" placeholder="搜索商品" placeholder-style="color:#adaeba;" :focus="firstFocus" @change='firstChange'/> </view></template><script> export default { data() { return {
2021-07-15 09:49:58
2799
原生日历选择器如何修改控件的背景色
2023-05-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人