- 博客(44)
- 收藏
- 关注
RSS订阅
原创 整理一些JavaScript的数据方法吧
数组的基本方法一.原数组改变1.push()1:作用: 向数组的末尾添加元素2:参数: 一个或多个元素3:原数组: 改变原数组的长度4:返回值: 新数组的长度var arr = [1,2,3,4,5]var length = arr.push(1,2)console.log(arr) // [1, 2, 3, 4, 5, 1, 2]console.log(length) ...
2019-11-29 23:21:28
249
5
原创 数组去重的4个方法
方式一:var = arr[1,2,3,4,5,1,2,3,4,5,1,1,16,7,8,9,9,9;var res = [];//接收不重复的数据//1获取到arr中每一个值for (var i = 0; i<arr.length; i++){var flag = true;//表示不重复true false重复//与第一次获取到值 之前的数据进行比较，看是否有重复的for ...
2019-11-29 21:24:38
322
原创 html 和css 的命名规范 和性能优化方案 史上最全!!!
```html命名规范```1.首页 主页面 index.html2.子页面: 首页: home.html 我的 mine.html 关于我们:aboutus.html信息反馈: feedback 产品:product 购物:shop 计数器:count3.一级页面:登录 login.html login.css login.js 注册 resign.html...
2019-10-11 19:41:53
377
原创 vue-cli工作中如何自定义一个过滤器？
vue-cli工作中如何自定义一个过滤器？文件结构：.├── src│ ├── filter│ │ ├── filter.js│ ││ └── main.js└── …过滤器们放在filter文件夹下filter/filter.js：这个文件主要是写了过滤器实现的方法，然后export进行导出。这个文件主要是写了过滤器实现的方法，然后export进行导...
2020-04-14 17:42:42
451
原创 http请求头详细介绍~~~~~
http请求中的常用头（请求头）的含义：Accept：告诉服务器，客户端支持的数据类型。Accept-Charset：告诉服务器，客户端采用的编码。Accept-Encoding：告诉服务器，客户机支持的数据压缩格式。Accept-Language：告诉服务器，客户机的语言环境。Host：客户机通过这个头告诉服务器，想访问的主机名。If-...
2020-01-02 16:58:13
490
原创 js常见的原生dom操作总结
1.1. NodeNode是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常见的Node有element，text，attribute，comment，document等（所以要注意节点和元素的区别，元素属于节点的一种）。Node有一个属性nodeType表示Node的类型，它是一个整数，其数值分别表示相应的Node类型.1.2. NodeListN...
2019-12-21 11:35:19
215
原创 javascript实现点名器功能
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...
2019-12-12 23:23:55
324
原创 使其按照指定的元素转化为驼峰式
1let str4 = "get-element-by-id"; //将字符串变数组let arr = str4.split("-");console.log(arr);for (var i = 1; i < arr.length; i++) { var str = arr[i]; var upper = str[0].toUpperCase(); str = str.r...
2019-12-07 16:32:46
262
原创 将一串数字字符串转化为金钱格式
let num='1684646843511234567890'; function formatNumber(str) { return str.split("").reverse().reduce((prev, next, index) => { return ((index % 3) ? next : (next + ',')) + prev }) } consol...
2019-12-07 16:20:26
866
原创 作用域分类
全局作用域:window对象下的是最大的作用域其他的作用域 都必须在全局作用域下局部作用域:因为函数体中有声明的变量 函数在执行的时候,该变量运行需要一个环境,所以就产生了局部作用域当函数执行完毕的时候,看子作用域是否有需要使用 他声明的变量 如果没有则消失,则作用域销毁 变量消失(实际为变量赋值null),如果用到了 就形成了闭包 作用域会保存下来函数的执行环境 在栈内存中 ...
2019-12-07 16:06:34
487
原创 this 与作用域的关系是什么?
因为每个作用域中都有一个最大的对象this 默认就是存在的 每个作用域中都有 默认指向当前作用域中的对象[抽象的对象]1: 函数作用域不稳定2: 作用域可以赋值给对象3: 对象 函数执行 可以将this 赋值给对象 所有谁调用就指向谁例如构造函数中this的指向function creatObj(){ this.name = arguments[0] } //crea...
2019-12-07 15:59:19
404
原创 什么是作用域链呢?
作用域[scope]作用域是一层作用包裹另一层作用域,从而形成作用域链 通过scope完成的作用域链导致了变量的使用规则1: 在自己的作用域中找,如果没有就去父域中找,直到找到全局域为止变量查找方式:1:先看声明 再看赋值 赋值使用就近原则注意:变量名 = 值 不是全局的 是变量赋值 不是声明因为 在预编译阶段 window下没有这个属性 只有在解析执行的时候 才给window添加...
2019-12-07 15:42:00
329
原创 局部作用域js是如何编译的
预编译1:创建AO对象 AO:{ }2: 将函数体中声明的变量提升到当前作用域最顶端 给AO对象添加属性,赋值为undefined3: 将函数体中声明的函数提升到作用域的顶端 给A0赋值属性 属性为函数名 值为定义函数的指针解析执行:1: 每执行一行AO中属性进行重新赋值2: 如果有未经直接赋值的变量 那么 是给父级作用域中声明的变量进行赋值 所有族级域中都没有声明 那么给go添...
2019-12-07 14:46:06
85
原创 对象数组浅拷贝
/**数组对象浅拷贝原因: 堆中 只有一个数据实现深拷贝方式1: 新建一个[] {}2: 将需要拷贝的内容添加到[] {} 中*/var arr = [1,'dd',123,'nimanwoman'];var copy = []for(var i = 0 ; len = arr.length; i<len;i++){copy[i] = arr[i]}copy.push(...
2019-12-04 21:02:47
204
原创 求1+2+3+4+...11 =n+n+1
var value = 0; function sum (n){ console.log(value,'+',n,'=',value+n) value += n; // 0+1 --n; console.log(value); if(n=...
2019-12-04 20:21:50
145
原创 求n的阶层 n*(n-1).....
function fn(n) {if(n===0){return 1}else{return n*fn(n-1)}}console.log(fn(5));/**5--->5*44--->5*4*33--->5*4*3*22--->5*4*3*2*11---> 120*/
2019-12-04 20:12:40
894
原创 预编译go对象
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...
2019-11-30 17:09:47
338
原创 预编译ao对象
预编译预编译 函数声明提升 变量提升- 代码执行之前发生的.1. 1创建一个Ao对象,1. 2将函数体中所有声明的变量和形参提升到:作用域最顶端,并且赋值为undefined1. 3将形参和实参进行统一1. 4在函数体中 找[函数声明] 赋值为函数本体1. 5若函数名与变量名重复 那么变量赋值会覆盖本体2. 解析执行代码执行完毕单一的函数: 函数内部 变量会消失...
2019-11-30 17:08:46
113
原创 函数的提升
// 将函数本体提升到作用域最顶端 // 将所有变量提升到当前作用域最顶端 // 当变量名与函数名字重复的时候,变量赋值 会将函数本体覆盖 console.log(a);//function a () var a = 1; console.log(a);//1 // 函数声...
2019-11-30 17:01:20
101
原创 每次输出8个去重的随机数
1 截取字符，每次输出字符长度为8，且8个字符不重复出现2刷新页面时候都随机出现8个字符varstr="abcdefghijklmnopqrstuvwxyz0123456789";varres='';//初始化一个结果8位数的字符//求0-str.length-1的随机整数for(vari=0;i<8;i++){varr...
2019-11-29 20:21:43
310
原创 一球从 100 米高度自由落下，每次落地后反跳回原高度的一 半；再落下，求它在 第 10 次落地时，共经过多少米？第 10 次反弹多高？
一球从100米高度自由落下，每次落地后反跳回原高度的一半；再落下，求它在第10次落地时，共经过多少米？第10次反弹多高？//分析：//反弹规律：f[n]=f[n-1]*2,//已知最初高度为100米，定义一个数，num1=100;//定义一个反弹数num2varnum...
2019-11-23 11:27:03
2837
原创 css 透明度的两种区别是啥？
rgba 和 opacity的区别？1. rgba和opacity都能实现透明效果。2.opacity作用与元素本身以及元素内的所有内容3.rgba只作用与元素本身,子元素不会继承透明效果.rgba用法: background:rgba(100,100,100,0.5);opacity用法; opacity:0.5透明度的值是 0到1 之间....
2019-11-23 11:23:46
451
原创 比较关系运算符
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-11-20 23:33:33
570
原创 变量的作用 变量是什么
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...
2019-11-20 21:05:50
435
原创 css 禁止文字 选择
禁止鼠标右键：οncοntextmenu="returnfalse"；禁止选择：onselectstart="returnfalse"；禁止拖放：οndragstart="returnfalse"；禁止拷贝：οncοpy=document.selection.empty()。禁止粘贴：<inputtype=textοnpaste="returnfalse">禁...
2019-11-15 09:57:35
190
原创 旋转正方体加径向渐变
<html><head><title>H5立方</title><metacharset="utf-8"><style>html{height:100%;/*径向渐变*/background:ra...
2019-11-15 09:55:32
154
原创 css 写一个滑块按钮
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><!--name="viewport"兼容移动端initial-scale=1.0表示pc移动端=1:1-->...
2019-11-12 09:06:54
425
转载 appearance: none;的使用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/zzgzzg00/article/details/82956206在知乎上看到一个问题，为什么前端开发总喜欢用div代替语意更好的button按钮来实现button，原因无非是各个浏览器的button丑且样式不一致，所以干脆用di...
2019-11-11 14:22:35
1047
转载 这30个CSS选择器，你必须熟记（下）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/Ed7zgeE9X/article/details/102907996关注前端达人，与你共同进步21、 X::pseudoElement 伪元素选择器我们可以使用伪元素（用::表示）来定义某些片段元素，比如第一行或第一个字母。要...
2019-11-09 10:47:45
88
转载 这30个CSS选择器，你必须熟记（中）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/Ed7zgeE9X/article/details/102848593关注前端达人，与你共同进步11、X[href="foo"]：精准属性值选择器上一小节，我们学习了 X[title] 这样的简单属性选择器，如果你想对属性的值进...
2019-11-09 10:46:49
136
转载 这30个CSS选择器，你必须熟记（上）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/Ed7zgeE9X/article/details/102812665关注前端达人，与你共同进步CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，我们只需要改几行...
2019-11-09 10:45:33
124
转载 弹性布局
1 弹性布局简介 弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。>>>了解两个基本概念，接下来会频繁提到：①容器：需要添加弹性布局的父元素；②项目：弹性布局容器中的每一个子元素，称为项目；...
2019-11-09 09:42:41
763
转载 table-cell width
深入理解 1% table-cell width2015-09-12 | 前端学习今天在写页面时遇到一个有趣的前端问题，拿出来分享一下。问题描述今天在使用Bootstrap给页面添加底部导航栏时，需要在手机下也使导航栏呈现水平排列的效果。最后在网上查找解决方法是，看到这样一个解决方法：.nav-justified > li { display: ...
2019-11-04 11:32:03
487
原创 啥是严格模式和模糊模式
<!DOCTYPEhtml>作用是什么？（面试问题）声明是htnml文档；分为严格模式和模糊模式；我们用的是严格模式；严格模式；在严格模式下；html5废除的标签是不被浏览器解析的模糊模式：html5部分废除的元素是可以被部分浏览器解析...
2019-10-29 17:58:04
162
原创 css简易的进度条
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-eq...
2019-10-22 21:34:13
808
原创 页面布局思路
页面是由Html构成的;熟悉html本身默认特点【很重要】。布局重要:尽量通过结构;利用流逝布局#####如何构建结构1:只要看到从上往下的布局;就在这几个子元素外部加一个【父容器】------原理:子元素在父容器中从上往下;并且可以撑起父容器的高度2:只要看到从左往右的布局方式--->原理:子元素一定变为inline元素inlineinline...
2019-10-21 20:41:44
554
原创 弹性布局使用方式
###弹性布局使用方式兼容性:适合使用手机端pc直接方式(原因项目需要兼容所有浏览器ie10以上可以考虑)重点:微信微信小程序各个小程序优先弹性布局使用规则:1:找到父容器给父容器设置display:flex2:一旦容器变为flex布局主轴与交叉轴就会存在(你用不用或者都在那里)3:确定主轴方向flex-direction默认水...
2019-10-21 20:41:03
416
原创 浮动
/*浮动float(兼容所有浏览器性能好比positionabsolute好)1浮动范围:只能在父容器中2浮动后块元素变为行内块3浮动后元素脱离文档流原来的位置被其他元素占据4浮动后浮动元素占据一个[浮动位置]仅针对同一个父容器中多个子元素都有浮动属性5问...
2019-10-21 20:12:20
143
原创 盒模型原理
盒模型原理:对所有的盒子在浏览器所占据的[空间]进行计算盒子:在要在浏览器中[占据位置]的html元素:都是我们计算的盒子可以包括inlineinline-blockblock盒模型使用什么计算盒子在浏览器中占据的位置widthheightpaddingborde...
2019-10-21 19:48:59
570
原创 绝对定位和相对定位,固定定位
相对定位相对自身位置进行定位定位后元素没有脱离文档流原来的位置没有被其他元素占据元素特点没有发生变化top:移动后的位置距离起始位置上面多远(往下移动)left移动后的位置距离起始位置左边多远(往右移动)right移动后的位置距离起始位置...
2019-10-17 17:13:01
907
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人