前端
书中自有妍如玉
授人以鱼不如授人以渔。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript中 ?? 和 ||的区别
JavaScript中??和||运算符都用于设置默认值,但处理逻辑不同。??仅在左侧为null/undefined时返回右侧值,保留0/false等假值;而||会对所有假值返回右侧值。??优先级高于||,适合严格区分空值的场景,||则适用于需要排除所有假值的情况。例如:0 ?? 'default'返回0,而0 || 'default'返回'default'。开发者应根据具体需求选择合适的运算符。原创 2025-11-07 09:16:38 · 158 阅读 · 0 评论 -
Server-Sent Events(SSE): SSE也是HTML5中新增的一种技术,它允许服务器端发送一系列事件到客户端,这些事件可以是JSON、XML等格式,客户端通过事件监听器来处理这些事件,
摘要:本文介绍了使用Server-Sent Events(SSE)实现服务器推送的异步方法。后端采用C#实现异步Action方法,通过设置响应头为text/event-stream,并定期查询数据库获取最新数据推送给客户端。前端使用EventSource API建立连接,处理服务器推送的消息并动态更新页面内容。代码实现了错误处理机制,包括自动重连功能和3秒重连间隔。这种方法避免了HTTP请求阻塞,适用于需要实时数据更新的场景。原创 2025-08-08 09:08:00 · 238 阅读 · 0 评论 -
layui时间选择器选择周 日月季度年
【代码】layui时间选择器选择周 日月季度年。原创 2024-09-20 17:01:39 · 1102 阅读 · 0 评论 -
js 监听SessionStorege 用户信息
加入SeesionStorege的信息丢失了或者修改了。防止恶意篡改信息,就挑战登录页。原创 2024-06-07 11:17:49 · 435 阅读 · 0 评论 -
如果查看svn的账号和密码
解压将svnPwd.exe文件放到svn.simple目录下,双击执行即可。如果找不到直接搜索svn.simple。弹出红色就是账号和密码。原创 2024-05-27 12:45:13 · 14137 阅读 · 0 评论 -
浏览器中实现录制效果 录制屏幕
1.点击 录制屏幕按钮。原创 2024-05-17 10:05:46 · 357 阅读 · 0 评论 -
fetch请求后端返回文件流,并下载。
AirRankModel类。原创 2024-04-28 15:42:33 · 1343 阅读 · 0 评论 -
el-image组件预览图片同时操作页面
修改饿了么原生样式在vue2种需要加/deep/ 前缀修饰,不然不会生效。红色区域就是可操作dom。并且可以随着拖动图片位置来设定遮罩层的大小。背景:el-image组件打开预览效果不能滑动页面。Q:那么如何才能在打开遮罩层后还能操作页面呢?A:改变遮罩层的大小。打开F12看看饿了么的原生样式如下。原创 2024-04-23 10:24:23 · 477 阅读 · 0 评论 -
前台向后台传递参数时,HTML标签<p>、<span>丢失已经报错等问题解决方案
前台向后台传递参数时,特殊字符(+、-)标签、 丢失的问题,原因是由于系统后台的。或者其他拦截器针对脚本语言进行过滤导致的,针对这种情况可以通过使用hex编码绕过。2.在后台对前端传过来的数据进行解析。1.前端页面对传输的数据进行加密。原创 2024-04-19 11:28:12 · 686 阅读 · 0 评论 -
富文本编辑器(wangEdit)+(jquery.wordexport)实现web版在线编辑导出
只能修改文档文字内容,不能修改样式,如修改字体,字号,颜色等。于是用了第一款(quil)富文本插件。只能说一般,样式很拉胯。效果如下:表格样式全无。于是使用了wangEdit插件。小插曲:最开始的方向是Html5的。官网地址wangEditor。原创 2024-04-18 17:07:49 · 831 阅读 · 0 评论 -
JQuery EasyUI DataGrid行添加水印
if ($(this).find("td:eq(4)").text().includes("撤销申诉")) {$(this).after($('有异议').css({let h = ((index + 1) * 33.5);//控制条件,满足条件after 追加dom元素。'content': '有异议',// 遍历所有行,为它们添加水印样式。原创 2024-03-21 14:39:56 · 745 阅读 · 0 评论 -
html5 draggable 随意拖动任意位置
【代码】html5 draggable 随意拖动任意位置。原创 2024-02-01 13:54:09 · 951 阅读 · 0 评论 -
JS 计算两组数据的斜率、截距和R^2
【代码】JS 计算两组数据的斜率、截距和R^2。原创 2024-01-24 13:52:33 · 745 阅读 · 0 评论 -
js计算皮尔逊相关系数
【代码】js计算皮尔逊相关系数。原创 2024-01-24 11:17:49 · 786 阅读 · 0 评论 -
vue 提交表单重复点击,重复提交防抖问题
用户点击保存时,可能会多次点击。导致生成重复数据。原创 2023-12-01 10:13:27 · 957 阅读 · 0 评论 -
svg教程
上面的代码中,d="M 10 10 l 50 40 l 100 10 Z" 等同于 d="M 10 10 L 60 50 L 160 60 Z"。将该属性设置到对应的 svg 元素上,就会关闭反锯齿功能,突显看起来就会清晰很对,但在某些情况关闭了该功能会让图像看起来有点毛躁的感觉。通过开始点和结束点裁切,可以得到4条弧线,也就是说2个点可以确定2个相同旋转角度的椭圆的位置,可以切出4条弧线。而 h 和 H 的作用差不多,只不过传入的数据会和前一个点的 X坐标 相加,形成一个新的点,这就是相对位置。原创 2023-11-28 11:48:16 · 430 阅读 · 0 评论 -
loadsh
Lodash是一个著名的javascript原生库,不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是,很多方法lodash已经帮你写好了,直接调用就行,不用自己费尽心思去写了,而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号,就像Jquery的 $ 一样,十分简洁。类似的还有Underscore.js和Lazy.js。原创 2023-10-30 15:28:03 · 678 阅读 · 0 评论 -
NPM install 中:-save 、 -save-dev 和 没有--save的区别
cnpm install '@microsoft/signalr@^6.0.1' -S原创 2023-09-23 15:12:47 · 314 阅读 · 0 评论 -
js 根据键判断值
【代码】js 根据键判断值。原创 2023-09-06 17:33:11 · 524 阅读 · 0 评论 -
layui表格高度
高度就是表格每个页面的总高度。也可以直接写数值,但是这是定高。那么就会在表格占据剩余div的时候底部留100px。也可以使用 height:“full-数值”,比如。表格的高度设置时使用 height:‘full’原创 2023-09-05 11:45:20 · 4059 阅读 · 0 评论 -
html5提供的FileReader是一种异步文件读取文件中的数据
触发error事件时,相关信息保存在FileReader对象的error属性中,这个属性将保存一个对象,此对象只有一个属性code,即错误码。1表示未找到文件,2表示安全性错误,3表示读取中断,4表示文件不可读,5表示编码错误。readAsText可按指定编码方式读取文件,但读取文件的单位是字符,故对于文本文件,只要按规定的编码方式读取即可;console.log("加载中", `${(readRes.loaded / readRes.total).toFixed(2)*100}/100`)原创 2023-08-23 17:57:18 · 1372 阅读 · 0 评论 -
浅谈Node.js中的npm和yarn
3.注意:yarn自定义修改了全局包存放路径,还需要去设置环境变量,将自定义全局包路径加到环境变量中,否则全局装的包没法在命令行窗口中正常使用。4注意:npm自定义修改了全局包存放路径,还需要去设置环境变量,将自定义全局包路径加到环境变量中,否则全局装的包没法在命令行窗口中正常使用。可靠性强:使用详细,间接的锁文件格式和明确的安装算法,yarn能够保证在不同系统上无差异的工作。这个是npm所没有的。2npm最开始是作为node的包管理器开始的,所以npm中存在许多可用于服务器端的包。原创 2023-07-07 09:34:22 · 1715 阅读 · 0 评论 -
每日一题 JS 中的闭包是什么?
假设上面三行代码在一个立即执行函数中(为简明起见,我就不写立即执行函数了,影响读者理解)。三行代码中,有一个局部变量 local,有一个函数 foo,foo 里面可以访问到 local 变量。「函数」和「函数内部能访问到的变量」的总和,就是一个闭包。就这么简单。有的同学就疑惑了,闭包这么简单么?「我听说闭包是需要函数套函数,然后 return 一个函数的呀!local++return barfunc()这里面确实有闭包,local 变量和 bar 函数就组成了一个闭包(Closure)。转载 2023-01-30 17:43:45 · 184 阅读 · 0 评论 -
setTimeout开始,暂停,停止功能
轮播每小时的AQI数据,修改按钮为。停止轮询,修改按钮为。原创 2023-01-30 11:34:20 · 597 阅读 · 0 评论 -
el-select 实现多选和全选
【代码】el-select 实现多选和全选。原创 2023-01-14 11:54:46 · 994 阅读 · 0 评论 -
slot的理解
子组件用标签来确定渲染的位置,标签里面可以放DOM结构,当父组件使用的时候没有往插槽传入内容,标签内DOM结构就会显示在页面。如果父组件在使用到一个复用组件的时候,获取这个组件在不同的地方有少量的更改,如果去重写组件是一件不明智的事情。子组件在作用域上绑定属性来将子组件的信息传给父组件使用,这些属性会被挂在父组件v-slot接受的对象上。父组件中在使用时通过v-slot:(简写:#)获取子组件的信息,在内容中使用。v-slot属性只能在上使用,但在只有默认插槽时可以在组件标签上使用。原创 2022-12-08 18:35:29 · 422 阅读 · 0 评论 -
一篇文章教会你如何在npm上传自己的包
一篇文章教会你如何在npm上传自己的包_蛋蛋的老公的博客-优快云博客_npm上传包转载 2022-12-08 10:14:42 · 168 阅读 · 0 评论 -
Vue简易版——顶部信息展示和底部标签点击切换
van-tabbar-item icon="search" to="/layout/search">搜索首页首页搜索title: '首页'转载 2022-12-05 07:00:00 · 1268 阅读 · 0 评论 -
JSON.stringify()与Qs.stringify()区别 应用场景
post 通过Content-Type判断使用json.stringify 转化json 还是qs.stringify转化form表单格式。在日常开发中 qs.stringify与json.stringify 用于在请求的封装中对get与post的请求参数处理。在数据交互中 Content-Type是application/json类型时 需要把数据进行json格式化。let user = { name: '晓红', age:18 }// "{'name':'晓红','age':18}"原创 2022-12-04 07:00:00 · 1147 阅读 · 0 评论 -
dependencies和devDependencies的区别
我们知道dependencies是依赖,附属的意思,而前缀dev是develop的简写,devDependencies是开发环境下的依赖,相对的,dependencies是生产环境下的依赖。而 dependencies 依赖的包不仅开发环境能使用,生产环境也能使用。我们使用的一些构建工具例如glup、webpack这些只是在开发中使用的包,上线以后就和他们没关系了,所以将它写入devDependencies。使用–save安装的依赖,会被写到dependencies区块里面去。原创 2022-12-03 07:00:00 · 1121 阅读 · 0 评论 -
vue使用lib-flexible实现屏幕适配
因为在开发中拿到的设计稿页面像素单位是px,要是每一次都需要手动转成rem的话,就十分耗费时间精力,所以px2rem-loader就可以帮我们的大忙了。5、完成了上面步骤后,就可以对页面涉及到的css宽度、高度,还是正常采用px单位编写像素值,项目会自动将px转换成rem,并保持自适应适配效果。2、import 'lib-flexible //在vue项目里面的src目录下的main.js文件全局引用'1、npm install lib-flexible -S //安装lib-flexible。转载 2022-12-02 07:00:00 · 2479 阅读 · 0 评论 -
postcss-pxtorem
安装依赖之后,将postcss-pxtorem的配置都放到了vue.config.js中。下面提供了一份基本的 PostCSS 示例配置,可以在此配置的基础上根据项目需求进行修改。postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。(String, Regexp, Function)要忽略并保留为px的文件路径。忽略单个属性的最简单方法是在像素单位声明中使用大写字母,将px写为Px。(Array)可以从px更改为rem的属性。(Array)要忽略的选择器,保留为px。原创 2022-12-01 07:00:00 · 19187 阅读 · 0 评论 -
Vue-cli2项目使用HbuilderX打包步骤
Vue-cli2项目使用HbuilderX打包步骤_Maanqi_1214的博客-优快云博客转载 2022-11-26 17:09:19 · 801 阅读 · 0 评论 -
vue移动端组件库|UI框架盘点
前端项目开发中,不管是使用vue,react或是angular,总是会引入一些UI框架/组件库,方便自己使用,很多大厂都有自己的一套UI框架,今天,就来盘点下,常用的Vue移动端UI框架。在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素,收集整理了一些优秀的Vue UI组件库。1、Muse-UImuse-ui | 基于 Vue 2.0 优雅的 Material Design UI 组件库,基本实现 Material Design 设计规。转载 2022-11-30 07:00:00 · 975 阅读 · 0 评论 -
Mint UI 基于 Vue.js 的移动端组件库
Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip原创 2022-11-30 07:00:00 · 571 阅读 · 0 评论 -
Muse-UI(基于 Vue 2.0 和 Material Desigin 的 UI 组件库)
基于 Vue 2.0 和 Material Desigin 的 UI 组件库,Muse UI 拥有40多个UI 组件,用于适应不同业务环境。Muse UI 自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。原创 2022-11-30 07:00:00 · 1284 阅读 · 0 评论 -
MUI(最接近原生APP体验的高性能前端框架)
MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K,鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件。最接近原生APP体验的高性能前端框架,追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征。MUI: 最接近原生APP体验的高性能前端框架。MUI-最接近原生APP体验的高性能前端框架。原创 2022-11-30 07:00:00 · 730 阅读 · 0 评论 -
vue-easytable展开行
【代码】vue-easytable展开行。原创 2022-11-29 07:00:00 · 1344 阅读 · 0 评论 -
vue2中jsx语法糖使用elmentui el-tooltip组件
h:函数的作用createElement。原创 2022-11-28 07:00:00 · 1515 阅读 · 0 评论 -
jsx 语法
jsx 语法转载 2022-11-27 07:00:00 · 566 阅读 · 0 评论
分享