- 博客(260)
- 收藏
- 关注
原创 递归组件过滤
/ 判断节点是否匹配关键字 const isMatched = node . title . includes(keyword) // 递归过滤子节点 if(node . children && node . children . length > 0) {
2023-06-28 15:25:21 459
原创 vue3中点击checkbox触发父组件的冒泡事件
最开始是给change加了.stop,但是不生效。后面就给input又包了一层span,在span上面加上@click.stop就可以了。
2023-06-25 15:10:09 363
原创 node安装
1、将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\nodejs】下创建两个文件夹【node_global】及【node_cache】在【系统变量】下的【Path】新建添加node全局文件夹【D:\nodejs\node_global】,之后点击确定。在【系统变量】下新建【NODE_PATH】【D:\Nodejs\node_global\node_modules】将【用户变量】下的【Path】修改为【D:\nodejs\node_global】,之后点击确定。
2023-06-04 12:24:13 146
原创 vue3使用json-server 模拟数据
进入src 目录(放db.json文件的目录),打开终端输入以下命令。可以把上面命令放在package.json里面,下次启动直接输入。
2023-05-25 16:10:51 276
原创 vue使用eval eslint提示eval can be harmful
【代码】vue使用eval eslint提示eval can be harmful。
2023-04-04 10:27:35 524
原创 判断数组中是否包含某个值
判断数组中是否存在某个值,如果存在,则返回数组元素的下标,否则返回-1。:返回数组中满足条件的第一个元素的值,如果没有,返回undefined。:判断数组中是否存在某个值,如果存在返回true,否则返回false。:返回数组中满足条件的第一个元素的下标,如果没有找到,返回-1。
2022-12-08 14:19:38 2515
原创 vue中监听checkbox(复选框)选中的事件
@click执行时间为点击的那一瞬间,而不是点击之后。而点击的那一瞬间复选框的值也确实是false@change则是在状态改变之后触发
2022-12-07 17:46:20 2857
原创 vscode显示.git文件
1,在配置文件中,提示错误“Invalid escape character in string.jsonc(261)”文件-首选项-设置-文本编辑器
2022-05-12 15:52:22 1114
原创 整理css(三)动态效果样式
方式一:html<figure> <h6 class="hr demo-hr"><span>标题水平线</span></h6> <div class="hr align-center demo-hr"><span>分隔水平线</span></div> </figure>css.hr { margin: 1em 0 1.5em 0; backg.
2022-04-11 17:54:47 537
原创 tab切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0;} ul{list-style: none;} li *{border: 1px solid #f5f5f5;} i{font-size: 12px;}
2022-04-11 16:27:51 212
原创 实现手机号输入框 (3-4-4格式)
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>实现手机号输入框 (3-4-4格式)</
2021-12-27 17:26:06 1766
原创 页面锚点跳转
<script> $('#Btn1').click(function() { $('html,body').animate({ scrollTop: $("#Box1").offset().top - 100 }, 400);}); $('#Btn2').click(function() { $('html,body').animate({ scrollTop: $("#Box2").offset().top - 100
2021-12-01 17:29:07 479
原创 jq实现给某个字段加样式
示例一:<script type="text/javascript"> $('body').html(function(i,oldHTML){ return oldHTML.replace(/®/g,'<sup>®</sup>'); })</script>示例二:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <tit
2021-11-19 09:33:21 623
原创 jq实现表格冻结窗格的样式
图示:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>冻结窗格</title> </
2021-11-15 11:02:19 501
原创 webpack 安装和使用
(1)全局安装后,应该都是最新版的,搜索之后说是新版本的指令有所不同npm install webpack -gnpm install webpack-cil -g我的版本图:(2)然后输入上面这句进行打包(把mian.js打包到dist里面)webpack ./src/main.js -o ./dist(3)webpack.config.js(下面是我配置文件)const path = require('path')module.exports = { entry: path.
2021-09-23 13:49:17 151
原创 jq获取页面元素的高度与实际不符合
问题:原本盒子的高度是110,然后console出来是22,就很奇怪;解决:后来把js放在了$(function(){});里面就正常了
2021-08-31 16:02:17 1302
原创 微信公众号自定义分享的描述和图片
准备:一:在公众号设置里面设置——JS接口安全域名,所填域名必须通过ICP备案的验证,把里面提供的一个MP_verify_xxxxxx.txt的文本上传到根目录。二:在公众号基本配置里面获取开发者的AppID和AppSecret。三:在安全中心里面设置IP白名单。最后在需要分享的页面调用:<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>&
2021-08-13 14:13:05 635
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人