JavaScript
文章平均质量分 76
JavaScript的基础知识
Harry-iu
这个作者很懒,什么都没留下…
展开
-
从地址栏输入URL到页面加载显示的过程分析
文章目录第二十三天Javascript题目解题思路解答过程知识扩展url输入DNS解析TCP连接为什么是三次握手而不是两次发送http请求服务器处理请求服务器响应请求浏览器渲染页面连接结束公众号:今日在学来源博客:【Harryの心阁】第二十三天(题目来源: 前端每日知识3+1)Javascript题目写一个方法判断字符串是否为回文字符串解题思路解答过程function reverseStr(str) { // let newStr = [...str].reverse().jo原创 2021-08-20 21:56:58 · 184 阅读 · 1 评论 -
JavaScript:手撕new构造函数
文章目录第十九天Javascript题目问题解答Javascript题目1问题解答1解题思路1知识扩展公众号:今日在学来源博客:【Harryの心阁】第十九天(题目来源: 前端每日知识3+1)Javascript题目正则规则的熟悉、prototype和__proto__属性的区别和联系、手撕new 构造函数问题解答/* 地区: ([1-6][1-9]|50)\d{4} // 补充重庆地区50 年的前两位: (18|19|20) 1800-2399 年原创 2021-08-15 22:00:11 · 654 阅读 · 3 评论 -
JavaScript:算法练习
文章目录第十六天Javascript题目1问题解答1解题思路1setTimeout方法+递归setInterval方法Javascript题目2问题解答2解题思路2Javascript题目3问题解答3解题思路3Javascript题目4问题解答4解题思路4bind方法Javascript题目5问题解答5解题思路5Javascript题目6问题解答6解题思路6Javascript题目7问题解答7解题思路7Javascript题目问题解答解题思路知识扩展公众号:今日在学来源博客:【Harryの心阁】第十原创 2021-08-11 16:01:45 · 267 阅读 · 0 评论 -
JavaScript:返回到顶部的方法有哪些?
文章目录第十五天Javascript题目问题解答解题思路锚点scrollTop方法scrollTo(x, y)方法scrollBy(x, y)方法ele.scrollIntoView()方法知识回顾公众号:今日在学来源博客:【Harryの心阁】第十五天(题目来源: 前端每日知识3+1)Javascript题目题目 : 返回到顶部的方法有哪些? 把其中一个方法出来 (js)问题解答有多种方法实现:使用锚点链接.scrollTop方法(设置body标签和文裆元素的scrollTop原创 2021-08-10 13:05:02 · 516 阅读 · 0 评论 -
一文搞懂JavaScript闭包函数
文章目录第十三天Javascript题目问题解答解题思路知识扩展公众号:今日在学来源博客:【Harryの心阁】第十三天题目来源: 前端每日知识3+1Javascript题目题目 : 关于闭包函数,得出以下代码的打印结果(js)问题解答function f() { var a = []; for (var i = 0; i < 2; i++) { var ff = function() { console.log(i) }; a.pu原创 2021-08-08 10:16:04 · 149 阅读 · 0 评论 -
在严格和非严格模式下,argumemts和参数的关系
文章目录第十一天Javascript题目问题解答解题思路知识扩展说说你对javascript的作用域的理解http常用的状态码css扩展公众号:今日在学来源博客:【Harryの心阁】第十一天题目来源: 前端每日知识3+1Javascript题目题目 : 看如下代码结果, 并解释其结果?(js)问题解答function side(arr) { arr[0] = arr[2];}function a(a, b, c = 3) { c = 10; console.log原创 2021-08-07 22:01:15 · 178 阅读 · 0 评论 -
写一个获取当前url查询字符串中的参数的方法(js)
文章目录第十一天Javascript题目问题解答解题思路正则本地地址获取参数知识扩展html扩展公众号:今日在学来源博客:【Harryの心阁】第十一天题目来源: 前端每日知识3+1Javascript题目题目 : 写一个获取当前url查询字符串中的参数的方法(js)问题解答解题思路写一个获取当前url查询字符串中的参数的方法, 使用正则match方法将url先提取出来然后在通过字符串的分隔将键值对追加到对象中正则function urlMatch(str) { le原创 2021-08-06 11:07:26 · 332 阅读 · 0 评论 -
webpack-前端工程化
文章目录实际前端开发初识webpack初始化配置entry指定打包入口output指定打包出口安装插件安装html-webpack-plugindevSever 节点loader 加载器配置build命令Source Mapwebpack.config.js最终配置公众号:今日在学来源博客:【Harryの心阁】实际前端开发模块化(js)组件化(ui)规范化自动化(构建,部署,自动化测试)初识webpack功能: 代码压缩混淆, 处理浏览器JavaScript的兼容性, 性能优化定原创 2021-08-05 14:30:08 · 121 阅读 · 0 评论 -
简要描述下什么是回调函数并写一个例子出来(js)
文章目录第十天Javascript题目问题解答解题思路知识扩展认识回调函数html扩展公众号:今日在学来源博客:【Harryの心阁】第十天题目来源: 前端每日知识3+1Javascript题目题目 : 简要描述下什么是回调函数并写一个例子出来(js)问题解答解题思路简要描述下什么是回调函数并写一个例子出来知识扩展认识回调函数回调是把一个函数作为参数传递给另一个函数, 当该函数满足某个条件时触发该参数函数. 主要用于异步操作 例如网络请求 防止页面同步代码阻塞导致渲染原创 2021-08-05 14:28:37 · 202 阅读 · 0 评论 -
写一个判断数据类型的方法(js)
文章目录第九天Javascript题目问题解答解题思路Object.prototype.toString方法instanceof方法知识扩展公众号:今日在学来源博客:【Harryの心阁】第九天题目来源: 前端每日知识3+1Javascript题目题目 : 写一个判断数据类型的方法(js)问题解答解题思路写一个判断数据类型的方法Object.prototype.toString方法function type(obj) { // return Object.protot原创 2021-08-04 11:36:38 · 160 阅读 · 0 评论 -
写一个加密解密字符串的方法
文章目录第八天Javascript题目问题解答解题思路时间戳混淆使用字符转换加密的方法encodeURIComponent方法知识扩展公众号:今日在学来源博客:【Harryの心阁】第八天题目来源: 前端每日知识3+1Javascript题目题目 : 写一个加密解密字符串的方法(js)问题解答解题思路写一个加密解密字符串的方法, 可以使用动态加密的方法(比如加入随机数和时间戳)来混淆密码, 然后在根据传入的数据进行反解密时间戳混淆 function encodeStr(原创 2021-08-04 11:33:00 · 210 阅读 · 0 评论 -
统计某一字符或字符串在另一个字符串中出现的次数(js)
文章目录第七天Javascript题目问题解答解题思路正则+去重使用split 方法递归思想includes方法知识扩展公众号:今日在学来源博客:【Harryの心阁】第七天题目来源: 前端每日知识3+1Javascript题目题目 : 统计某一字符或字符串在另一个字符串中出现的次数(js)问题解答解题思路统计某一字符或字符串在另一个字符串中出现的次数正则+去重将str1中的所有字符进行遍历, 并对应的找出在另一个字符串中的出现的次数// 统计某一字符或字符串在另一原创 2021-08-02 19:45:08 · 2196 阅读 · 0 评论 -
写一个去除制表符和换行符的方法(js)
文章目录第六天Javascript题目问题解答解题思路正则替换知识扩展css扩展原理BFC形成条件解决问题公众号:今日在学来源博客:【Harryの心阁】第六天题目来源: 前端每日知识3+1Javascript题目题目 : 写一个去除制表符和换行符的方法(js)问题解答解题思路写一个去除制表符和换行符的方法, 使用正则方法匹配去除正则替换function detab(str) { return str.replace(/[\t\r\f\n\s]*/g, '')}co原创 2021-08-02 19:43:45 · 1079 阅读 · 0 评论 -
写一个方法把下划线命名转成大驼峰命名(js)
文章目录第四天Javascript题目问题解答解题思路正则循环方法reduce方法扩展公众号:今日在学来源博客:【Harryの心阁】第四天题目来源:前端每日知识3+1Javascript题目题目:写一个方法把下划线命名转成大驼峰命名(js)问题解答解题思路写一个方法把下划线命名转成大驼峰命名正则// 大驼峰命名function tuoF(str) { // let reg = /(?:[_])([a-z])/g // 去除原子组?: // return原创 2021-08-01 09:16:47 · 775 阅读 · 0 评论 -
正则表达式 (js)
文章目录正则字符串提取数字正则字变量使用对象创建选择符 |转义字符边界符数值与空白元字符w和W元字符点字符的使用匹配所有字符i和g 模式修正汉字与字符属性lastIndexy模式原子表区间匹配排除匹配原子表字符不解析原子表匹配原子组不记录分组重复匹配批量使用正则完成密码的验证禁止贪婪matchAll 全局匹配exec 全局匹配$符原子组的别名断言匹配 ?=手机号码断言隐藏来源博客:【Harryの心阁】正则字符串提取数字使用\d将数字匹配出来 /g全局匹配let hd = 'daw21321d原创 2021-07-30 11:10:40 · 143 阅读 · 0 评论 -
写一个方法去掉字符串中的空格(js)
文章目录第二天Javascript题目问题解答解题思路switch方法對象方法去除中间空格多种方法来源博客:【Harryの心阁】第二天题目来源:前端每日知识3+1Javascript题目题目:写一个方法去掉字符串中的空格(js)问题解答解题思路要求传入不同的类型分别能去掉前、后、前后、中间、全部的空格switch方法let hd = ' d dwda w ';function trimD(type) { switch (type) { c原创 2021-07-30 11:09:25 · 203 阅读 · 0 评论 -
去除字符串中最后一个指定的字符(js)
文章目录第三天Javascript 题目问题解答解题思路解构/倒叙分隔lastIndexOf和splice方法数组遍历正则+substring正则+replace扩展split splice slice substring substr方法来源博客:【Harryの心阁】第三天题目来源:前端每日知识 3+1Javascript 题目题目:去除字符串中最后一个指定的字符(js)问题解答解题思路去除字符串中最后一个指定的字符解构/倒叙分隔先分隔 分隔后在倒序在连接 替换后在分原创 2021-07-30 11:08:21 · 2305 阅读 · 0 评论 -
用`递归`算法实现,数组长度为5且元素的随机数在2-32间不重复的值
第一天题目来源:前端每日知识3+1Javascript题目题目:用递归算法实现,数组长度为5且元素的随机数在2-32间不重复的值问题解答解题思路生成一个长度为5的空数组arr。生成一个(2-32)之间的随机整数rand。把随机数rand插入到数组arr内,如果数组arr内已存在与rand相同的数字,则重新生成随机数rand并插入到arr内需要使用递归实现,不能使用for/while等循环最终输出一个长度为5,且内容不重复的数组arr。include方法构造方法func原创 2021-07-28 22:29:17 · 196 阅读 · 0 评论 -
最新论文降重 web/python/exe版本
降重原理利用百度翻译通用API在不通语言间转换,由于不通语言语序不通,转换后可有效降重。初级中->英->德->中中级中->英->德->日->葡萄牙->中高级中->英->德->日->葡萄牙->意大利->波兰->保加利亚->爱沙尼亚->中效果图web版本gitee地址 【下载地址】github地址 【下载地址】使用方法去百度翻译API注册一个账号,并原创 2021-06-26 12:25:11 · 594 阅读 · 1 评论 -
Express框架的使用笔记
文章目录express框架中间件错误处理中间件捕获错误构造模块化路由get/post参数的获取express路由参数静态资源访问模板引擎app.locals对象注意密码加密 bcyptcookie和sessionJoi第三方模块对页面进行分页标识编码formidable解析表单文件读取数据分页mongoDB数据库添加账号开发环境和生产环境config模块评论的创建来源博客:【Harryの心阁】express框架使用send()方法代替end自动设置http状态码,自动检测响应内容的类型,设原创 2021-03-29 21:59:30 · 439 阅读 · 0 评论 -
Node.js知识整理
文章目录node.js系统模块第三方模块gulp模块node_modules文件夹问题require查找规则服务器端创建web服务器响应报文post参数来源博客:【Harryの心阁】node.js编程运行环境模块化开发exports对象导出,使用require方法引入并且导入的文件名的后缀可以省略使用module.exports.obj 导出模块成员exports 和module.exports指向不同的对象时 最终以后者为准系统模块f:file s:syetemfs.re原创 2021-03-13 21:26:29 · 91 阅读 · 0 评论 -
Javascript知识总结--ES6 类对象,闭包
文章目录ES6 类类的继承super关键字ES6类和对象要注意的问题面向对象案例构造函数的缺点constructor 构造函数原型链this指向扩展内置对象call()借用构造函数继承父类属性借用构造函数继承父类方法ES5新增方法字符串方法对象方法函数的定义方法函数的调用方式改变函数内部的this的指向严格模式高阶函数闭包(Closure)案例获取元素索引号,打印元素的内容类似案例打车价格闭包思考重点来源博客:【Harryの心阁】ES6 类创建类 class Star { constructor原创 2021-03-09 17:28:29 · 304 阅读 · 0 评论 -
制作自己的个人主页-H5
JavaScript仓库简介主页介绍Tab栏介绍仓库地址制作目的来源博客:【Harryの心阁】仓库简介此仓库用于JavaScript学习的实例化演示边学边做【演示站点】主页介绍本页面使用rem布局+flex布局加入了昼夜模式,可自动切换(使用了JavaScript)适配移动端,媒体查询主页标题使用 CSS3中的动画,还有文字阴影搭配使用Tab栏,昼夜交替使用了JavaScript排他思想,设置自定义属性主页加入【牛年灯笼特效】加入鼠标样式,底部引入导航信息栏-仿Rocket原创 2021-02-25 22:55:35 · 1551 阅读 · 0 评论 -
Javascript的知识总结-轮播图,移动端+pc端
JavaScript网页轮播图自动播放节流阀返回顶部案例移动端事件移动端无缝滚动classList属性来源博客:【Harryの心阁】网页轮播图核心原理:使用动画函数,点击小圆圈,使用小圆圈的索引号来判断图片移动的距离使用getAttribute 通过自定义属性来记录小圈圈的索引号无缝滚动:克隆第一张,实现无缝跳转,克隆第一个节点cloneNode(),没有true浅克隆window.addEventListener('DOMContentLoaded', function () {原创 2021-02-21 23:32:57 · 184 阅读 · 0 评论 -
Javascript中缓动动画函数实例
scroll系列属性scrollTop/scrollLeft/ScrollWidth/scrollHeightoverflow:auto 使滑动自动显示页面被卷去的头部:可以通过window.pageYOffset获得如果是被卷的是左window.pageXoffset注意,元素被卷去的头部是elent.scollTop ,如果是页面被卷去的头部则是window.pageYoffset<body> <style> * {原创 2021-02-20 21:29:52 · 755 阅读 · 0 评论 -
Javascript中遇到的问题: 缓动动画函数的封装
JavaScript1.缓动函数 - 匀速运动2.代码展示3.调用实例来源博客:【Harryの心阁】1.缓动函数 - 匀速运动在匀速运动的过程中设置每次移动的距离如果大于1px,会使最后的目标位置变大,并且在封装过程中,if判断必须设置为>=,看一下样式效果看控制台console(obj.offsetLeft)的值可以看出在设置匀速运动时,如果每次移动的距离大于1px,最后得到的距离左侧的位置大于目标位置,再做判断时要设置为对象距离左侧的位置>=目标位置缓动动画函数 封装原创 2021-02-20 20:46:35 · 120 阅读 · 0 评论 -
JavaScript的知识总结(14)-网页特效-放大镜/跟随鼠标移动案例
JavaScript元素偏移量offset和styleclient系列立即执行函数来源博客:【Harryの心阁】元素偏移量offsetTop/Left,动态的获取位置,具有定位的父元素的距离,如果没有则以body为准offsetWidth/Height可以获取元素的大小 包括padding,borderoffsetParent返回带有定位的父亲,否则是body,parentNode返回最近一级 的父亲offset和stylestyle只能得到行内样式表中的样式值,并且获取的属性值是有原创 2021-02-19 22:39:29 · 210 阅读 · 0 评论 -
Javascript的知识总结(13)-BOM
JavaScript思维导图什么是BOM窗口加载事件this指向同步和异步loaction对象navidator对象history对象来源博客:【Harryの心阁】思维导图什么是BOM顶级对象是windowwindow.name 是特殊的属性窗口加载事件窗口加载事件 window.onload = function(){}等页面加载完毕,具有唯一性,层叠性,使用addEventListener则没有限制document.addEvenListener('DOMContentLoa原创 2021-02-17 19:58:39 · 97 阅读 · 0 评论 -
Javascript知识总结(12)-事件监听
JavaScript注册事件事件监听方式删除事件Dom事件流事件对象常见事件对象的属性和方法事件委托常见的鼠标事件鼠标事件对象常用的键盘事件来源博客:【Harryの心阁】注册事件传统注册方式,使用on开头的,注册事件具有唯一性方法监听方式 addEvebtListener() / attachEvebt(),特点:同一个元素可以添加多种事件事件监听方式addEvetListener('事件类型',function(){}),里面的事件是字符型,不加on同一个元素同一个事件可以添原创 2021-02-16 22:44:56 · 482 阅读 · 2 评论 -
JavaScript知识总结(11)-Dom思维导图
JavaScriptDom 树思维导图自定义属性节点操作兄弟节点添加节点实例化操作删除节点复制节点动态创建表格创建元素来源博客:【Harryの心阁】Dom 树思维导图自定义属性在页面暂时保存数据而不是数据库规定自定义属性以data-开头,自定义属性h5新增获取 属性.dataset.(要获取的属性),必须以data开头如果是list-index-name 使用新特性时获取采用驼峰命名法节点操作兄弟关系和父子关系,层次关系(node)nodeType(节点类型),nod原创 2021-02-15 23:30:47 · 665 阅读 · 0 评论 -
JavaScript的知识整理(10)
JavaScript表单实例自定义属性移除属性tab标签来源博客:【Harryの心阁】表单,tab标签,自定义属性表单实例<style> * { margin: 0; padding: 0; } body{ font-size: 13px; } table{ text-align: center; margin: 100px auto; bo原创 2021-02-13 20:44:58 · 102 阅读 · 0 评论 -
Javascript的知识整理(9)
JavaScript通过类名获取获取特殊元素事件基础操作元素通过修改标签属性修改表单属性通过js修改样式来源博客:【Harryの心阁】querySelector的使用,兼容性较好通过类名获取document.getElementsByClassName('类名')根据类名获得某些元素的集合document.querySelector('.box')返回指定选择器的第一个元素对象document.querySelectorAll('选择器')返回指定选择器的所有元素对象获取特殊元原创 2021-02-12 13:26:19 · 86 阅读 · 0 评论 -
JavaScript的知识整理(8)
JavaScript简单数据类型复杂数据类型简单数据类型传参webAPIsDOM获取元素根据标签名获取来源博客:【Harryの心阁】简单类型与复杂类型,webAPIs,DOM简单数据类型值类型,String,number,null,…undefined,booleannull返回的是空的Object typeof复杂数据类型Object,Array,Date,通过new关键词生成的堆:存放复杂数据类型,首先将变量名存放到简单数据类型,然后将数据存放到堆里面栈:存放简单数原创 2021-02-12 13:24:57 · 101 阅读 · 0 评论 -
JavaScript的知识整理(7)
JavaScript字符串字符串的不可变性基础包装类型字符串对象根据位置返回字符字符串的操作方法字符转换为数组来源博客:【Harryの心阁】数组转换,字符串,数组转换,字符串转换字符串数组名.toString();将数组转化为字符串数组名.join(分隔符),将数组使用分隔符分开字符串的不可变性字符串不可变性不要大量拼接字符串基础包装类型把简单数据类型包装成了复杂数据类型把临时变量的值给str销毁这个临时变量字符串对象数组名.indexOf(‘查找的字符’原创 2021-02-11 22:11:14 · 93 阅读 · 2 评论 -
JavaScript知识整理(6)
JavaScript函数Date数组对象添加删除数组数组排序数组索引数组去重*来源博客:【Harryの心阁】Date函数,数组对象,数组索引,数组添加删除,数组排序,**数组去重**函数Date注意月份要+1,可以使用数组进行选择中文日期格式 var date = new Date(); function getTimer() { var time = new Date(); var h = time.getHours();原创 2021-02-10 21:15:35 · 65 阅读 · 0 评论 -
JavaScript知识整理(5)
JavaScript构造函数遍历对象回顾练习内置对象三个取整方法随机数日期对象来源博客:【Harryの心阁】构造函数,遍历对象,内置对象构造函数将对象里面相同的属性和方法抽象出来封装到函数里面构造函数首字母要大写构造函数必须使用new,只要调用new就创建了一个对象 function Star(uname) { this.name = uname; this.sing = function(sang){ consol原创 2021-02-10 21:14:22 · 59 阅读 · 0 评论 -
JavaScript知识整理(4)
JavaScriptarguments的作用arguments的使用函数声明方式作用域作用域链预解析对象变量,属性,函数,方法的区别函数和方法创建对象遍历对象来源博客:【Harryの心阁】arguments的作用具有数字的length属性按照索引的方式进行存储的他没有真正数组的一些方法pop()push()等等里面村粗了所有传递过来的实参,伪数组只有函数才有arguments对象arguments的使用利用函数求任意个数的最大值 function getMax(){原创 2021-02-10 21:12:36 · 69 阅读 · 0 评论 -
JavaScript知识整理(3)
JavaScript函数return语句函数练习来源博客:【Harryの心阁】函数先声明函数在调用函数函数的封装可以利用函数的参数实现函数重复不同的代码在声明函数的小括号里面是形参,在函数调用的小括号里面是实参形参相当于变量参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去多个参数用,隔开形参是不用声明的变量如果实参的个数多于形参的个数不影响如果小于,变量不声明没有值为undefinedreturn语句终止作用,只能返回一个值返回多原创 2021-02-07 20:58:04 · 63 阅读 · 0 评论 -
JavaScript知识整理(2)
JavaScript知识整理循环简单例题数组数组的索引来源博客:【Harryの心阁】循环断点调试soucefor循环重复执行不同代码for循环重复执行相同代码重复执行某些操作简单例题for while do while求1-100之间所有数的平均数 var sum = 0; for(var i = 1;i<=100;i++){ sum = sum + i; } var average = sum / 100;原创 2021-02-07 20:54:42 · 67 阅读 · 0 评论 -
JavaScript知识整理(1)
JSJavascript基础Js输入输出语句Js变量变量的使用数据类型数字型Number字符串 String布尔 Bolleantypeof检测数据类型字符串转换运算符流程控制循环Javascript基础是一种运行在客户端上的脚本语言(高级编程类语言) 解释形语言js推荐使用单引号ECMAScript规定了js的基础语法和基础核心知识DOM- 文档对象模型BOM-浏览器对象模型Js输入输出语句prompt(‘输入框’);alert(‘输出框’)console.log(原创 2021-02-06 22:10:00 · 74 阅读 · 0 评论