自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3的性能为什么比vue2好

3.事件监听缓存,默认情况下绑定事件行为会被视为动态绑定,所以每次都会去追踪它的变化.vue3会把他缓存起来。2.静态提升,把一些静态的节点和属性提升到渲染元素之外。只会被创建一次,在渲染时直接复用.1.使用diff算法。dom元素在使用diff算法之后再渲染到页面上。

2024-04-19 15:10:28 68

原创 事件总线-发布订阅模式,js笔试题

4. 同⼀个事件类型,允许有多个回调函数,这些回调函数的处理顺序按先注册先触发的流程来。2. 可以通过 on 监听事件,在事件触发时会调⽤相应的回调函数。3. 可以通过 off 来移除事件监听。1. 可以通过 emit 触发事件。

2024-04-10 12:06:33 209

原创 css不知道宽度,如何绘制一个正方形

我们可以给当前盒子加一个伪元素,设置padding-bottom: 100%,就可以绘制一个正方形。

2024-04-08 20:56:39 398

原创 要不要那么卷啊?前端是不是死了?

我说我会我做过很多这样的项目并把简历给了他,你猜他怎么滴,又是已读不回。我总觉得学到的能力都是前端的,我还想继续做。所有考试不是说小于30,要么就是35.本来想考今年的教师编制,结果一看城区30.村里很偏远的地方可放宽要求35.可是我们这些有家庭有孩子的去了村里偏远的地方家庭孩子怎么办?甚至连工作经验培训机构都能教你应付还能帮你打配合做背调(这个是我最近看视频学习的时候那些培训的要我们报班给介绍的报班的好处)。这种事情心知肚明,标的范围其实就是按照最低的来的,可是2年前找工作3-5年可是15k的起步。

2024-04-08 17:37:22 274

原创 从浏览器输入url到页面渲染出来发生了什么

首先域名解析,把url的链接地址解析成ip地址-----然后进行tcp的三次握手-----建立起tcp连接之后发送http请求-----响应http的请求----获取到页面的数据,渲染页面。这个也是面试经常被问到的问题。

2024-04-08 16:58:26 94

原创 http和https的区别(前端面试蒙圈问题整理)

我只知道https更加的安全至于为什么安全真的不知道。现在前端还要懂那么多原理和后端的知识真的太难了。http超文本传输协议,是采用明文的方式传输数据容易被攻击者获取到信息。https使用ssl进行加密。

2024-04-08 16:54:06 96

原创 小程序与H5区别,渲染环境有什么区别(前端面试蒙圈问题整理)

我自信满满的说了一堆样式布局开发环境运行环境的区别,结果面试官说我想知道的不是这些表面的东西。你知道底层一些的吗?比如渲染过程?啊。不好意思真是不知道。

2024-04-07 16:32:48 731

原创 移动端和PC端在布局和样式上有哪些主要差异?您是如何兼容这两种环境的?

移动端对手机网络的要求比较高,需要考虑弱网的情况。因为手机内存有限,如果网页运行时需要下载大量图片,并且需要执行一些耗时算法、动画,可能会比较占用内存和cpu,会导致动画卡顿、交互卡顿。移动端手机屏幕比较小。一般采用响应式布局。字体,宽高让它随屏幕的变化都变化。采用rem或者rpx,vw/vh的单位。移动端更加注重用户交互体验。没有那些悬停和双击,拖拽,右键菜单这样的事件。pc屏幕比较大,一般采用固定布局。移动端主要考虑不同手机的适配。pc的网络环境更加稳定。pc主要是鼠标操作。

2024-03-28 16:54:47 225

原创 v-for和v-if的优先级(怎么和我想的不一样呢?)

在vue中,v-for和v-if的优先级取决于版本:因此,建议在处理v-if和v-for连用的场景时,采取以下措施:

2024-03-26 16:46:44 117

原创 大龄程序员的出路在哪里?

