- 博客(81)
- 收藏
- 关注
RSS订阅原创 JavaScript：移动端rem适配方案（flexible.js）
initial-scale：‘设置页面的初始缩放值，为一个数字，可以带小数’；maximum-scale：‘允许用户的最大缩放值，为一个数字，可以带小数’；user-scalable：‘是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许’；
2025-05-27 23:04:37
507
原创 前端：如何实现网站黑暗模式
虽然用filter和切换样式这两种方式都能达到目的，如果对产品要求比较高，还是推荐使用样式切换这种方式，毕竟这种方式一切都比较可控。filter算法会出现某些颜色不是你希望的滤镜效果，而自己又不好调整，应为算法比较复杂。
2025-05-21 01:09:51
861
原创 JavaScript：控制Style样式
1、行内样式获取打印出来2、内嵌和外链的获取不了3、style属性是对象（数组对象）4、可以索引值取值5、值是字符串，没有设置值得是“” 空6、cssText=“字符串形式的样式” 可以一次性添加多个样式，修改原有的内嵌样式7、opacity 透明度（子元素，文本都会有透明的样式）不兼容ie6-7-88、alpha(opacity=20)透明度（只有自己透明）兼容ie9、获取body。
2025-05-17 19:09:22
273
原创 JavaScript：网页添加L2Dwidget.js看板娘
其实就是在html文件中的head标签中添加如下js代码即可</init"model""jsonPath""scale"1"hHeadPos"0.5"vHeadPos"0.618"display""position""right""width"100"height"200"hOffset"0"vOffset"0"mobile""show"true"scale"0.5"react"0.70.2;</
2025-05-15 15:18:42
351
原创 Uncaught TypeError: Cannot set property ‘display‘ of undefined解决
如果大家使用的是JQuery,有$这个符号，可以看看下面这些文字，如果没有，直接跳过即可。集合是没有display属性的，集合中的元素才有display属性。所以你这个问题的解决方案应该是：遍历集合中所有的元素，然后给每个元素都加上。这个问题不是CSS的问题，而是一个纯javascript的问题。jquery就是通过这样的方式来找到Dom对象里面的元素。的JS类库里也有这个符号，在这两个类库里的这个符号是代表。首先，CSS写得没错，问题出在Javascript当中的。的所有元素组成的集合，而不是单个元素；
2025-05-12 13:30:05
530
原创 JavaScript：fabric.js 解决Uncaught DOMException: Failed to execute ‘toDataURL‘ on ‘HTML
出现Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported错误，网上查找后是图片跨域问题，设置img.crossOrigin=‘Anonymous’；fabric.js 解决图片跨域问题。
2025-05-10 09:19:05
141
原创 JavaScript：保存用户自定义的样式重新载入会闪烁的解决方法
在制作一个页面的时候，有需要前台js保存用户自定义的样式的需求，但是保存之后，重新刷新页面，会显示原来的样式，然后再变更为现在的自定义的样式。
2025-05-10 09:17:27
223
原创 jQuery：点击时间间隔限制
网站上有一个报告页面，用户可以去生成报告，为了用户体验，可以在按钮上设置一个时间，即当有人单击“生成报告”按钮时，页面不会让他们再次按下(例如再按 5 分钟)。以前都是用Cookie，现在可以直接HTML5的页面缓存技术
2025-05-10 08:56:30
215
原创 jQuery：手机号正则表达式
在前端开发中，对用户输入的数据进行验证是非常常见的需求之一。其中，对于手机号的验证尤为重要，因为手机号是用户注册、登录、找回密码等功能中必不可少的一部分。本文将介绍如何使用jQuery和正则表达式来实现手机号的验证，并提供相应的代码示例。
2025-05-10 08:55:19
362
原创 jQuery：给video元素添加播放监听事件
页面加载时给每个video元素添加监听视频的play事件，由于jquery不能直接添加监听事件，所以使用get(key)获取到原生后再添加。
2025-05-10 08:54:36
206
原创 jQuery：浅谈setInterval()方法
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。var time=0；第一种用法思路比较清晰，先设置一个函数，在通过setInterval来自行调用，但是将其在别处调用比较困难；
2025-05-10 08:50:27
340
原创 CSS：2行文字时正常显示，超过2行显示更多
在做页面时，ui有一个这样的需求，当描述中不超过2行文字时，则正常显示在页面上，超过2行的时候，显示更多
2025-05-10 08:49:01
349
原创 Flex 布局教程：语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法。
2025-05-10 08:45:46
637
原创 关于background定位
因为项目里需要显示隐藏的按钮上有两个图标，开始想了几种方法都不行，然后突然就想到了background定位，果断试了一下。
2025-05-10 08:44:29
194
原创 VUE：利用CSS 的 transform属性 对 页面布局进行自适应缩放
需求要求在不同的适配器上，都需要保证页面的整体布局无误，只能对页面的字体进行一定比例的缩放，才能实现这样的效果。
2025-05-09 12:23:44
532
原创 Layui：表格Templet判断代码
Layui的table组件中可以使用templet属性来自定义单元格内容。通过在templet函数中编写条件语句，我们可以根据不同情况返回不同的HTML代码或文本。
2025-05-09 12:09:13
206
原创 Layui：表格使用自定义模板Template
layui能将数据库数据渲染到前端表格中，但现在问题来了，如果不加特殊处理，前端表格直接显示数据库存储信息是不合适的，例如数据库有一个类型字段：0和1，0表示国产，1表示进口，前端显然不能直接显示0和1，而是应该根据后端返回的数字进行判断，展示相应的内容，layui table的自定义模板功能能非常方便地解决这个问题。
2025-05-09 12:05:35
251
原创 Echarts：散点图多点重合鼠标移入数据无法全部显示的解决办法
echarts散点图trigger设置为item的情况下，多个点重合在一起当我们鼠标指向该点时，数据只会显示一个，其他的数据是不会显示的，某些情况下我们其实是需要看到重合点的所有数据的
2025-05-09 10:45:03
345
原创 Echarts：隐藏X轴和Y轴以及刻度和数值的简单实现
在使用Echarts的条形图时候，想让图表变得干净清爽一点，只留下展示数据的条形，X轴和Y轴的所有数据都进行隐藏。
2025-05-09 10:30:04
198
原创 微信小程序：飞入购物车（抛物线绘制运动轨迹点）
最近在做小程序的过程中，遇到开发过飞入购物车效果的功能的需求。针对这个情况一些网上的demo，多少会有一些不符合情景的问题（bug）存在，针对这一情况决定写一个方案来帮助解决
2025-05-09 10:23:39
332
原创 HTML5：中如何触发按钮点击事件
在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。
2025-05-08 22:48:35
806
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人