- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 运用css设置左右自适应
css部分: * { margin: 0; padding: 0; } .clearfix:after{ clear: both; display: block; content: ''; } .father { width: 100%; height: 180px.
2022-01-20 15:30:38
874
转载 如何判断一个 js 变量是数组类型
方法一:使用 instanceof 运算符, 该运算符左边是我们想要判断的变量, 右边则是我们想要判断的对象的类let arr = [1, 2, 3]console.log(arr instanceof Array)// true 返回true,说明变量arr是数组类型方法二利用构造函数来判断他的原型是否为Array, 用法: 变量.constructor === 变量类型let arr = [1, 2, 3]console.log(arr.constructor ===
2022-01-19 20:44:33
5159
转载 js延迟(异步)加载的6种方式 为什么要延迟加载js呢?
对于js的优化(关于js的延迟加载)的好处是有助于提高页面加载速度,js延迟加载就是等页面加载完成之后在加载js文件. 之所以要优化是因为HTML元素是按其在页面中出现的次序调用的,如果用javascript来管理页面上的元素(使用文档对象模型dom),并且js加载于欲操作的HTML元素之前,则代码将出错。也就是说,我们写了js语句来获取DOM对象,但由于DOM结构还没有加载完成,因此获取到的是空对象。<head> <script type="text/javasc..
2022-01-14 10:40:58
1409
转载 js实现继承的方法
1、原型链继承2、构造函数继承3、组合继承4、原型式继承5、寄生式继承6、寄生组合式继承一、原型链继承1实现原型链的一种基本模式functionSuperType(){this.property=true;SuperType.prototype.getSuperValue=function(){return this.property;};function SubType(){this. subproperty = false;}//继承,用Super...
2022-01-14 09:53:50
204
原创 输出今天的日期
日期时间获取,我们一般离不开内置对象new Date,通过声明时间变量,以getFullYear方法获取年份,getMonth获取月份,注意这个月份是需要加1的,获取天为getDate,获取周用getDay,不要混淆了.var d = new Date();// 获取年,getFullYear()返回4位数var year = d.getFullYear();// 获取月,月份比较特殊,0 是 1 月,11 是 12 月var month = d.getMonth()...
2022-01-13 08:46:53
279
原创 运用Vue基础写事项清单
使用Vue写待办清单,比原生js更为方便,简洁,此处我直接引用官网Vue脚本,通过框架实现清单列表,本方法只是基础方法,未用到组件.本法实现了添加,修改,删除,运用指令v-model实现数据双向绑定.HTML部分:<div id="app" v-cloak> <h1>待办清单</h1> <!-- 此处表单不能加form,否则会跳出加入数据行为 --> <div id="form">
2022-01-06 16:47:34
625
原创 parseInt与进制
parseInt(string,radix)parseInt(string,radix)解析一个字符串并返回指定基数的十进制整数,radix是2-36之间的整数,表示被解析字符串的基数。语法如下:parseInt(string, radix)参数string:要被解析的值。如果参数不是一个字符串,则将其转换为字符串(使用 ToString抽象操作)。字符串开头的空白符将会被忽略。参数radix可选写:从2到36,表示字符串的基数。例如指定16表示被...
2022-01-05 16:40:17
905
原创 xss攻击
XSS概念: 跨站脚本攻击; 恶意攻击者往Web页面里插入恶意的Script代码,当用户浏览该页时,嵌入其中Web里面的Script代码会被执行,从而达到恶意攻击用户的目的,用户信息可能造成泄漏.实例html部分:<ul class="content"> <li>文本</li></ul><input type="text" class="sendcon" placeholder="请输入内容">js部分...
2021-12-30 19:46:46
437
原创 多法实现数组去重
方法1.双重循环 let arr = [1, 2, 5, 2, 6, 4, 3, 6, 3, 6, 8, 4, 8, 5, 7] function fn(a) { for (let i = 0; i < a.length; i++) { for (let j = 0; j < i; j++) { if (a[i] == a[j]) {
2021-12-30 19:00:46
454
原创 一.reduce求平均值
let average=(...av)=>av.reduce((a,b)=>a+b)/av.length console.log(average(5,6,7,8,9));//7
2021-12-29 11:31:29
742
原创 将数组中能被三整除的排在前面,不能被3整除排到后面,同时分别按照大小排序
var list=[12,200,205,25,30,7,42,50,105]//先排序 list.sort((a,b)=>a-b)//filter过滤console.log((list.filter(i=>i%3===0)).concat(list.filter(i=>i%3!==0)))//结果:(9)[12, 30, 42, 105, 7, 25, 50, 200, 205]
2021-12-28 15:20:55
669
原创 JS中运用多种方法找出数组中最大(或者最小)值
方法一.for...in遍历let arr=[12,42,54,65,86,13]function maxArr(Arr){ let max=Arr[0] for(let i in Arr){ if(max<Arr[i]){ max=Arr[i]}}return max}let max= maxArr(arr)console.log('最大值是',max)//最大值是86方法二.运用Math.max第一种:(apply) le
2021-12-28 11:44:45
924
原创 将数组中元素按照每一个元素的第四个数字(或者字符)进行排序
方法一:冒泡排序此法用到一个关键方法charCodeAt(),可返回指定位置的字符的 Unicode 编码,返回值是 0 - 65535 之间的整数,表示给定索引处的 UTF-16 代码单元。字符串中第一个字符位置从0开始,以此类推。let Array=["163233", "138231", "13842 ", "21w44", "42646", "8w47295", "10867"]function fn(arr){ for (let i = 0; i < a.length-..
2021-12-27 17:36:07
359
原创 用html和css实现字体发光效果
css部分: *{ /* 页面内外边距初始化 */ margin: 0; padding: 0; } .text{ /* 100%的窗口高度 */ height: 100vh; display: flex; justify-content: center; align-items:
2021-12-26 12:08:55
1460
原创 前端页面制作中滤镜效果实现
一、让浏览器页面呈现灰色 具体方法:通过浏览器控制台打开"elements"--查询body,在右侧"styles"的element.style中设置filter:grayscale(1),页面效果即可马上呈现. filter是滤镜属性. 通常使用百分比 (如:75%), 当然也可以使用小数来表示 (如:0.75)。grayscale是控制灰度的一个属性,里面数字为1时(100%), 灰度最大. 0%时与原图没有区别. 0% 到 100% 之间的值会使灰度呈线...
2021-12-26 11:35:35
765
原创 选项卡功能的实现
在许多浏览器界面及应用中,都会涉及到选项卡功能,通过点击导航框中的选项按钮,显示出对应的页面内容,今天我给大家提供了一个运用原生js实现的选项卡效果,大家可以学习和参考。CSS部分 * { padding: 0; margin: 0; } .all { width: 500px; height: 300px; borde...
2021-12-10 15:33:16
1014
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人