比如前端,就去做前端讲师。但是感觉从自己闷头写到讲台上给大家讲其实也是很大的突破完全不一样的感觉。我们想去考教师图个安稳,年纪吧又有点卡了,很多都需要30岁之内,再者多年没有从事相关职业。相关的知识肯定不比刚毕业或者从教多年的代课老师。或者是别的行业,最近看到广告说社工证很简单含金量还可以。况且工资起伏一下子那么大有点接受不了啊!总觉得男生转行比较容易,毕竟现在网约车,外卖,快递。这些没有太大的门槛的行业男生都可以做。似乎过了30岁就到了程序员的一个节点。开始考虑是否转行,转行可以做什么?

2024-03-15 15:22:58 343

原创 Vue中的computed和watch有什么区别?

computed只有依赖的数据发生改变的时候就重新计算。计算的值会被缓存起来,如果没有改变实际上是去缓存中取得值。computed是计算属性。依赖于已经有的数据。可以通过this.直接访问。并且可以在页面中直接使用。当数据变化时触发函数。watch无论值有没有改变都会触发后面的函数。2执行时机和方式不同。

2024-03-13 16:09:59 337

原创 vue 父子组件嵌套下的生命周期顺序

子组件beforeCreate-created-beforeMount-mounted。父组件执行beforeCreate-created-beforeMount。销毁时:父组件先做销毁准备。等子组件销毁以后再去销毁父组件。子组件beforeDestroy-destroyed。子组件 beforeUpdate-updated。父组件beforeDestroy。父组件beforeUpdate。父组件destroyed。父组件mounted。父组件updated。

2024-03-12 17:45:28 421

原创 js如何使多个接口串行访问,并行访问

提供了一种更清晰的方式来写异步代码,它会在等待一个异步操作完成之后再继续执行。console.log('p1结束');console.log('p2结束');并行访问使用promise.all。来保证多个接口串行访问。

2024-03-12 14:24:16 425

原创 $refs进行通讯的弊端

的,即从父组件向子组件流动。使用$refs通信时会破坏这种单向数据流的原则,因为父组件可以直接修改子组件中的数据,容易导致状态管理的混乱和难以维护。:在Vue中,组件是可以复用的。但是,如果使用$refs进行通信,则只能将父组件和子组件绑定在一起,不能实现真正的组件复用。,这使得组件变得更加脆弱,如果其中一个组件发生了变化,则可能导致另一个组件无法正常工作。:使用$refs通信时,父组件和子组件之间形成了紧密的。:在Vue中,数据应该是。破坏了单向数据流的原则。可能导致组件复用困难。

2024-03-12 11:24:51 668

原创 Vue2和vue3的区别(前端面试常见问题)

Api的变化。选项式Api具有data ,watch,methods,computed,一个个的模块。如果代码过多可读性会很差。并且代码的逻辑要分别写在这几个模块中,逻辑分散。vue3组合式Api代码逻辑相同的可以写在一起,方便阅读和维护。

2024-03-12 11:17:04 484

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

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

2024-01-19 15:27:43 458

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

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

2024-01-16 14:38:37 537

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

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

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

2024-01-12 17:53:00 727

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

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

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

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

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

2024-01-11 16:40:34 451

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

跳转到另一个小程序

2024-01-09 15:42:50 1184

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

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

2024-01-09 12:04:10 417

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

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

2024-01-04 16:12:57 436

原创 taro小程序指定@代表

"paths": {alias: {},

2023-12-25 15:41:16 858

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

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

2023-12-21 11:51:32 410

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

原创 taro小程序的生命周期

taro小程序的生命周期

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

原创 vue3怎么使用watch

)

2023-04-24 15:08:59 314

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

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

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

2023-04-21 17:51:41 517

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

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

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

2023-04-17 16:34:38 304

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

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

2023-04-01 15:14:48 321

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

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

2023-03-29 18:10:57 417

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

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

2023-03-28 15:36:27 906

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

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

2023-03-24 10:13:11 1156

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

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

2023-03-21 15:45:01 275

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

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

2023-03-11 18:16:48 828

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

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关注的人

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