JavaScript
关注
分享
扫一扫
琪公子呀
这个作者很懒，什么都没留下…
展开
-
各种需要使用的方法--＞vue/微信小程序/layui
引入laydata插件下载 https://blog-static.cnblogs.com/files/zhangning187/laydate.js laydate.js替换laydate.js，就可以直接使用自定义快捷选中了2.自定义控件选取值elem: '#freeTimeInput', //指定元素trigger: 'click', //采用click弹出value: '',text: '今天',},text: '昨天',},text: '近7天',},原创 2024-03-25 09:39:56 · 1020 阅读 · 0 评论 -
zTree设置默认选中节点（当前组织默认选中）
【代码】zTree设置默认选中节点（当前组织默认选中）原创 2023-11-17 15:05:05 · 1329 阅读 · 0 评论 -
js 将多张图片合并成一张图片
其实就是将两张图片地址根据canvas组合在一起，我放到项目中因为会存在跨域问题，所以将图片转化成base64，后面还会带随机值，这样可避免图片跨域错误，正常情况下可以直接将图片放到canvas里面。原创 2023-11-17 15:02:02 · 2028 阅读 · 0 评论 -
利用JavaScript实现ISO周日历[]
所以，阳历、阴历是一类历法，而公历、农历是一种历法。公历和农历的表述方法也是不一样的好吧，以前总觉得公历就是阳历，农历就是阴历。实际上只是老百姓这样说。从理论上是无法等同的。原创 2023-11-17 14:44:06 · 479 阅读 · 0 评论 -
关于vue3启动的一些错误总结
解决办法：–legacy-peer-deps 作用：在NPM v7中，现在默认安装peerDependencies。在很多情况下，这会导致版本冲突，从而中断安装过程。--legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。原创 2023-10-12 09:57:56 · 2132 阅读 · 2 评论 -
nvm的简介、安装、使用（简单明了）
nvm是一个node的版本管理工具，可以简单操作的切换、安装、查看。。。等等，与npm不同的是，npm是依赖包的管理工具。原创 2023-10-11 13:55:43 · 350 阅读 · 0 评论 -
JS 数组对象去重
JS 数组对象去重原创 2023-06-07 13:41:42 · 166 阅读 · 0 评论 -
JS中遇到的问题总结
6、使用 opacity 和 display 属性时，父元素对子元素的影响很明显，子元素设置的 opacity 和 display 属性是不起作用的，显示的效果和父元素一样，而使用 visibility 属性时，子元素如果设置为 visibility:visible;并没有受父元素的影响，可以继续显示出来。版本号，可以是一个随机数，也可以是一个递增的值，大版本小版本的方式，或者根据脚本的生成时间书写，比如 20080727182553 就是精确到了生成脚本的秒，而 2.3.3 就是大版本小版本的方式。原创 2023-05-05 19:01:16 · 810 阅读 · 1 评论 -
JS 前端下载各种不同类型的文件
前端处理数据，导出excel。原创 2023-03-20 09:21:00 · 375 阅读 · 0 评论 -
for循环三种跳出循环的方法（retrun、continue、break）
for循环三种跳出循环的方法（retrun、continue、break）原创 2023-02-10 10:33:23 · 5421 阅读 · 0 评论 -
JS 写弹窗
我们平常在项目中，通常需要给用户操作的结果进行提示，但是js默认给出的提示弹窗样式又比较丑，所以我们可以自己封装弹出层，用来给用户做不同的提示原创 2022-12-08 16:58:05 · 3726 阅读 · 0 评论 -
JS EXCEL表的操作
!//是否将文件读取为二进制字符串function importf(obj) {//导入if (!}{};原创 2022-12-08 14:55:08 · 5412 阅读 · 0 评论 -
JS/JQ动态创建（添加）optgroup和option属性
尽管用的id是递增产生的，但前面的名字也不要一样，我在测试按钮功能的时候，没注意就把两种optgroup的id定义成一样的，结果按钮随机生成的option都加到了相应id的mySelect1的optgroup里面了。原创 2022-09-19 15:26:26 · 1325 阅读 · 0 评论 -
js计算数组中每个元素出现的次数
使用localstorage.setItem(name,value)存储JSON对象时会发现浏览器存储的内容为[object,object]，并不是我们想要的内容，这是因为我们在存储的时候没有进行类型转换，因此我们在使用localstorage.setItem()进行对象存储之前需要使用。2、如果原生Object不支持该函数，则需创建函数assign，使用Object.defineProperty将该函数绑定到Object上。4、一定要注意：目标对象不能为空，我们可以直接设置{}传递进去，但必须设置值。..原创 2022-08-11 15:01:41 · 3643 阅读 · 1 评论 -
JS -- input输入框只能输入正整数
JS -- input输入框只能输入正整数。原创 2022-08-11 14:53:49 · 7144 阅读 · 0 评论 -
js 数组几种比较大小的方法
js 数组几种比较大小的方法。原创 2022-08-11 14:50:47 · 5365 阅读 · 0 评论 -
JS使用Lodop控件打印表单和二维码
Lodop(标音劳道谱,俗称露肚皮)是专业WEB控件,用它既可裁剪输出页面内容，又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句一样。原创 2022-07-19 19:37:17 · 3641 阅读 · 0 评论 -
跨域解决和异步问题
IP、MAC、端口的正则表达式和 跨域解决和异步问题原创 2022-07-19 19:18:17 · 141 阅读 · 0 评论 -
JS通过url下载文件并修改文件名
JS通过url下载文件并修改文件名_pany_k的博客-优快云博客_js文件下载指定文件名。原创 2022-07-19 18:56:25 · 3263 阅读 · 1 评论 -
websocket 前后台代码实例
以前公司做车辆定位，有一个实时监控的case需要用到websocket来实现，从网上借鉴的代码，写的很详细。原创 2022-07-19 18:49:38 · 487 阅读 · 0 评论 -
ini文件格式和读取
INI ”就是英文 “initialization”的头三个字母的缩写；当然INI file的后缀名也不一定是".ini"也可以是。原创 2022-07-06 17:25:46 · 2161 阅读 · 0 评论 -
近期用到的资料 -- JS小问题
js(jq)移除hover选择器js 动态添加 disabled 属性用 jquery 或原生 js 添加 hover 属性原创 2022-06-21 19:32:03 · 1513 阅读 · 0 评论 -
jsTree的使用
jsTree 是一个 jQuery 插件, 提供交互式树.它是完全免费的,开源的，并根据 MIT 许可进行分发，jsTree 易于扩展，可定义和配置，它支持 HTML 和 JSON 数据源以及 AJAX 加载。原创 2022-06-06 10:26:45 · 1257 阅读 · 0 评论 -
JS+CSS右键操作、动态波浪、菜单栏、loading
一、右键进行一些操作<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style type="text/css">原创 2022-05-27 16:39:31 · 1035 阅读 · 0 评论 -
JS的简单计算题
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <!--"一闪一闪亮晶晶，漫天都是小星星"统计字符串中每个字符串出现的次数--> <script> window.onload = function () { cishu(); xiaoxingxing(); } function xiaoxi.原创 2022-05-24 18:59:06 · 280 阅读 · 0 评论 -
JS的游戏-打字机-时钟-随机方块-计算器-摇色子
一、打字机效果<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>打字机效果</title> <script> window.onload=function(){ //如何播放背景声音 var ao = document.getElementById("ao"); var str = "学渣|关羽正是上.原创 2022-05-19 10:22:58 · 137 阅读 · 0 评论 -
JS验证金额 / 限制保留两位小数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证金额 / 限制保留两位小数</title> <script src="../js/jquery-1.11.0.js"></script> </head> <body> <input type="text" oninput="input.原创 2022-05-18 08:20:36 · 350 阅读 · 0 评论 -
JS前端关于加密和解密
一、前端的base64使用方法<html> <head> <meta charset="utf-8"> <title>前端的base64使用方法</title> </head> <body> </body> <script> var str = "hello"; var str64 = window.btoa(str); console.log("字符串是:" +原创 2022-05-17 18:11:14 · 2651 阅读 · 0 评论 -
JS写下雨特效，樱花落特效，滑块成功效果
一、下雨特效<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2022-05-07 17:02:38 · 2354 阅读 · 0 评论 -
JS的简单点击事件，图片下载，视频下载，zip包下载
场景需求：点击右边的图片，左边也跟着换，包括mp4<!DOCTYPE html><html><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery-2.1.0.min.js"></script> ..原创 2022-05-07 16:52:28 · 928 阅读 · 0 评论 -
JS中遇到的问题总结
css中用opacity、visibility、display属性将元素隐藏的对比分析摘自文章：CSS中用 opacity、visibility、display 属性将 元素隐藏 的 对比分析 - SegmentFault 思否1、opacity用来设置透明度2、display 定义建立布局时元素生成的显示框类型3、visibility 用来设置元素是否可见。4、opacity、visibility、display 这三个属性分别取值 0、hidden、none 都能使元素在页.原创 2024-03-25 09:58:25 · 2230 阅读 · 0 评论 -
JS文本框下拉多选值的方法
第一种：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS复选框向一个文本框中传值的多选效果</title> <style type="text/css"> input { margin.原创 2022-04-25 13:44:38 · 8709 阅读 · 1 评论 -
JS拖拽的n种例子
一、第一种<!DOCTYPE html><!--create by ydj on 2018-08-12--><html> <head> <meta charset="UTF-8"> <title>拖动的水平条</title> <style> *{ margin: 0; padding: 0; } .scroll{ width: 400px;原创 2022-03-26 14:46:35 · 2411 阅读 · 0 评论 -
JS实现拖拽和拉伸的实例
进去的页面这个样子，其中可以左右，上下移动，进行拖拽，也可以点击进行页面的隐藏在菜单这里加了个鼠标移入移出功能，页面是这样<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>home</title> <style> * { margin: 0; padding: 0; list-style: non...原创 2022-03-26 13:53:45 · 1375 阅读 · 0 评论 -
JS实现国际化的实例
1、引入jQuery.js和jquery.i18n.properties.min.js因为i18n的properties是基于JQuery写的 所以导入的时候先到入JQuery2、新建一个文件夹---->i18n3、里面放两个文件strings_en.properties和strings_zh.properties文件，放不同的语言翻译login.html<!DOCTYPE html><html><head> ...原创 2022-03-22 21:49:03 · 2154 阅读 · 2 评论 -
JS前端分页的具体例子
login.js ------>登录页面<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="author"...原创 2022-03-22 21:22:34 · 428 阅读 · 0 评论 -
JS轮播图的n种方法
第一种轮播图, 没有耳朵, 自动轮播, 鼠标放上去会停止, 只需在body里面更改图片宽高和图片路径<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>第一种轮播图，没有耳朵，自动轮播，鼠标放上去会停止，只需在body里面更改图片宽高和图片路径</title> <style> *.原创 2022-03-22 20:11:58 · 16222 阅读 · 2 评论 -
vue首页白屏优化
1、vue首页白屏优化一、原因：单页面应用的html是靠JS生成，因为首屏需要加载很大的JS文件，所以当网速差的时候会产生一定程度的白屏二、解决办法：优化webpack减少模块打包体积，code-split按需加载 服务端渲染，在服务端事先拼装好首页所需的html 缓存一定要使用，但是请注意合理使用 代码压缩，服务端压缩，浏览器端解压缩 首页加loading或骨架屏（仅仅是优化体验）三、HTTP压缩的过程1. 浏览器发送Http request 给Web服务器,原创 2022-03-21 18:45:28 · 2267 阅读 · 0 评论 -
IE不兼容ES6箭头函数的解决方法
第一种：npm install babel-polyfill --save页面中引用"polyfill.js" 和 "browser.min.js"JS代码script标签加上 type="text/babel"<script type="text/babel"></script>polyfill为什么可以？var users = [{name:”zhangsan”,age:18},{name:”jack”,age:20}];这是一个对象数组。如果我们要原创 2022-03-21 17:37:38 · 1816 阅读 · 0 评论 -
2022/03/08面试问题
前端面试要点原创 2022-03-08 20:56:48 · 252 阅读 · 0 评论