![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 63
WJLSH123
这个作者很懒,什么都没留下…
展开
-
JS功能实现
开发中遇到的一些有用的功能原创 2022-07-29 09:54:04 · 389 阅读 · 0 评论 -
剩余天数计算
let dateDiff = new Date(this.endTime).getTime() - new Date(this.startTime).getTime(); //时间差的毫秒数 if (dateDiff <= 0) { // "结束时间必须大于开始时间"; // this.leaevDate = ""; // this.dateEnd = ""; return; } console.log(dateDif原创 2022-03-04 16:24:16 · 942 阅读 · 0 评论 -
前端表单网站
Example: https://echarts.apache.org/examples/zh/index.htmlHighcharts:https://www.highcharts.com.cn/demo/highcharts原创 2022-02-10 12:17:08 · 270 阅读 · 0 评论 -
跨域问题
同源策略协议名、域名、端口 三者都保持一致跨域协议名、域名、端口 只要有一个不一致就算跨域跨域什么时候会失败?Ajax请求时会失败普通的html标签不会失败(例如:、、如何解决跨域失败问题?主流:JSONPCORS【跨域资源共享】Nginx【应用服务器】前端的代码被后端包起来、html标签JSONP// 前端 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.js"></原创 2021-10-16 16:08:40 · 67 阅读 · 0 评论 -
三阶段整理
day01 - JS高级语法(一)01 - 全局变量_局部变量定义:定义在function外部的变量:全局变量定义在function内部的变量:局部变量定义在function内部,但没有var的变量也是,适合公用的变量使用场景全局:很少,一直常驻内存中不易销毁,容易出现命名冲突,适合公用的变量局部:函数执行完毕02 - 作用域链 var point = 30; function play() { //就近原则:从内部开原创 2021-10-13 20:30:04 · 3350 阅读 · 0 评论 -
Express
Express:NodeJS最有名的框架(老牌)Koa/Koa2:更简洁(新秀)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nVqkMrLm-1632793446546)(C:\Users\lenovo\Desktop\Express脚手架.png)]set DEBUG=express:* & npm startpost:req.body.XXXget:req.query.XXX页面刷新:location.reload();注:回退操作页面刷新不起作用原创 2021-09-28 09:44:43 · 82 阅读 · 0 评论 -
HTTP模块
继续Path模块path.joinpath.join([path1], [path2], […])将多个参数值字符串结合成一个路径字符串path.resolvepath.resolve([path1], [path2], […])把一个路径或路径片段的序列解析为一个绝对路径,类似cd命令join和resolve的对比 var path = require("path"); path.join('/a', '/b') // Outputs '\a\b' path.reso原创 2021-09-23 21:44:06 · 128 阅读 · 0 评论 -
Git相关
git进入盘符:cd /盘号ls:列出当前所有的文件与文件夹rm 文件夹/文件:删除mkdir 文件夹名:创建文件夹touch 文件名:创建文件clear:清屏pwdcat 文件名:预览文件内容pwd :查看当前路径git config user.name :查看当前用户名git config user.email :查看当前邮箱get init:初始化Git仓库vim 文件名:进入内置编辑器i:切换到编辑模式esc:退出编辑模式原创 2021-09-17 20:31:47 · 81 阅读 · 0 评论 -
数组扁平化
// 数组扁平化 let arr = [1, 2, [3, 4, 5, [6, 7], 8], 9, 10, [11, [12, 13]]]; // 方式一 flat(参数) 参数:深度 Infinity:正无穷大 console.log(arr.flat(Infinity)); // 方式二 效果:每次都创建一个数组:[total + value] function array(arr) { return.原创 2021-09-14 20:57:19 · 77 阅读 · 0 评论 -
js补充
补充trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。split() 方法用于把一个字符串分割成字符串数组setDate() 方法用于设置一个月的某一天。getDate() 方法可返回月份的某一天。Date.now() 方法返回自 1970 年 1 月 1 日 00:00:00 (UTC) 到当前时间的毫秒数。获原创 2021-09-14 20:54:06 · 74 阅读 · 0 评论 -
异步编程
同步与异步同步:阻塞式,一定要等上一段代码出来之后,才能继续执行异步:非阻塞式,什么时候执行完了,会通过事件触发来告诉我们(事件是其中一种方式)FileReader(文件读取器)、setTimeout、setIntervalajax(异步JavaScript 和 XML【可扩展标记语言】)url:访问的地址method:请求方式 如:GET、POSTdata:传递给后端的数据(POST才用)callback:回调函数 ()function ajax(url,method,da原创 2021-09-14 20:50:59 · 131 阅读 · 0 评论 -
HTTP协议
网络协议计算机之间交换信息的规则图解HTTPHTTP协议用于计算机网络中数据传输的规则和标准程序:有序的计算机代码指令TCP/IP协议链路层网络层传输层应用层当你输入url地址之后发生了什么?※request:请求response:响应地址跳转查找缓存域名解析(DNS)解析成IP地址建立TCP链接【包含三次握手】发起请求(request)接收响应(respinse)四次握手,断开连接加载DOM树加载CSS树DOM解构和CSS合并渲染TCP协议特点:提供一原创 2021-09-13 20:14:38 · 79 阅读 · 0 评论 -
JS-面向对象
创建对象字面量: var obj = {}实例创建对象:var obj = new Object()工程模式创建对象:在函数内部创建对象,且return出来。(解构不明确) 好处:外部无需关注工程函数里面具体怎么实现的【隐藏细节】function createObject = { var obj = new Object}createObject()构造函数创建对象 <script> // 构造函数 -> 类 function原创 2021-09-09 20:43:47 · 182 阅读 · 0 评论 -
ES6
严格模式’use strict’;特点:如果写在全局,则全局是严格模式,如果写在函数里,则函数内部是严格模式。’use strict‘一定要写在全局或局部的开头必须使用变量符,未声明会报错在函数中,不能使用this去指向全局对象arguments.callee不能使用当使用es6语法时,默认进入严格模式优点:消除代码运行的不安全之处,保证代码运行的安全提高编辑器(编写代码的程序)效率,增加运行速度为新版本的JS做铺垫模板字符串``(反引号)变量和字符串连接的问题多行原创 2021-09-08 21:46:56 · 107 阅读 · 0 评论 -
JS高级部分
全局变量变量分类:全局变量:定义在function外部的变量。特点:不销毁局部变量:定义在function内部的变量。特点:用完即销毁var username = '女' // 全局var play () { var username = '女' // 局部}特殊:var play () { username = '女' // 全局}使用场景全局:少用,一直常驻内存中不易被销毁,容易出现命名冲突,适合公用的变量局部:函数执行完毕即被销毁,所以无法持久化re原创 2021-09-06 20:23:30 · 136 阅读 · 0 评论 -
JQuery
jQuery<script src='jquery.js'></script><script> var mydiv = $('#mydiv'); mydiv.css(width="");</script>关系:JQuery的本质是JS,对JS功能的扩展JQuery与JS的相互转换JS对象 => JQ对象$(‘JS对象’)JQ对象 => JS对象JQ对象[0]<script> // 需求:给d原创 2021-08-23 21:13:57 · 232 阅读 · 0 评论 -
正则表达式
正则表达式定义符合一些规则的字符串,计算机能够识别的‘规则’,这些规则语法被称为正则表达式js中需要创建正则表达式对应的对象,这些对象提供的方法能够按照规则进行校验正则表达式是描述字符串的对象创建正则表达式对象语法: var reg = new RegExp(‘规则’ , ‘匹配模式’) 匹配模式: i:忽略大小写 g:全局匹配正则对象.test(字符串) true(满足条件) false(不满足条件)问题:验证邮箱正确与否分析:原创 2021-08-22 16:20:10 · 71 阅读 · 0 评论 -
简单计算器
<script> window.onload = function () { var num = 0; // 取得input var input = document.getElementsByTagName("input")[0]; // 取得按钮数组 var but = document.querySelectorAll("button"); // console.log(but[0]原创 2021-08-21 11:12:21 · 93 阅读 · 0 评论 -
BOM查询
BOMDOM文档对象模型BOM浏览器对象模型 BOM通过js对浏览器的相关操作 BOM为我们定义了一些对象,这些对象完成浏览器的操作 BOM对象: window:全局对象,直接访问(代表整个浏览器的窗口,同时window也是网页中的全局对象) navigator:代表浏览器当前的信息,通过该对象可以识别不同的浏览器 location:代表当前浏览器的地址栏,可以获取或更改地址栏信息 history:表示浏览器的浏览原创 2021-08-20 18:57:06 · 567 阅读 · 0 评论 -
event
事件冒泡事件冒泡就是事件的向上传导机制,当后代的事件被触发后,其祖先元素的相同事件也会被触发可以通过:事件对象.canceBubble = true (cance:通过 bubble:气泡)开发中事件冒泡大多情况都有用 window.onload = function () { var sp = document.getElementById("sp"); sp.onclick = function (e) { // conso原创 2021-08-19 20:31:22 · 74 阅读 · 0 评论 -
Dom元素
dom的定义 DOM(Document Object Model) 文档对象模型 作用: 通过dom模型可以让js操作页面中的html标签和样式,从而改变页面的结构和样式 document:(文档) 表示整个网页文件(各种标签) html标签存在完整的层次结构 object:(对象) 当浏览器将html加载到页面中,会自动生成每个标签的对象,以便js可以原创 2021-08-18 21:25:02 · 2452 阅读 · 0 评论