- 博客(36)
- 收藏
- 关注
原创 node 后端代理服务器
分析攻击日志,有几种常见的攻击手段:上传webshell远程执行命令漏洞sql注入xxs 攻击试探各种开源框架爆出来的漏洞分析攻击信息的特点说白了就是采用web渗透技术,利用http请求,黑客想尽办法,在http header ,body,等部分植入非法的命令,非法字符常见的有:exe,cmd,powershell,download,select,union,delete等等。解决...
2020-02-04 18:27:20
356
原创 关于JS正则的解释
正则http://regexper.com修饰符g: 全局匹配i: 匹配大小写m 多行收缩元字符正则表达式有两种基本字符 元字符 原义文本字符原义概念:表示代表本来文本的字符;元字符:再正则表达式中有特殊意义的字符.* + ? $ ^ | \ () {} [] \n \d \w \r\ Q \f \b \cX…[] 或 字符类 将一堆字符放在一个字符类中。匹配结果为一个字符...
2019-12-27 19:44:10
229
原创 使用JQuery 写出放大镜的效果
一般的电商平台中都有放大图片的放大镜以下是示例代码以下是css代码* { margin: 0; padding: 0; } .glass { width: 480px; position: relative; margin: 100px auto; } .mar...
2019-12-27 19:42:35
281
原创 JQuery 事件
jq事件分类事件类型所有的事件都是原生js 去掉 on用户所有的行为都是事件window:scroll resize鼠标的 mouseover mouseout mouseover mousedown click键盘的 keydown keyup表单的 change input fouce …手指头事件:touchstart touchend touchmove……事件绑定...
2019-12-27 19:36:00
125
原创 JavaScript GET POST 区别
关于现在web浏览器向服务器请求数据时 两种方式 GET POST 的区别、 <!-- get post --> <script> /** get 请求与 post 请求的区别是什么 get 将请求参数拼接到url 地址上,然后传递给服务器 post 通过[请求体] 发送到请求的数据 get 比post快 不安全 请求参数...
2019-12-23 21:34:48
186
原创 JavaScript正则常用表达式
以下是正则常用表达式<script> //1只能输入数组长度不限 var reg = /^\d+$/g; //2:长度为3的任意字符 var reg= /^.{3}$/ // 输入6-8位数字字符下划线 var reg = /^\w{6,8}$/ // 匹配首字母空格 var reg = /^\s*/ // 匹配...
2019-12-23 21:32:44
110
原创 JavaScript正则贪婪模式和非贪婪模式
以下代码详解了贪婪模式 非贪婪模式 <!-- 贪婪模式 非贪婪模式 \d{3,6} 贪婪模式 尽可能多的匹配 使用方式:只有量词 \d{3,6}? 非贪婪模式;尽可能少的匹配 使用方式:量词加?号 {}? +? 优先匹配长度为1的字符 ?? ...
2019-12-23 21:31:08
287
原创 JavaScript点击事件换字体颜色
点击按钮可以换字体颜色 可以自己看看 <div class="color"> <button>red</button> <button>black</button> <button>yellow</button> <button>bl...
2019-12-13 22:49:04
7522
原创 JavaScript 点名器
代码中的cname 数组可以添加你想要点名的名字 div { width: 200px; height: 50px; font-size: 20px; line-height: 50px; text-align: center; font-weight: 900; border: 2...
2019-12-13 22:46:49
1125
原创 JavaScript是怎么解析的
// js 是怎么被浏览器解析的? // js 是被运行平台:浏览器 和 node /** * 1:全局检索。查看是否有语法错误--->语言分析 * 2:创建全局对象GO(global)--->预编译 * 3:执行每行代码 对变量进行赋值 等操作 --->解析执行 ---> 变量一旦创建;不能删除,除非关闭程序 * ...
2019-12-10 23:08:14
372
原创 JavaScript 作用域产生时间
// 全局作用域产生时间 ---> window对象创建时候 // window对象创建时间 ---> 当前页面启动浏览器的时候。 // 每次刷新浏览器都会重新创建window对象 // 全局作用域销毁时间 ---> 关闭当前页面时候 // ----> 在关闭程序时候 内存数据赋值为null 。 // 初始化代码:刚开始的...
2019-12-10 23:07:18
877
1
原创 JavaScript dom节点基本操作
增1:parentEl.appendChild()2:parentEl.insertBefore(new,parentEl.child);删1:parentEl.removeChild()改1:parentEl.replaceChild(new,old)克隆1:el.cloneNode() 返回克隆内容true 表示克隆el 以及el子节点false 只克隆el本身查 获...
2019-12-10 23:06:28
172
原创 JavaScript 中的语句if for等等
语句条件语句1: if else应用:在不同条件下输出不同结果时候。 难点【如何根据条件写表达式】代码块中变量 是【全局变量】如果执行满足一个条件的代码块。其他条件下代码块不会执行if() () 必须是 【true】才能执行 if 中代码框。 【true来’源】1 直接 true 2:表达式返回值 3:直接使用变量,变量的值【转化】为布尔类型2:三元运算符? 左边 【条件】...
2019-12-07 10:28:08
342
原创 JavaScript变量作用域链闭包this指向
变量 作用域 作用域链 闭包 this变量:作用往内存中存储数据为什么有作用域?因为变量需要运行环境;这个环境我们叫做作用域1:全局作用域咋浏览器或者程序刚开始运行时候产生的。2:全局作用域销毁:在关闭浏览器或者关闭程序时。所以:我们声明的全局变量;都是window 对象下的属性,所以:js 中最大的对象是window,所有的数据在window下活跃,所以:全局作用域中最大的对...
2019-12-07 10:27:03
198
转载 js 将多个对象合并成一个对象 assign方法。ES6新特性有哪些
1.接下来介绍一下ES6在Object新加的方法 assign()1.作用:将多个对象{} 合并成一个独立对象。2.使用方式: Object.assign(合并的对象,传入合并中的对象…) let user = {name:'无敌人',age:19}; let page = {pageSize:10,currentPage:1}; let newObj = {}; Object...
2019-12-02 20:11:08
988
原创 js for循环模拟数组方法
模拟 reversevar arr = [1,2,3,4,5,6]; // 模拟reverse var res= [];// 表示颠倒后数组 for(var i = 0;i<arr.length;i++){ // 获取 arr 中每一个数据;从前到后获取 res.unshift(arr[i])// 将后面数据添加到...
2019-11-29 19:32:57
199
原创 js splice删替插
关于数组splice 的用法var arr = [1,'545',true,'333',44,55,66,44,6] console.log(arr.length) /* splice() 删除 替换 插入 1:一个参数:删除:从索引值元素开始;一直删除到最后,返回删除数组组成的数组 2:注意:原来数组发生来改变 2:splice(index,le...
2019-11-29 19:31:39
153
原创 js随机生成验证码
随机生成6位验证码var vertify = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789"; // 生成一个6位数的随机验证码 // 1:初始化验证码 空字符 res 的字符长度为6 var res = ""; // 求0到verify.lenth-...
2019-11-29 19:28:15
372
原创 JavaScript运算符入门
运算符入门<!-- 1.运算符是指完成操作的一系列符号,也称为操作符。 符号分类:算数运算符 比较 逻辑 赋值 连接 2.运算符用于将一个或者多个值进行运算并【返回结果】 3.使用运算符的值称为操作符 4.运算符和操作数(js数据)的组合称为【表达式】。 注意:凡是表达式一定有返回【结果】...
2019-11-22 17:45:32
100
原创 JS比较关系运算符
js 比较关系运算符 <!-- 操作数和运算符构成表达式;凡是表达式一定有返回结果 --> <!-- 所有逻辑运算符的表达式 返回的结果都是 true 和 false --> <script> var a = '3' var b = 5 var c = '5' // > 看左右边数据的大小是否相等同...
2019-11-20 19:19:27
172
原创 js 增量
JS 增量的问题 <script> // 每行代码 赋值 只会赋值一次 // ++ 表示自增 每次增加1 //x++ 先去运算 在给x自己 // ++x 先给x加1 在去运算 // 自增 给自身的元素直接增加1,自增相当于百年来那个有一次赋值 var a = 1; ...
2019-11-20 19:17:46
305
原创 JS变量赋值
JS变量赋值关于js变量赋值的一些问题,需要的朋友可以看看 //变量名:已经声明就不可以改变 值是可以改变的 var student = "wangjiaru"; // 给student chongxin 赋值; 以最后一次赋值为主 // = 的作用:赋值 student = "yangyuchuan"; // 使用变量就近原则 ...
2019-11-20 19:15:55
473
原创 html禁止属性
html禁止属性禁止鼠标右键:οncοntextmenu=“return false”;禁止选择:onselectstart=“return false”;禁止拖放:οndragstart=“return false”;禁止拷贝:οncοpy=document.selection.empty() 。禁止复制:oncopy = “return false”;禁止保存:,放在head里面。...
2019-11-15 09:32:41
796
原创 ifrem标签运用
ifrem在html中实现不用js的辅助也能实现一个浏览器窗口出现两个视图窗口。 <iframeset> <iframe class="left" src="tabbar.html" frameborder="0" height="100%" scrolling="0"></iframe> <iframe class="righ...
2019-11-14 22:01:01
1510
原创 浮动;清除浮动
在写网页中 会经常用到浮动排版 一般用完浮动就要清除浮动 如果不清除浮动 会导致父元素塌陷 以下是清除浮动的两种方式伪类清除方式.learFloatc::after{ content: ''; display: block; clear: both; 解决浏览器兼容问题 visibility: hidden;...
2019-11-11 10:57:46
152
原创 HTML样式隐藏
隐藏css代码块.box{ width: 100px; height: 100px; background-color: red; } /* 隐藏元素 */ .hidden{ /* 样式隐瞒 还占据位置 */ visibility: hidden; /* 整个子元素隐藏 不占...
2019-11-11 10:49:05
1715
原创 IE兼容补丁
前些天无疑中在网上看到一个关于IE兼容的语法 <!--[if IE]> <p class='test'>你在非IE中将看不到我的身影</p> <div class="box"></div><![endif]--><!-- 如果是IE 浏览器才能解析以下样式 --> <!...
2019-11-11 09:44:32
653
原创 关于写组件库的心得
一:前端工作中组件库对工作的帮助非常大,在我的理解中,组件不仅会用,还会看,在前段时间我仿这bootstrap的组件库自己写了一个组件,在写组件的过程中,我收获了很多,不仅命名更加规范,还要想到以后有人用组件库时能遇到什么样的问题,方方面面都要兼顾到,以免在使用的过程中遇到问题。。更好地改变了我敲代码的逻辑。。...
2019-11-09 11:58:51
275
原创 HTML 三大特点分类
块元素1: 默认宽度是占据文本标签的内容的全部 独占一行 也就是width:100%2: 可以设置宽和高3:块元素会独立占据一行,不会和其他样式同行块元素标签代表htnl body main div section nav footer行元素1:默认的宽高由内容决定2:不可以直接设置宽高3:子元素在父元素中排列方式从左往右依次排列直到排满为止才换行4:内容过多时允许断开并...
2019-10-29 21:06:00
288
原创 如何在HTML5 title标签中插入图片
title中如何插入图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2019-10-29 20:48:00
18457
1
原创 HTML:5页面顶宽居中
顶宽居中:只有块元素:才能实现这样效果子元素在父容器中:水平方向居中;1:给当前元素设置固定宽度2:让当前元素左右外边距自动 html,body{ height: 100%; } .box{ width: 200px; height: 200px; border: 2px solid red...
2019-10-21 19:33:07
488
原创 搜索图标css实现
搜索图标实现思路:目的:一个元素实现搜索图标样式1:使用当前元素 实现【一个圈】2:给当前元素添加【伪元素】2.1 给微元素添加边框属性、2.2 给伪元素设置宽度和高度2.3 使用位移:position 旋转 与【圆圈】重合 #示例代码.icon { display: inline-block; } .icon-s...
2019-10-21 19:30:19
1012
原创 弯转箭头实现
弯转箭头实现方式1:用html设置为等腰直角三角形2:给元素添加伪类选择器;2.1设置上边框宽度;设置容器宽度和高度,最后通过圆角弧度;使线变弯曲————> 为了让边框有长度 所以设置 宽度————> 为了让边框有弧度 所以设置 高度2.2通过位置移动 position 再旋转transform 将 曲线与三角形结合#代码示例.icon{display: inlin...
2019-10-21 19:24:55
638
原创 相对定位;绝对定位
相对定位相对自身位置进行定位: 定位后:元素脱离文档流:原来的位置没有被其他元素所占据 元素特点没有发生变化 top:移动后的位置距离起始位置 上面多远 (往下移动) left:移动后的位置距离起始位置 左边多远 (往右移动) right:移动后的位置距离起始位置 右边多远 (往左移动) bottom:移动后的位置距离起始位置 下面...
2019-10-21 19:14:03
151
原创 盒子模型原理
盒模型原理:对所有的盒子:在浏览器中所占据的【空间】进行计算盒子:只要在浏览器【占据位置的】html元素:都是我们计算的盒子。——————>inline inline-block block盒模型使用什么计算盒子在浏览器中占据的位置width height padding border-with margin 盒子分类:边框盒子(IE默认)和内容盒子(谷歌默认) ...
2019-10-21 19:07:29
1369
原创 弹性布局使用方式
弹性布局使用方式兼容性:适合使用手机端;pc 直接放弃(原因项目需要兼容所有浏览器 ie10 以上可以考虑)重点:微信;微信小程序;各个小程序;优先弹性布局那使用规则:1:找到父容器:给父容器这是display:flex2: 一旦容器变为flex布局;主轴 与 交叉轴 就会存在(你用或者不用它都在那里)3:确定主轴方向;flex-direction 默认水平方向 从左往右----...
2019-10-19 17:25:44
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人