weixin_42657666的博客

作为前端开发者，你一定遇到过这样的灵异事件：😱 鼠标悬停时出现的菜单，一打开DevTools就消失😱 输入框的自动补全列表，点击检查时瞬间隐身😱 动态加载的弹窗，右键菜单像受惊的兔子一样逃窜今天我要分享一个价值100杯咖啡的调试秘技，只需1行代码就能让这些「幽灵元素」无所遁形！

google搜索奇技淫巧,让你快速找到资源

在网页开发中，我们通常使用CSS来设置网页的样式。但是，在开发过程中，有时候我们需要根据不同的条件来动态修改样式，这时候就需要使用JavaScript来实现。在CSS中，有一种变量的概念，可以使用变量来定义颜色、字体大小等样式属性。在本篇文章中，我们将介绍如何使用JavaScript来修改CSS变量，从而动态地修改样式。案例演示：我们假设有一个按钮，当点击按钮时，将改变页面中所有段落的背景颜色。首先，我们需要在CSS中定义一个变量，用来表示背景颜色。在本例中，我们将变量名定义为–bg-color。在上面

web 页面性能优化性能优化在视觉上有两个阶段:加载阶段,能够快速的看到页面(首屏渲染时间);交互阶段,能够快速响应操作(动画效果,接口返回速度等)加载阶段加载阶段，是指从发出请求到渲染出完整⻚⾯的过程，影响到这个阶段的主要因素有⽹络和JavaScript脚本。网络决定资源的下载速度,javascript脚本阻塞dom解析,css脚本不阻塞dom解析(但是如果是放在head的话会阻塞渲染)优化策略减少资源的大小,可以通过webpack打包优化工具,压缩代码,去除注释空格等;如果资

web常见攻击手段XSS Cross Site Scripting 为了与“CSS”区分开来，故简称XSS，翻译过来就是“跨站脚本” 1. 存储型 ⾸先⿊客利⽤站点漏洞将⼀段恶意JavaScript代码提交到⽹站的数据库中； 然后⽤⼾向⽹站请求包含了恶意JavaScript脚本的⻚⾯； 当⽤⼾浏览该⻚⾯的时候，恶意脚本就会将⽤⼾的Cookie信息等数据上传到服务器。 eg:文章的标题输入<script>alert(1)</script>

一、线程与进程1.概念我们经常说JS 是单线程执行的，指的是一个进程里只有一个主线程，那到底什么是线程？什么是进程？官方的说法是：进程是 CPU资源分配的最小单位；线程是 CPU调度的最小单位。这两句话并不好理解，我们先来看张图：进程好比图中的工厂，有单独的专属自己的工厂资源。线程好比图中的工人，多个工人在一个工厂中协作工作，工厂与工人是 1:n的关系。也就是说一个进程由一个或多个线程组成，线程是一个进程中代码的不同执行路线；工厂的空间是工人们共享的，这象征一个进程的内存空间是共享的，每个线程都

多个组件的生命周期顺序1.单个组件生命周期执行顺序从官方文档上我们可以看出单个组件的生命周期顺序beforeCreate→created→beforeMount→mounted2. 多个组件的生命周期顺序(1). 父组件与子组件验证步骤:首先嵌套三个组件 父组件:p,一级子组件:c,二级子组件:c-c最终得出从输出可以总结出beforeCreate,created,beforeMount 这个三个生命周期是由内到外,mounted 是由内到外...

1.今天在上线过程中,发现所有的请求都不发送cookie,导致登录失效原因排查1.cookie写入的域名和请求的接口域名不一致,导致浏览器判定位跨域,所以不传递cookie解决办法,设置 axios 的 withCredentials 属性var service=axios.create({ baseURL:baseUrl, withCredentials: true, // send cookies when cross-domain requests timeout:5

在移动端的项目开发中,会经常用到真机调试.如何在手机上访问项目呢?1.项目启动后,将localhost替换成本地IP即可①:命令行输入 ipconfig 可查看本机ip2.如果你的项目有登录的操作,可能会遇到密码错误的问题,这个问题的根本原因是cookie跨域的问题解决方法如下:将config.js代理文件内的cookieDomainRewrite,设置成你本地IP即可...

console.clear();//清空上面的console显示 console.table();//以表格形式输出数组 let arr = [{name:'叶良辰',age:'22',sex:'男',city:'成都'},{name:'孙悟空',age:'2200',sex:'男',city:'顺昌'},{name:'猪八戒',age:'220',sex:'男',city:'猪圈'},{name:'唐僧',age:'500',sex:'女',city:'女儿国'}] co...