- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CRMEB中WangEditor组件同一页面多个使用时，光标自动后移问题解决
找到template\admin\src\components\wangEditor\index.vue文件，在props中添加isChange属性。同一页面使用多个WangEditor组件时，编辑过程编辑完后，光标会自动移动到内容末尾。原因是组件中watch同时触发导致光标移动到末尾。在修改其内容时，先把isChange给设置为true即可解决光标下移问题。最后在使用组件时添加isChange属性的传值。然后在watch监听中添加判断条件。
2023-09-18 11:35:17
641
原创 vue3指令实现通用元素平滑上升效果
可通过Animation API定义元素平滑上升动画，目的防止与元素原有的css样式起冲突，实现具有通用性的元素平滑上升指令。
2023-06-10 00:03:57
632
2
原创 【前端流式传输】
为了解决以上问题，可以使用前端流式传输的方式，将数据分成多个小块逐步传输。具体来说，前端通过 AJAX 或 WebSocket 等技术向后端请求数据，并在后端将数据拆分成多个固定大小的块，然后逐一返回给前端。前端可以通过监听数据传输事件，逐步接收并处理每个数据块，从而达到流式传输的效果。流式传输指的是在前端与后端进行数据通信时，采用分块方式将数据分成多个小块逐步传输的方式。另外，在实际开发中还需要考虑前端和后端的性能、网络环境和其他因素对数据传输的影响，以及如何合理设置数据块的大小等问题。
2023-06-07 16:00:50
2539
原创 css 实现文字智能适配背景
根据上面的需求，当父元素背景色是黑色，其色值为rgb(0,0,0) 要使文字显示成白色，只需要将当前的字体颜色色值设置为rgb(255,255,255)，两个色值相减字体颜色即为白色。即可实现文字适配背景色的效果。要实现上述需求，可以通过css中mix-blend-mode的混合属性去实现。这里只需要将mix-blend-mode属性设置为difference，再设置当前的字体颜色即可实现上述需求。需求：假如背景是黑色，文字要显示白色，背景是白色，文字要显示黑色。的计算，得出差值作为当前元素的色值。
2023-03-18 21:30:44
1777
原创 前端在类中定义私有属性字段
上述代码输出后会看到控制台中A对象里有一个_name的属性。从规范上来讲这就是私有的，但是所谓的私有属性，即仅允许内部成员调用，外部成员不允许调用。但显然通过这种写法定义属性私有，还是达不到预期效果。还是可以通过外部进行变量调用。通过#可以在类中定义私有字段，以及私有方法，仅允许类内部成员进行调用。
2022-11-03 18:02:08
578
原创 小程序宝塔WSS配置
最近项目开发小程序用到socket连接服务，小程序后台要配置wss协议，搞了半天，终于搞成功了我这边是宝塔作为管理工具，开发环境是lnmp，以thinkphp框架为例搭配好项目框架后，此处是nginx的文件配置map $http_upgrade $connection_upgrade {default upgrade;‘’ close;}# 这里的backend可以改成自己需要的名称，我自己用的是wss。upstream wss {# 这里的localhost是映射本地服务器，也
2022-03-07 15:37:07
3128
1
原创 vue中img标签图片加载时与加载失败的处理方法
开发过程中经常需要和图片处理打交道，看了网上很多有关图片处理的方法，都是讲解得一知半解，没有比较全面的总结。下面，将简单总结一个我们通过vue去处理img标签过程中，图片加载时，与图片加载失败时的处理方法。1.常见的一个图片的处理流程，当接收到图片时，若图片较大，或者网络较慢的情况，图片还未加载完成，此时需要显示一个正在加载中的图片提示用户图片正在加载中。当图片加载或读取完毕时我们才替换需要显示图片显示到标签上。主要用的是img标签中的onload方法进行处理,代码如下：<!DOCTYPE htm
2021-06-08 15:03:08
7523
原创 Android 禁止Viewpager左右滑动功能并防止点击事件覆盖冲突
Android 禁止Viewpager左右滑动功能并防止点击事件覆盖冲突做项目要求某种情况下ViewPager不能滑动百度后发现重写ViewPager，覆盖ViewPager的onInterceptTouchEvent(MotionEvent arg0)方法和onTouchEvent(MotionEvent arg0)方法，这两个方法的返回值都是boolean类型的，只需要将返回值改为false，那么ViewPager就不会消耗掉手指滑动的事件了public class NoScrollViewPag
2021-03-05 18:57:12
571
转载 Android View的事件分发拦截
View的事件分发拦截View的事件分发机制1.view的点击事件原理dispatchTouchEventonInterceptTouchEventonTouchEventView的事件分发机制1.view的点击事件原理View的点击事件的分发，即对MotionEvent事件的分发，当一个MotionEvent产生后，系统需要把该事件传递到一个具体的View进行处理，该过程即为View事件的分发，在MotionEvent的传递过程中，需要经历三个重要的方法：dispatchTouchEvent,onI
2021-03-01 16:35:52
606
转载 慕课网android攻城狮的第一门课笔记
慕课网android攻城狮的第一门课笔记安卓项目目录结构src存放java源代码。gen存放系统自动生成的配置文件res存放应用用到的所有资源文件，如图片，布局等等drawable存放不同分辨率的图片layout存放布局文件values存放字符串dimens.xmlstrings.xml、主题，颜色、样式 #213443 颜色styles.xml等资源文件menu 文件夹 保存一个菜单资源 一个文件表示一个菜单包括子菜单 名字任意取 以.xml结尾bin 文件夹作为源码编译后的输出文
2020-11-03 11:23:30
178
1
原创 前端图片加载速度优化方案
前端图片加载速度优化方案，建议检查以下：1、压缩图片、js、css，色彩较少的建议用git格式2、开启服务器的gzip、open-cache3、有条件时，可以把不需要程序渲染的文件加入CDN4、根据具体的业务需求，可以考虑异步加载图片，避免影响用户操作5、如果做了多级nginx代理，建议在对外的nginx服务中开启静态资源缓存，避免每次去子服务器获取6、根据具体业务需求，考虑页面是否确实需要加载这么多图片优化网站性能，需要前后端同时考虑，甚至包括设计。关于优化图片的方案可以参考google给
2020-10-30 09:24:11
2685
转载 HTML行内元素、块状元素、行内块状元素的区别
HTML行内元素、块状元素、行内块状元素的区别HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是，这三者是可以互相转换的，使用display属性能够将三者任意转换：(1)display:inline;转换为行内元素(2)display:block;转换为块状元素(3)display:inline-block;转换为行内块状元素<!DOCTYPE html><html> <head> <meta
2020-10-26 15:07:26
2351
原创 前端构造函数的生成步骤
前端构造函数的生成步骤构造函数JavaScript 语言使用构造函数作为对象的模板。所谓 ”构造函数”，就是一个普通的函数，只不过我们专门用它来生成对象（new 构造函数），这样使用的函数，就是构造函数；它提供模板，描述对象的基本结构。一个构造函数，可以生成多个对象，这些对象都有相同的结构。function Person (name, age) { this.name = name this.age = age this.sayName = function () { con
2020-10-26 09:12:49
652
转载 Web端 Html5 直接播放 .ts 视频
常见方案在网上查找的大部分解决方案都是用诸如videojs等网页播放器，接收 .m3u8索引文件的方式来播放ts切片。这种方案的缺点是需要后端对原始ts切片做处理，生成 .m3u8索引文件ffmpeg -i source.ts -c copy -map 0 -f segment -segment_list playlist.m3u8 -segment_time 10 output%03d.ts项目中已存储的 .ts 切片数量众多，已经占用了NAS服务器绝大部分的资源，生成的 .m3u8 索引虽然非常
2020-10-16 15:06:42
13239
7
转载 php 通过 yield 实现协程有什么使用场景
php 通过 yield 实现协程有什么使用场景来源：https://segmentfault.com/q/1010000010018151参考：https://www.cnblogs.com/lynxcat/p/7954456.html协程可以用在，异步网络 IO 的时候，使其成为非阻塞的。比如你在一个 http 请求里面，你需要请求外面的接口，那么会有下面的场景。你的前置 server 是 nginx，nginx 是非阻塞异步的，但是 php-fpm 是同步阻塞的。那么当你在请求外面接口的时候
2020-10-15 11:34:11
585
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人