原生js实现点击目标区域外侧触发事件
有时候由于需要实现点击出现下拉框，而点击空白处或除了目标区域之外而响应事件使得弹框消失，此文则与各位分享如何使用原生js实现该需求 整个html文件献上（已封装） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ... 查看全文
整站灰度CSS 代码
整站灰度CSS 代码 body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-fil ... 查看全文
011 HTML+CSS(Class121-)
[A] link 标签拓展 1. 引入外部 CSS 样式文件(前面已学过) <link rel = "stylesheet" type = "text/css" href = "theme.css"> 引入外部一个名叫 theme.css 的css文件 2. 给网页名添加一个小图标 <link re ... 查看全文
如何在网页插入音频，并用script来控制播放
1.将此代码放入HTML页面中 <audio src="audio/music.mp3" style="display: none;" class="music" > 当前浏览器不支持audio </audio> 2.首先使用js获取这段音频 var music=document.getElemen ... 查看全文
WebSocket connection to 'ws://192.168.3.195:9527/sockjs-node/564/fjaw2vh2/websocket'
亲测已解决；首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟，全双工的浏览器和web服务器之间通信通道。如果你的项目没有用到sockjs,vuecli3 运行npm run serve 之后network里面一直调用一个接口:http ... 查看全文
大众点评css字体加密
【废话多】 前情提要：在解析大众点评详情页的时候，发现重要数据并没有直接显示，而是通过css加载，如下图，文字显示为方块 目前发现两种对应加密方式 1.svg引用 用营业时间举例 这一种对应文本为空，只能通过 class 属性区分，点击检查，可以看到右边属性中有一个 background-image ... 查看全文
JavaScript相关 (含JQuery)
JavaScript相关 (含JQuery) 201901 Chenxin JavaScript参考: http://www.runoob.com/js/js tutorial.html JQuery参考: http://www.runoob.com/js/js tutorial.html 以下是一 ... 查看全文
java.lang.NullPointerException at org.apache.jsp.index_jsp._jspInit(index_jsp.java:40)
做JSP页面时，出现如下错误，把如上面依赖下面一个去除即可 ... 查看全文
网易云音乐评论爬虫-js参数加密
目标：生成网易云音乐评论请求中 params 和 encSecKey 两个参数 （难度中等，更多的是熟练工具使用） 第一步：找到加密参数位置，直接 ctrl+F 搜 encSecKey ，找到参数生成位置 可以发现两个参数是通过 windows.aersea 这个函数加密的，它传入了四个参数，找到 ... 查看全文
webpack手动构建vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,让自适应来的更简单点!
做移动端时，适配 是必须的。使用rem单位，可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。 1. 自己手动构建vue webpck配置 我们在开发过程中，我们在css文件中，直接按设计稿，直接以px像素为单位，然后在真正的应用中，我们想让px自动转制为rem单位， ... 查看全文
Jmeter之Json提取器详解（史上最全）
参考资料：https://www.bbsmax.com/A/D854lmBw5E/ Jsonpath在线测试：http://jsonpath.com/ 实际工作中用到的一些场景： 提取某个特定的值 提取多个值 按条件取值 阵列取值（返回所有元素的列表/数组） 提取多个值 Jsonpath提取器需要另 ... 查看全文
理解CSS中的层叠上下文和层叠顺序
什么是层叠上下文（stacking context） 可以理解为一个dom节点在Z轴高人一等，特性类似于BFC，即层叠上下文的内部子元素再怎么翻江倒海，翻云覆雨都不会影响外部的元素。 CSS2创建层叠上下文的两种方法（参考MDN） 根元素 (HTML) 绝对（absolute）定位或相对（relat ... 查看全文
Spark读取json数据出现混乱的情况
今天晚上，我们老师给我们布置了一个任务，用spark读取一些json数据，然后做一些数据分析的任务 我以为重头戏是数据分析的部分，没想到自己被读取json数据拦了1个多小时，写篇博客记录下 orz 常规的读取数据： val userInfo = spark.read.format("json"). ... 查看全文
jquery与css控制元素的隐藏和显示的几种方法
使用jquery控制div的显示与隐藏，一句话就能搞定，例如： 1.$("#id").show()表示为display：block， $("#id").hide()表示为display:none; 2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐 ... 查看全文
【收藏】这么多WEB组件(CSS)，攒一个网站够了吧？
1 表单(form)相关 1.1 输入框(input) 一个简单的输入框样式，简捷又不夸张。需要约30行的CSS代码。 演示程序 1.2 单选多选框(checkbox,radio) 浏览器内置的checkbox及radio样式效果太差，本例展示了一个简单大方的单选多选框样式。需要约25行的CSS代码 ... 查看全文
编写灵活、稳定、高质量的CSS代码的规范
一、语法 1.1 注意 （1）用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 （2）为选择器分组时，将单独的选择器单独放在一行。 （3）为了代码的易读性，在每个声明块的左花括号前添加一个空格。 （4）声明块的右花括号应当单独成行。 （5）每条声明语句之后应该插 ... 查看全文
原生js实现点击添加购物车按钮出现飞行物飞向购物车
效果演示： 思路：核心->抛物线公式 1 let a = -((y2-y3)*x1 - (x2-x3)*y1 + x2*y3 - x3*y2) / ((x2-x3) * (x1-x2) * (x1-x3)); 2 let b = ((y2-y3)*x1*x1 + x2*x2*y3 - x3*x3*y ... 查看全文
14 基于bs4库的HTML内容遍历方法
https://python123.io/ws/demo.html <html><head><title>This is a python demo page</title></head> <body> <p class="title"><b>The demo python introduces s ... 查看全文
现代 CSS 进化史
简评：CSS 是一门入门比较简单，但真正使用起来又很困难的语言（有些人认为它不应该称为一门语言）。CSS 看起来凌乱复杂，其实攻克也不难，了解了 CSS 的发展背景你就会有对它有了系统性的认知。通过这一篇文章，你基本就会对 CSS 有了一个熟识的了解。 CSS 一直被web 开发者认为是最简单也是最 ... 查看全文
【CSS基础】CSS常见概念
浏览器渲染过程 不同的浏览器渲染过程实际上并不相同，但是依旧存在相一致的部分，大致过程如下所示： 浏览器解析HTML文档的源码，然后构造出一个DOM树，DOM树的构建过程是一个深度遍历的过程，当前节点的所有子节点都构建好以后才会去构建当前节点的下一个兄弟节点。 接下来，浏览器开始对CSS文件内容进行 ... 查看全文
整理css之BFC原理
首先回顾下CSS常出现的几个样式问题1当子元素添加上边距时，父元素也会向下移动 解决方法:给子元素添加display:inline-block;或者用父元素的padding-top代替给可以 2子元素浮动后，父级元素检测不到其高度3当元素浮动后，兄弟元素的内容超过其高度后会侵占它的区域（其实问题原因 ... 查看全文