JS应用
关注
分享
扫一扫
文章平均质量分 53
JS的相关知识点，以及JS相关的问题及解决办法
✎﹏ℳ๓敬坤
这个作者很懒，什么都没留下…
展开
-
JavaScript之原型和原型链
JavaScript之原型对象和原型链原型对象和原型链原型对象如何使用原型函数原型实例对象原型原型链原型链之间的关系原型对象和原型链原型对象JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象如何使用原型在javascript中，函数可以有属性。每个函数都有一个特殊的属性叫作原型(prototype)，正如下面所展示的。function fu(){}console.log(fu.prototype)函数原型原创 2022-01-06 14:57:51 · 467 阅读 · 4 评论 -
【仿某宝做了一个时间组件逻辑】
???? 博客首页：✎﹏ℳ๓敬坤的博客 ???????? 我只是一个代码的搬运工 ???????? 欢迎来访的读者关注、点赞和收藏 ???????? 有问题可以私信交流 ???????? 文章标题：【仿某宝做了一个时间组件逻辑】 ????仿某宝做了一个时间组件逻辑选择时间按天排序效果图分析原图，实现步骤分析代码实现代码效果展示选择时间按周排序某宝效果图分析原图，实现步骤分析代码实现代码效果展示选择时间按天排序效果图分析原图，实现步骤分析首先日历上面有年和月，需要保存下来每个月的一原创 2021-12-26 15:59:56 · 560 阅读 · 14 评论 -
规范代码，从你我做起
???? 博客首页：✎﹏ℳ๓敬坤的博客 ???????? 我只是一个代码的搬运工 ???????? 欢迎来访的读者关注、点赞和收藏 ???????? 有问题可以私信交流 ???????? 文章标题：代码不规范，同事两行泪 ????代码规范，优雅永不过时代码规范为什么要代码规范如何规范代码命名规范不在标签上写样式注释代码格式多次使用变量定义到全局使用小写文件名代码规范既然要聊代码规范，那一定要先了解为什么要代码规范了????为什么要代码规范规范的代码可以更易于阅读与维护。为什么规范的原创 2021-12-22 06:00:00 · 587 阅读 · 8 评论 -
圣诞节都到了，快使用代码画棵圣诞树吧
???? 博客首页：✎﹏ℳ๓敬坤的博客 ???????? 我只是一个代码的搬运工 ???????? 欢迎来访的读者关注、点赞和收藏 ???????? 有问题可以私信交流 ???????? 文章标题：又是一个圣诞节，还有没看见过雪花纷飞的场景嘛????一个简单的Vue项目带你领略美丽的风景 ????目录用Vue项目教你做出雪花纷飞的场景效果准备几个雪花图片，以及圣诞树图片制作雪花点，以及随机生成雪花，雪花点总结用Vue项目教你做出雪花纷飞的场景使用Vue3.0完成一个圣诞节雪花纷飞的场景，本篇原创 2021-12-21 01:43:13 · 3608 阅读 · 16 评论 -
【内存泄漏和内存溢出】JavaScript之深入浅出理解内存泄漏和内存溢出
???? 博客首页：✎﹏ℳ๓敬坤的博客 ???????? 我只是一个代码的搬运工 ???????? 欢迎来访的读者关注、点赞和收藏 ???????? 有问题可以私信交流 ???????? 文章标题：JavaScript之深入浅出理解内存泄漏和内存溢出 ????目录内存泄漏和内存溢出什么是内存内存泄漏和内存溢出内存溢出内存泄漏总结内存泄漏和内存溢出了解内存泄露和内存溢出之前，我们得知道什么是内存！下面就会详细讲解什么内存什么是内存内存(Memory)是计算机的重要部件之一，也称内存储器和原创 2021-12-19 22:29:07 · 2694 阅读 · 24 评论 -
JavaScript之深入浅出定时器
深入浅出理解定时器什么是定时器定时器的使用方法setInterval()的使用方法setTimeout()的使用方法setInterval()和setTimeout()的区别为什么使用定时器定时器的工作原理日常面试中出现的定时器题目面试题一面试题二面试题三什么是定时器定时器指的是每隔一段时间执行一次定时器的使用方法在JavaScript中提供了两种定时器的方法setInterval()和setTimeout()setInterval()的使用方法//setInterval(代码块,时间戳)le原创 2021-12-16 23:09:03 · 1107 阅读 · 1 评论 -
Uniapp之WebSocket使用攻略
websocket是什么？是一種網路傳輸協定，可在單個TCP連接上進行全雙工通訊，位於OSI模型的應用層。WebSocket協定在2011年由IETF標準化為RFC 6455，後由RFC 7936補充規範。Web IDL中的WebSocket API由W3C標準化。WebSocket使得客戶端和伺服器之間的資料交換變得更加簡單，允許伺服器端主動向客戶端推播資料。在WebSocket API中，瀏覽器和伺服器只需要完成一次交握，兩者之間就可以建立永續性的連接，並進行雙向資料傳輸 ...原创 2021-12-14 13:34:03 · 2176 阅读 · 2 评论 -
DOM概述及常用接口
DOM概述什么是DOM？DOM和JavaScriptDOM的数据类型DOM常用核心接口什么是DOM？1.文档对象模型 (DOM) 是HTML和XML文档的编程接口 。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。2.DOM是web页面的完全的面向对象表述，它能够使用如 JavaScript等脚本语.原创 2020-05-18 11:23:55 · 1826 阅读 · 0 评论 -
jquery左右滑动
要求是点击左右滑动，每次切换一个格子思路:将格子放在一个盒子里面，这个盒子左右每次左右移动css代码： .box{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 50px; position: relative; }原创 2020-12-09 13:45:45 · 858 阅读 · 0 评论 -
app首次启动加载一个弹窗效果
需求： 需要在第一次安装后第一次启动加载一个弹窗效果h5写的app需要在 入口文件index.html中写入以下代码：// 在js判断localStorage中是否第一次登录var fristFlag=localStorage.getItem("fristFlag");//判断fristFlag是否有值，如果为null,则没有值，进入判断,进行弹窗；如果为true,则不仅如此判断if(fristFlag==null){ //弹窗确定为true,取消为false var p=confirm("内原创 2020-05-19 14:17:47 · 1609 阅读 · 0 评论 -
Ajax原生请求和jquery请求
原生请求：<!DOCTYPE html><html><head><meta charset="utf-8"><script>function loadXMLDoc(){ var xmlhttp; //判断游览器是否存在XMLHttpRequest属性 if (window.XMLHttpRequest) { //IE6以上执行代码 xmlhttp=new XMLHttpRequest(); } else {原创 2020-05-21 10:09:36 · 138 阅读 · 0 评论 -
BOM概述及相关方法
BOM概述什么是BOMBOM的作用window对象窗口尺寸其他窗口方法什么是BOMBOM就是浏览器对象模型BOM的作用浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话window对象所有浏览器都支持 window 对象。它代表浏览器的窗口。所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。窗口尺寸.原创 2020-05-18 11:51:32 · 230 阅读 · 0 评论 -
cannot read property ‘_t‘ of undefined“和中英文切换
前端报错如下：[Vue warn]: Error in render: “TypeError: Cannot read property ‘_t’ of undefined”是在项目中用了多语言配置，vue 跟 i18n之间的兼容问题，h5可以正常调用，app会报错。解决方法如下：main.js文件下配置import Vue from 'vue'import App from './App'//调用i18nimport VueI18n from 'vue-i18n'import zh fro原创 2021-01-15 12:41:12 · 1547 阅读 · 1 评论 -
Uniapp之拨打电话
需求：点击一个电话icon拨打电话实现步骤：1.判断是安卓还是苹果2.安卓使用h5+方法拨打电话3.苹果使用uniapp自带的方法拨打电话接下来直接看代码吧：function telphone(phone){ // 获取设备平台 let platform = uni.getSystemInfoSync().platform switch (platform) { case 'android': uni.showActionSheet({ item..原创 2021-12-02 16:06:19 · 4531 阅读 · 1 评论 -
Javascript之作用域
1.什么是作用域？在js中，一个可访问的变量的集合就叫作用域。那这个集合只包括变量嘛？那肯定不是的函数，对象都是包括在里面的。如下：function isNum(){ let ab=2 console.log(ab)}isNum()//控制台打印2cosnole.log(ab)//ab is not defined如上，在isNum函数中定义了ab并赋值，调用isNum函数会打印ab=2，但是在外面我们直接打印ab会提示我们ab is not defined。这是为什原创 2021-11-22 12:56:54 · 371 阅读 · 0 评论 -
Javascript之函数
1.匿名函数匿名函数，顾名思义就是一个没有名字的函数。这个时候大家可能就会想没有名字的函数是什么样子的？大家的第一想法可能就是如下的这种函数了吧！function (){ console.log('周日')}如上，我们定义之后，执行代码可就会报错了，匿名函数虽然没有名字，但是像上面这样使用也是会报错的Function statements require a function name，控制台会提示我们函数需要函数名这个时候大家就会说了，刚才不是说匿名函数不是没有名字的函数嘛原创 2021-11-21 14:07:17 · 424 阅读 · 0 评论 -
JavaScript之变量污染
1.什么是变量污染变量污染相当于SQL表里面的主键，在同一个表里面出现了两个一样的值。在SQL中，我们都知道主键具有唯一性，当两条数据主键出现一样的值时，就会出现问题。在Js中，当我们定义全局变量时，在a.js和b.js中都重新定义了变量a，也就出现问题，这种情况我们就称为变量污染。2.如何解决变量污染呢？那我们如何解决变量污染呢，接下来分享我所掌握的几种方式1.尽量使用局部变量既然使用全局变量容易造成变量污染，那么我们就可以减少这种情况的发生，尽量减少全局变量的使用，多实用一些局部变量原创 2021-11-20 16:10:55 · 1427 阅读 · 0 评论 -
JavaScript之变量提升
1.什么是变量提升（Hoisting）？Javascript中执行上下文 （特别是创建和执行阶段）工作方式的一种认识，在ES6之前是找不到变量提升这个词的“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面，但实际上变量和函数声明在代码里的位置是不会动的，而是在编译阶段被放入内存中2.在Javascript中有存在哪些变量提升呢？1.函数//正常函数声明，及调用function dayOfWeek（isDay）{ console.log('今天',isDay)原创 2021-11-20 13:46:34 · 2899 阅读 · 0 评论 -
input输入框输入限制
输入框输入限制常用场景场景1：只能输入纯数字<input type="text" v-model="serchKey" @input="onInput"/>//定义onInput方法，用来监听serchKey改变时做出响应function onInput(e){ //定义正则表达式只要纯数字，replace方法返回一个由替换值（replacement）替换部分或所有的模式（pattern）匹配项后的新字符串,这个模式可以是字符串也可以是正则表达式 e.target原创 2021-11-18 15:28:29 · 566 阅读 · 0 评论 -
JavaScript之延迟加载
什么是js延迟加载 js延迟加载有什么好处 js延迟加载的几种常见方式1.什么是js延迟加载？js延迟加载就是页面加载完之后在加载JavaScript文件这里有一张图外部引用了js文件，这个时候加载完整个网页大概流程就是：从上往下一个一个加载2.js延迟加载有什么好处？js延迟加载可以提高网页加载的效率，利于优化网页3.js延迟加载的几种常见方式？1.async属性如何使用：在<script>标签上添加asyns属性这个时候网页加载就是加载网页的时.原创 2021-11-15 10:07:18 · 1090 阅读 · 0 评论 -
cookie、localStorage和seeionStorage的区别
三个存储类型的特点：cookiecookie是将数据存储在浏览器端，浏览器的自带的一个存储技术。存储时间久，但存储空间较小，大约4KB左右localStorage只存在于用户本地，存储大小一般来说没有限制。seeionStorage只存在于浏览器打开的当前 tab 页面，关闭就会失效三个存储类型的基本语法：cookie//setCookie 定义存储一个cookie的方法//cname cookie的存储名字 cvalue cookie的存储值 exday原创 2021-11-10 16:42:37 · 1190 阅读 · 0 评论 -
防抖和节流
防抖和节流防抖节流防抖和节流的区别防抖（1）定义：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时（2）主要用途：用于可能出现高频触发DOM结构或样式修改，导致的页面高频重排重绘，严重影响页面性能，同时也导致操作的DOM闪烁抖动的情况，造成体验效果差（3）应用场景：搜索框搜索输入。只需用户最后一次输入完，再发送请求手机号、邮箱验证输入检测窗口大小Resize。只需窗口调整完成后，计算窗口大小。防止重复渲染（4）相关代码： //防抖函数 传入方法：handler 间隔时原创 2021-07-02 16:39:51 · 102 阅读 · 0 评论 -
时间戳转换时间
vue项目中时间戳转换时间两种格式第一种格式转换年月日时间戳转换几分钟or几小时前or·····时间戳转换时间两种格式第一种格式转换年月日unitime: function(dateTimeStamp) { let date = new Date(value); let Y = date.getFullYear() let m = date.getMonth() + 1 let d = date.getDate() let H = date.getHours() le原创 2021-05-10 10:33:49 · 635 阅读 · 0 评论 -
JavaScript学习
JavaScript第一课什么是面向对象？面向对象编程(Object Oriented Programming,OPP编程)是一种计算机编程机构，他将真实世界各种复杂的关系，抽象成一个个对象，然后有对象之间的分工与合作，完成对真实世界的模拟。注：抽象是从众多的十五中抽取出共同的，本质性的特征，二舍弃其非本质的特征。面向对象的目的：(1)重用性针对相同的功能可以重复的使用的程序；(2)...原创 2019-03-24 20:09:37 · 110 阅读 · 0 评论