- 博客(18)
- 收藏
- 关注
RSS订阅原创 Node介绍及方法
1.什么是Node？ 1.1Node是一个JS的运行环境1.2对比浏览器中的JS1.2.1 浏览器中的JS web api 提供了操作浏览器窗口和页面的功能。例如：BOM操作，DOM操作，AJAX 这些功能有局限性。例如：跨域问题，文件读写 1.2.2 Node中的JS nodeAPI几乎提供了所有能做的事情 1.2.3 Node中的JS对比浏览器中的JS...
2022-01-09 23:31:38
720
原创 原型 原型链
prototype原型函数上的一个属性,prototype称之为原型默认情况下，prototype是一个普通的object对象constructor默认情况下,prototype中有一个属性,constructor,它指向构造函数本身__proto__隐式原型隐式原型,所有的对象上有一个属性，proto 被称之为隐式原型[].__proto__{}.__proto__function test(){}test.__proto__注意：对象的隐式原型，指向创
2021-12-28 20:59:01
104
原创 ES6的变量，常量，函数和新增的方法
ES6简介：ECMAScript6 2015年6月正式发布。历史1997年 ECMAScript 1.0 诞生1998年6月 ECMAScript 2.0 诞生，同步ISO国际标准1999年12月 ESMAScript 3.0 诞生，奠定了js的基础，被气候所有版本完全继承2000年 ECMAScript 4.0 是当下ES6的前身，这个版本过于激进，所以暂时被和谐。2009年12月 ECMASc5.0 正式发布2013年 ES6草案冻结，不再添加新的功能，新功能放在es7中；2...
2021-12-26 22:39:42
484
2
原创 Ajax及JSON用法
ajax简介ajax别称 叫做无刷新技术 比如地图、局部加载 1.页面局部刷新。在读取数据的过程中，用户所面对的不是白屏，而是原来页面的转台，或者正在更新的信息提示状态，只有当接收到全部数据后才更新相应部分的内容，而这种更新也是瞬间的用户几乎感觉不到 2.可以充分利用客户端闲置的处理能力，减轻服务器和网路传输的负担 3.使web中界面与应用相分离 也可以说是数据与呈现相分离ajax处理网络请求Ajax模块在处理网络请求的时候包括以下四个步骤
2021-12-22 20:35:14
144
1
原创 jQuery轮播图(详细注释)
js渣渣也能简单做出在理想情况下用 吧外层div的class名起为banner ul li的布局下面是css代码放图片的li记得浮动；.banner { width: 15rem; height: 5.22rem; position: relative; overflow: hidden;}.banner ul { width: 60rem; height: 5.22rem; position: absolute;}.banner ul li { f..
2021-12-19 19:05:39
1813
原创 媒体查询自适应布局
根据媒体查询获取当前屏幕尺寸 根据屏幕的尺寸改变根节点字体大小使用rem单位 rem单位的好处：1.rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。 2.为什么web app要使用rem? 实现强大的屏幕适配布局（淘宝，腾讯，网易等网站都是rem布局适配）rem能等比例适配所有屏幕，根据变化html的字体大小来控制rem的大小下面是判断在多大的屏幕小 改变根基节点字体大小html { ...
2021-12-19 18:47:35
601
原创 js高阶函数 函数的节流丶防抖 以及封装方法
函数节流节流及防抖的介绍：函数节流：当一个函数在大于等于某个周期时间才执行，如果在周期内是不执行的。函数防抖：短时间内多次触发一个事件，只执行最后一次，或者执行最开始的一次，当在等待时间内再次触发事件时重新开始计时。节流的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" .
2021-12-04 15:45:36
319
转载 常用的正则表达式
汇总一哈一般比较常用的正则表达式一、校验数字的表达式1. 数字：^[0-9]*$2. n位的数字：^\d{n}$3. 至少n位的数字：^\d{n,}$4. m-n位的数字：^\d{m,n}$5. 零和非零开头的数字：^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$8. 正数、负数、和小数：^(\-|\+)?\d+
2021-12-04 15:13:04
247
1
原创 只用html+css做出会跳动爱心
制作十分简单，用到css的动画，有比较难的部分都做了注释觉得可以的多多点赞支持哦这是效果图下面直接上代码部分HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name...
2021-11-28 15:49:07
1699
原创 表单的方法汇总
<form action="" method="post"> <input type="submit" value=""/> </form>action: 提交地址url servermethod: 提交方式get plst属性：type="" 类别name="" 指定标识 服务器接收 元素传递的数据使用maxlength="" 最大输入长度...
2021-11-28 15:33:35
110
原创 js实现输入几位就几位的随机验证码
下面这个是我输入3混合型字符 并且10位的随机数下面是js代码这是一种比较原始的方法 简单易懂 <script type="text/javascript">function numder(aaa = "numder", s = 4) { var a = ["q", 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p', 'a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', '...
2021-11-21 19:10:10
433
原创 js随机验证码
颜色随机数字字母的验证码用到Math.round和Math.random这两个方法话不多说上代码先把字母和数字放到一个数组里。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javasc.
2021-11-21 19:01:25
517
原创 用弹性盒子布局
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;
2021-10-25 09:09:05
73
原创 css3媒体查询
各个媒体使max-width:768px手机端用的窗口大小使用时需要在前面加一个视口代码 <meta name="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
2021-10-17 23:48:34
59
原创 css后代选择器
还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：<style type="text/css">.food>li{border:1px solid red;}/*添加边框样式（粗细为1px， 颜色为红色的实线）*/</style>包含选择器，即加入空格,用于.food li{ border:1px solid red;/*添加边框样式（粗细为1px， 颜色为红色的实线）*/}
2021-10-17 23:43:06
101
原创 精灵图的使用
background-position精灵图拉动background-position 100px 50px精灵图 x轴 y轴的拉动background:url(图片地址)把精灵图设为背景图:hover滑动到精灵图之后可以加特效
2021-10-11 09:02:09
552
原创 图片超链接
对整个一幅图像文件设置超链接语法： <a herf="链接地址" target="目标窗口打开方式"><img src="图像文件的地址"></a>功能： 为图片添加超链接在图像属性中可以添加图像的其他参数，如 heigth、border、hspace 等...
2021-10-11 08:51:39
506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人