自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1068)
  • 资源 (68)
  • 收藏
  • 关注

原创 css一行的最后一个元素的margin-right为什么不起作用选择器合并“的机制,当使用flex布局并出现滚动条时,padding确实不会作用在不显示的最后一个元素上,而是会被应用在第一页的元素上。

这是因为CSS中的"选择器合并"的机制导致的。在样式表中,"选择器合并"的机制会将相邻的具有相同样式的元素的外边距合并在一起,形成一个较大的外边距。所以,当最后一个元素设置了margin时,由于"选择器合并"的机制,其外边距会与下一个元素的外边距合并,结果就是看上去似乎margin没有起作用。当设置一个元素的margin时,如果该元素是一行中的最后一个元素,而且该元素的margin属性设置了非零值,会发现其外边距并没有起作用。css一行的最后一个元素的margin-right为什么不起作用。

2024-01-19 15:27:43 361

原创 微信小程序怎么引入webview的url是本地的路径

这样的地址的时候会出问题。但是我们也不能每次把写的H5的代码发布在看效果啊?只需要修改一个地方就可以啦。当微信小程序访问类似。

2024-01-16 14:38:37 469

原创 WebView引入的页面如何实现交互。通过webview方式嵌套在小程序里面的页面如何实现保存到相册的功能

通过在 WebView 页面中触发保存图片的操作,并通过内部通信机制将图片链接传递给小程序,再在小程序中调用保存图片的接口,就可以实现在 WebView 页面中保存图片到相册的功能。// 向小程序发送消息 wx.miniProgram.postMessage({ data: { type: 'saveImage', imageUrl: imageUrl } });wx.showToast({ title: '保存失败', icon: 'none', duration: 2000 });

2024-01-16 11:26:46 513

原创 css 背景是个图片并且含有透明度的渐变色.超级简单。background相关属性就行了

然后上面有个渐变色。渐变色含有透明度这样才能把底纹显示出来。使用rgba的方式rgba(127,47,255,不用麻烦的把图片放进去各种定位修改层级来写啦。直接一个background相关属性就行了。背景色怎么增加透明度呢。

2024-01-12 17:53:00 611

原创 css 怎么绘制一个带圆角的渐变色的边框

1,可以写两个样式最外面的div设置一个渐变的背景色。里面的元素使用纯色。但是宽高要比外面元素的小。可以利用里面的元素设置padding这样挡住部分渐变色。漏出来的渐变色就像边框一样。//padding值就是渐变边框的宽度。

2024-01-11 17:19:18 765 1

原创 图片的填充模式object-fit

5. scale-down:如果内容比其原始大小要大,则缩小内容以适应容器,否则以其原始大小显示。3. cover:内容按比例缩放以覆盖整个容器,并保持其纵横比。可能会超出容器并被裁剪。2. contain:内容按比例缩放以适应容器,并保持其纵横比。容器内可能会留有空白。1. fill:内容填充整个容器,可能会扭曲其纵横比。4. none:内容不会缩放,并以其原始大小显示。

2024-01-11 16:40:34 413

原创 一个小程序跳转到另一个小程序中如何实现

跳转到另一个小程序

2024-01-09 15:42:50 1055

原创 一个数组里面有倒计时时间如何不重复访问接口让倒计时自己走。从接口获取倒计时不再重复访问接口,自己倒计时直到结束。时:分:秒的格式倒计时如何自己走

首先列表数组数据接口提供的。我们展示列表的时候要把倒计时(接口给的数据格式是时:分:秒)展示出来。首先想到的是写个定时器一秒钟访问一次接口。但是频繁访问接口会加重服务器的负担。我们可以再进入页面的时候访问一次。然后自己写定时器定时,到0的时候清除定时器。//这个是重新访问接口的函数。首先接口给的倒计时时间是12:23:02。//把倒计时的时间戳转成时:分:秒的格式用于展示。时间戳转为倒计时时间格式是12:23:02。

2024-01-09 12:04:10 407

原创 使用van-calendar手机上用手指没办法滑动。电脑浏览器鼠标可以滑动

原因是我把这个组件写在了van-overlay里面。拿出来放在最外面就好了。

2024-01-04 16:12:57 403

原创 taro小程序指定@代表

"paths": {alias: {},

2023-12-25 15:41:16 812

原创 左右滚动的内容加点提示。滚动到第二页第二个点点高亮。模拟轮播图效果

这里本来我用了和上面一样获取scroll的参数。但是看着她的e.detail.scrollLeft一直是0.所以最后修改用了ref。所以用总的长度处以3.// 套餐滚动获取高亮显示的点。

2023-12-21 11:51:32 390

原创 css 灰质彩色的边框

border: 4px solid transparent;background-color:#fff;background-clip: padding-box,border-box;background-origin:padding-box, border-box;background-image: linear-gradient(90deg,#F5F6FA,#F5F6FA 42%,#F5F6FA),linear-gradient(151deg,#33e9bf,#c7e58a,#b1e8cc)

2023-11-16 10:10:03 229

原创 taro小程序的生命周期

taro小程序的生命周期

2023-04-24 15:17:44 752 1

原创 vue3怎么使用watch

)

2023-04-24 15:08:59 302

原创 vue3+vite的项目报错 await import(‘source-map-support‘).then((r) => r.default.install()) ^^^^^Synta

执行nvm list查看电脑已经安装的node版本。然后nvm use v16.17.0。我的电脑安装了nvm可以查看目前已有的node版本。不会安装nvm的参考这个。报错原因是node版本的问题。要使用16之上的版本。查看一下node版本。

2023-04-24 10:44:58 2353

原创 taro多环境打包配置。新增一个环境

npm run build:sit:weapp就可以打包sit里面域名的环境啦。3.package.json里面新增一条指令。2.config-index.js里面加上。

2023-04-21 17:51:41 440

原创 git提交报错:husky - pre-commit hook exited with code 1 (error)

【代码】git提交报错:husky - pre-commit hook exited with code 1 (error)

2023-04-21 17:06:29 271

原创 微信小程序想给每个页面都加上分享功能,可以全局的加吗?

每个页面都设置方法,让每个页面都可以分享。

2023-04-17 16:34:38 277

原创 使用vite快速安装项目(SyntaxError:Unexpected reserved word?)

前提环境:需要安装nodejs和npm,并且nodejs版本。

2023-04-01 15:14:48 244

原创 taro小程序页面分享转发

没有指定转发的标题缩略图什么的就写个空的吧。注意还有config.ts里面添加。

2023-03-29 18:10:57 367

原创 vue3里使用改变了一个reactive定义的数组。页面显示的地方并没有改变

系统是通过属性访问进行追踪的,因此我们必须始终保持对该响应式对象的相同引用。使用直接赋值的方式给voiceMoodList但是发现页面并没有改变。并且监听voiceMoodList的地方也没有触发。解决办法可以是我们把这个reactive的替换成ref。

2023-03-28 15:36:27 762

原创 微信小程序设置backgroundColor背景色没有改变

这是因为 backgroundColor 指的窗体背景颜色,而不是页面的背景颜色,即窗体下拉刷新或上拉加载时露出的背景。当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果。如果想改变页面的背景。

2023-03-24 10:13:11 1092

原创 taro里面写watch,监听一个reactive的对象。我写了深度监听,但是没有走监听

在vue3中不管是对象还是数组都不能直接将整个数据进行赋值,这样会造成reactive定义的响应式失效。这样的一个个对象的内容赋值就不会失效啦。或者是把reactive改成ref。最后发现reactive定义的对象给他整体的赋值是不会走监听。打印了一下他的确是内容变化了。但是并没有走watch。我想监听这个currentQuery。所以我把赋值的地方改成。

2023-03-21 15:45:01 247

原创 taro+vue3小程序使用v-html渲染的内容为class写了样式无效

文字内容太多了如果是超过2行就用省略号

2023-03-11 18:16:48 765

原创 lottie-miniprogram在taro+vue的小程序中怎么使用

使用import LottieView from '@/magic-head/pages/components/lottieView'import lottieJson from './data.json' //json的动画可以找产品要。console.log(res)//打印这个的时候是null。把一个json的动图展示在页面上。//获取设备系统的数据。我们可以应该把获取的生命周期改成useDidShow。但是发现使用在taro使用的时候他会报错。// 初始化加载动画。

2023-03-11 14:25:19 612

原创 vue的input获取焦点为什么在内容的最前面,怎么改到最后面。

input class="key-search" type="text" placeholder="关键词搜索"

2023-02-20 14:53:59 457

原创 火山埋点。输入用户id查看他的埋点数据,验证埋点是否成功

可以查看已经埋点的事件属性名。可以在开发者工具或者手机操作这个id的用户。大约会延迟10分钟。

2023-02-16 10:44:00 195

原创 taro使用formData。

/ 数据分割符,一般是随机的字符串。// 最后取出结束boundary的charCode。// 取出文本的charCode(10进制)然后就可以正常的传值接口调用啦。然后使用index.vue。今天发现还有另一个方法。

2023-02-08 16:29:21 833

原创 微信小程序分享的图片被裁切了。怎么让他不裁剪正常比例5:4显示

使用定位让用户看不到这个绘图,但是实际上只是不出现在可视范围内。最主要的是下面的这个函数。把图片转成了5:4的临时图片。然后调用函数把你的图片换成这个临时的图片。title: '标题',

2023-01-18 16:15:05 1692

原创 微信小程序使用lottie-miniprogram插件。显示json格式的动画,手机上锯齿模糊问题

1,如果出现开发者工具看的很完美但是手机上出现锯齿的问题。肯定是你少写了计算设备像素比。3,json文件可以向设计要,并且要传服务器上成为网络地址,域名要是合法的。2,样式也是必不可少的。否则可能会比你预想的大。传入 canvas 对象用于适配。

2023-01-16 16:35:32 1597

原创 微信小程序textarea的placeholder的行高怎么修改

目前不支持修改行高。如果你的内容设置了行高但是placeholder没有行高会导致输入内容的时候感觉不是对齐的,想要解决这个问题怎么办呢/我们可以自己写个text假装是placeholder的内容。然后textarea获取焦点输入内容的时候就不显示这个text的内容。>输入你的祝福语或者想对Ta说的话,比如:"爸妈,我爱你们"

2023-01-16 10:24:26 1720

原创 vant-popup组件点击黑色遮罩层不关闭弹窗

bind:close

2023-01-13 18:55:23 2072 1

原创 Taro微信小程序没有FromData

/ 如果obj不为空,则最后一行加上boundary。// 生成一个boundary字符串。

2023-01-12 13:56:02 263

原创 vue3+taro里面怎么使用selectComponent,VUE3怎么使用ref

vue3+taro里面怎么使用selectComponent在父组件里面访问自组件的函数呢?最后使用的defineExpose把子组件暴漏出去,然后父组件使用ref的方法获取到。child.value.子组件的函数。但是效果没有出来访问不到子组件。

2023-01-05 10:18:06 1008

原创 vue新一代状态管理插件Pinia

store.saveName("我是小猪");//调用actions方法改变name的值。actions: {//actions方法内部的this指向的是当前store。// 第一个参数是应用程序中 store 的唯一 id。state: () => {// 其它配置项。name: "小猪课堂",name: "张三",

2022-12-02 14:24:53 842

原创 mac终端跳转到指定的路径快捷键

路径获取:command+option+c。

2022-12-01 16:40:32 1400

原创 微信小程序vuex里面使用replace一直报错呢

写了一个方法想把里面的换行符都换成空格却在报错。

2022-11-24 14:55:40 745

原创 微信小程序接入火山引擎埋点数据

在火上引擎的后台添加一个应用,一般是产品经理等拥有权限的人添加。我们就直接查看这个应用的appid(注意这可不是小程序的appid。配置合法域名将https://mcs.volceapplog.com添加到小程序后台的“request合法域名”中。应用列表就可以查看现在有的应用。然后点击应用的详情。弹窗就可以看到应用的id。首先按照1的步骤安装SDK。登陆之后打开左上角的菜单栏查看增加分析- 集团设置(右上角的齿轮按钮)。然后需要添加埋点的地方。然后回到我们的项目中。上面的链接是三个最重点的部分。

2022-11-21 10:42:48 1305

原创 使用vue写了一个音乐播放器

let time = parseInt(min) * 60 * 1000 + parseInt(sec) * 1000 + parseInt(mill) //把分钟变成秒,秒变成毫秒。time = parseInt(min) * 60 * 1000 + parseInt(sec) * 1000 + parseInt(mill) //把分钟变成秒,秒变成毫秒。arr = text.split(/[(\f\n)\r\t\v]/).map((item, i) => { //用正则的换行符分割。

2022-11-02 16:36:45 465

原创 vue3。怎么定义本地静态图片?

vue3。怎么定义本地静态图片?

2022-10-24 18:14:37 397

pdf.js插件实现在线预览pdf文件.zip

pdf.js插件实现在线预览pdf文件。直接利用这个插件放在项目里。然后使用./js/pdf/web/viewer.html?file=' + pdf的文件地址。可以看介绍文章在这里啊https://blog.csdn.net/qq_33769914/article/details/108223002

2020-08-25

1超齐全的方法layui的省市区。只知道name回填。只知道id回填.zip

后端接口只给了省市区的name值,怎么回填?只给id怎么回填。怎么获取选中的省市区的name 和id

2019-08-23

formSelects.zip

https://hnzzmsf.github.io/example/example_v4.html这个里面写的竟然没有一个简单的例子,于是我就把里面的一些有用的css和js拿出来写了这个小例子

2019-07-29

超全基于layui得省市区三级联动插件.zip

这里得json数据比我之前上传的https://download.csdn.net/download/qq_33769914/11355616这个里面得更加全面。开始那个只涉及区这里面还有镇。

2019-07-16

xlz基于layui的省市区三级联动.zip

之前参考的页面的http://www.jpw.net/code/636431820895762098省市区总觉得哪里有问题。于是自己在他的基础上修改了一下。我这里面用到的省市区的json数据和他的例子是不一样的。我的市的后面都会有市。大家可以参考一下。

2019-07-15

基于layui的步骤条

layui竟然没有步骤条这样普通的功能。所以自己整理了一份基于layui的步骤条

2019-07-12

ueditor不在vue项目中使用。加上公式插件和自定义按钮

这是一个简单的ueditor的编辑器。里面添加了公式和我自定义的添加特殊字符。加波浪线加重点符号的按钮图标

2019-06-21

引入MathJax.js把图片公式转为一般文本公式没有在vue项目中使用的

写了一个图片的公式。然后直接使用插件把他转化为文本的公式的

2019-05-06

移动端截图下载图片,也可以打印

使用html2canvas截图,也可以打印图片。里面使用到了html2canvas和jquery的插件,简单方便。

2019-01-25

vue elmentui ueditor 数学公式 +新增自定义工具栏按钮 编辑器

因为上传数学题时。填空题横线统一的让用户点击工具栏的一个按钮实现。然后数学公式没有方程式的功能,需要加个工具实现这个功能。然后下载项目打开命令行,再输入npm install 下载包依赖。在npm run dev 运行就行啦

2018-12-17

引入MathJax.js把图片公式转为一般文本公式

一些编辑器最后生成的公式都是图片的样式,我们复制粘贴不出来具体的样式。我们需要用这个插件来转化图片公式

2018-10-31

vue+elmentui+ueditor +数学公式 编辑器。完整版

这个里面有获取编辑器内容和设置编辑器内容。两种方法,是以前上传的https://download.csdn.net/download/qq_33769914/10651952这个地址的整理。

2018-09-17

vue+elmentui+ueditor +数学公式 编辑器

把数学公式引进ueditor的工具栏上面,是编辑器可以输入数学公式

2018-09-07

里面具有公式插件的一个ueditor编辑器

ueditor编辑器然后还有kityformula-plugin数学公式的插件。两个是结合起来用然后就能是编辑器里面有数学公式。可以参考文章https://blog.csdn.net/qq_33769914/article/details/82495754

2018-09-07

vue项目模板。这是美容业的啊

这是一个空的只有一个框架的vue的项目,自己总结的以后可能有用的。如果运行有Vue packages version mismatch问题可以把package.json里面的 "vue-template-compiler": "^2.5.2",修改版本。然后执行npm update。

2018-06-26

一个vue的小例子

这是一个自己写的比较精简的微信公众号,自己看看吧,

2018-06-26

用vue写的公众号

用打开命令提示行在里面输入npm install,然后npm run dev 运行就可以啦

2018-06-26

收藏的各种插件

一下常用的插件,全都打包放在这里啦。树形播放器页码等

2018-06-08

直播页面收藏

直播的一些代码。有hmtl和js部分。只是代码片段可能别人看不懂啊

2018-06-04

截图取色尺子注释四合一工具

截图取色尺子注释四合一工具下载直接用无需安装,可以直接使用。

2018-06-04

自己写的前端小知识分享文案

自己写的前端小知识分享文案

2024-01-25

项目部署的笔记啦啦啦啦啦啦啦啦啦啦备用

项目部署的笔记啦啦啦啦啦啦啦啦啦啦备用

2024-01-25

vue3+taro+nutui+pina小程序空白框架

vue3+taro+nutui+pina小程序空白框架

2023-03-25

微信小程序多个视频合成一个播放。一个播放完自动在播放另一个。自定义视频进度组件

微信小程序多个视频合成一个播放。一个播放完自动在播放另一个。给用户一种只播放了一个视频的错觉。 我们有多个视频但是后端合成一个视频的成本比较高希望前端合并。所以只能一个video标签通过显示不通的src来一个个的播放。 自定义视频的播放进度组件

2022-07-01

vvwx-pay.zip

海报支付页

2021-11-24

vvwx-h5.zip

学生端的h5页面

2021-11-24

katex-0.13.2.tgz

katex公式。本地的文件,在把cdn的地址本地化的时候总是缺少文件。这个就是最全的文件啦。

2021-04-09

前端开发规范.docx

自己总结的前端开发规范

2021-03-18

后端代码环境需要的一些配置文件自己留着底

有时候后端代码需要额外的配置文件自己公司的项目用的,留个底。

2021-02-23

mathml公式转为latex公式的前端插件

如何把mathml的公式转化为latex的公式呢,具体参考这个文章https://blog.csdn.net/qq_33769914/article/details/109065974

2020-10-14

vue+elmentui +ueditor编辑器 +数学公式 de 两个例子删除新增编辑器以及切换编辑器.zip

删除新增编辑器以及切换编辑器的两个例子。可以参考这个博客https://blog.csdn.net/qq_33769914/article/details/82495754

2020-09-23

vue+elmentui+ueditor +KityFormula数学公式 编辑器.zip

vue+elmentui+ueditor +KityFormula数学公式 编辑器。下载以后通过npm install 。然后npm run dev运行

2020-09-22

uedotor引入tinymce-formal公式插件的例子的编辑器.zip Latex 公式在线可视化编辑器

下载以后npm install下载依赖,然后npm run dev运行就可以看到效果了。这里面我还有个tinymce的例子。views/B.vue是一个tinymce的编辑器

2020-09-22

TinyCE结合插件MathType(wiris).zip

tinymce的编辑器上面添加mathtype的公式插件。打开运行npm install 然后npm run dev就可以看到效果啦。不过这个例子里我还没有写获取编辑器内容和设置编辑器内容。还在研究中心。完成以后会更新

2020-09-22

tree第三层节点横向排列.vue

这个是https://blog.csdn.net/qq_33769914/article/details/81562278?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159244480719724848325509%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=159244480719724848325509&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_v2~rank_blog_default-1-81562278.pc_v2_rank_blog_default&utm_term=element-ui+tree我这个文章的代码。下载了放在自己的vue项目中看结果吧

2020-06-18

gulp修改了的node_modules.zip

https://blog.csdn.net/qq_33769914/article/details/105412505按照这篇文章把gulp的配置文件修改了。

2020-06-10

一个跨域代理的例子.zip

webpack+vue的一些项目总是使用到跨域代理我们应该怎么做呢。这个是个简单的小例子可以看一下。文章参考https://blog.csdn.net/qq_33769914/article/details/106263333

2020-05-21

vue+vant的一个移动端的框架.zip

平时总是用到下面的三个tab固定,页面的主体内容随tab切换而改变。我这里就直接写了一个空的模板。都是最简单的东西。里面前端框架是vant。首先要下载包依赖npm install 然后npm run dev 就能看到效果了。其实是最简单的东西。对于初学者学习看一下路由相关的知识还是有点作用的

2020-05-20

vue+element-ui.rar

vue+element-ui的一个项目框架。下载以后npm install 安装包依赖。然后npm run dev运行

2020-04-23

ueditor.zip基于layer的ueditor编辑器,可以上传视频,音频,数学公式,自己添加的复杂公式比如矩阵方程组

基于layer的ueditor编辑器。里面修复了原来编辑器上传视频的一些问题。以及音频不能上传本地内容的问题。把视频音频上传写在了一个弹窗里面上传。然后自定义按钮,加了复杂公式和数学公式。

2019-09-17

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除