javascript
文章平均质量分 66
浅醉碎星河
这个作者很懒,什么都没留下…
展开
-
如何用JavaScript实现手势库
本篇文章给大家介绍一下JS实现日期比较大小的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。Start 事件首先我们会触发一个 start 事件,也就是当我们手指触摸到屏幕时第一个触发的事件。这时会有三种情况:手指松开 会触发 end 事件,这样就构成一个tap点击的行为 通过监听 end 事件来实现即可 手指拖动超过 10 px 这种就是pan start拖动的行为 我们可以在 move 事件判断当前与上一个触点的距离 手...转载 2021-08-02 09:05:16 · 322 阅读 · 0 评论 -
2021Q1最受欢迎语言是什么?
本篇文章给大家介绍一下2021Q1最受欢迎语言。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。2021年4月SlashData 公司通过调查来自155个国家的19,000多名受访者,发布《开发者国家排名》第20版,在报告中估计,截至2021年第一季度,有2430万活跃的软件开发者。最受欢迎的编程语言仍是JavaScript据研究开发者社区的公司 SlashData 称,JavaScript 在六个月前吸引了约140万新开发者,目前拥有大约1380万开发人员。在过去的转载 2021-07-26 09:30:47 · 379 阅读 · 0 评论 -
JavaScript如何获取和失去焦点
本篇文章给大家介绍一下JavaScript获取焦点和失去焦点的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。焦点处理焦点处理主要包括focus(获取焦点)和blur(失去焦点)事件类型。所谓焦点,就是激活表单字段,使其可以响应键盘事件。获取焦点:focus当单击或使用Tab键切换到某个表单元素或超链接对象时,会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下,整个文档处于焦点状态,但是单击或者使用Tab键可以改变焦点位置。‘示例:在页转载 2021-07-20 09:28:07 · 12320 阅读 · 0 评论 -
JavaScript如何使用递归
本篇文章给大家介绍一下JavaScript递归的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。递归:函数中用调用函数自己,此时就是递归,递归一定要有结束条件functionf1(){console.log("从前有座山,山里有个庙,庙里有个老和尚给小和尚讲故事:");f1();};f1();//浏览器崩溃,因为没有结束条件——死循环 改进如下: vari=0;functio...转载 2021-07-19 13:43:43 · 805 阅读 · 0 评论 -
html中如何美化展示json格式数据
本篇文章给大家介绍 html中美化展示json格式数据的方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。直接上代码:html中主要加一个pre 的标签<h2>GeoJsonTxt示例如下:</h2> <p> <h4>注意:示例中<spanstyle="color:red">features,geometry,coordinates,properties,name,description</...转载 2021-06-30 09:26:51 · 2760 阅读 · 0 评论 -
在vue中如何使用umy-ui
本篇文章给大家详细介绍一下在vue中使用umy-ui的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1.下载umy-ui http://www.umyui.com/npminstallumy-ui||yarnaddumy-ui 2.创建存放umy-ui的文件 umy-ui.js//完整引入importVuefrom'vue';importUmyUifrom'umy-ui'import'umy-u...转载 2021-06-22 09:22:16 · 3540 阅读 · 0 评论 -
socket.io如何配合Node即时通信前端
本篇文章给大家详细介绍一下socket.io即时通信前端配合Node的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。首先看效果,哈哈哈 还是那么的小首先我们需要新建文件夹并快速生成一个package.json文件npminit-y//生成一个package.jsonnpmiexpressnpmisocket.io新建一个serverRoom.js文件constexpress=require('express')cons...转载 2021-06-21 09:26:10 · 239 阅读 · 0 评论 -
三分钟带你了解Object.defineProperty()方法
本篇文章给大家详细介绍一下Object.defineProperty()方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。语法Object.defineProperty(obj, prop, descriptor)定义在对象上定义一个新属性,可以修改原有的属性!参数obj 目标对象。prop 定义或修改的属性的名字。descriptor 定义或修改的属性描述符。(不能同时设置value、writable 与 get、set的值)属性描述符con转载 2021-06-17 09:28:24 · 194 阅读 · 0 评论 -
一分钟带你了解JavaScript原型链继承
本篇文章给大家详细介绍一下JavaScript原型链继承的概念以及原理。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。一、原型链 所谓原型链就是指通过原型链继承,在原型之间建立起来的链式结构被称为原型链。 当查找对象的某个属性时,会先从该对象的私有属性中查找,如果有则返回对应的值,如果有则沿着对象的_proto_到原型中查找,如果原型中也没有,则沿着原型链继续向上查找。 当找到Object原型时,如果也依然没有要查找的属性, 则返回undefined,且停转载 2021-06-15 09:41:20 · 152 阅读 · 0 评论 -
Vue如何封装一个TodoList
本篇文章给大家详细介绍一下Vue封装一个TodoList的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。使用Vue封装一个简易的Todolist的小案例. 同时加入了浏览器本地缓存的技术手段.浏览器本地缓冲:前提: 一般我们定义的变量,或者用Vuex保存的数据, 当浏览器进行了一个刷新 那么这个数据就会丢失, 这样就做不出历史记录的效果了, 但是, 使用浏览器缓存就可以帮助我们解决这个问题… 浏览器缓存分为二种 sessionStorage 和 localSt转载 2021-06-11 09:35:19 · 180 阅读 · 0 评论 -
如何实现简单计算器(附代码)
本篇文章给大家详细介绍一下javascript实现简单计算器的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。JS实现简单计算器页面布局设计(HTML+CSS)由于在之前的博客中有对html和css进行详细的讲解,再次就不多叙述,直接上代码。因为js中用到了JQuery选择器所以在html中使用<script></script>标签引入了JQuery,在html中为每个按钮单击绑定计算器事件cal()并传入当前点击对象this。.html文件:转载 2021-06-10 09:35:21 · 3956 阅读 · 3 评论 -
四个vue后台常用模板,你用过几个?
vue后台常用模板:element文档: http://element-cn.eleme.io/#/zh-CN/component/installationvue API: https://cn.vuejs.org/v2/api/以下是在下收集的四个常用的vue模板1、vue-manage-systemgit地址:https://github.com/lin-xin/vue-manage-system线上地址: http://blog.gdfengshuo.com/example/wor转载 2021-04-23 09:41:48 · 7520 阅读 · 0 评论 -
一分钟带你搞定vue生命周期
本篇文章整理vue生命周期,将其制成图分享给大家。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。vue生命周期图解【相关推荐:《vue.js教程》】转载 2021-04-26 11:49:50 · 55 阅读 · 0 评论 -
Chome最新版vue-devtools如何安装
本文给大家介绍Chome最新版vue-devtools的安装方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。准备工作$node-v#v14.16.0$npm-v#6.14.11$yarn-v#1.22.10$git--version#gitversion2.31.0.windows.1$code-v#1.55.1x64具体步骤#1.克隆Git...转载 2021-04-30 09:33:29 · 173 阅读 · 0 评论 -
Dom节点进行优化的方案有哪些
本文给大家介绍Dom节点进行优化的方案。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。DOM操作对性能影响最大是因为它导致了浏览器的重绘和回流,我们都知道页面UI的更改都是通过DOM操作实现的,DOM虽然提供了许多api方便我们操作dom,但DOM操作的代价很高,页面前端代码的性能瓶颈也大多集中在DOM操作上,所以前端性能优化的一个主要的关注点就是DOM操作的优化。浏览器渲染机制:浏览器渲染页面 浏览器解析 HTML 文档的源码,然后构造出一个 DOM 树,遇到样式转载 2021-05-07 09:33:40 · 456 阅读 · 0 评论 -
什么是箭头函数
本篇文章给大家介绍一下es6的箭头函数。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。箭头函数ES6新增了使用箭头语法定义语法函数表达式的能力。很大程度上,箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何时候使用函数表达式的地方,都可以使用箭头函数letfn=(a,b)=>{returna+b}letfun=function(a,b){returna+...转载 2021-05-08 09:05:45 · 251 阅读 · 0 评论 -
定时器如何刷新页面
本篇文章给大家介绍一下定时器刷新页面的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。给大家总结定时器刷新的三种方法方法一:添加 setInterval()函数<scriptlanguage="JavaScript">setInterval(function(){window.location.reload();},3000);//每隔三秒刷新一次页面</script>方法二:在标签中添加时自动刷新...转载 2021-05-10 09:12:16 · 1252 阅读 · 0 评论 -
NodeJS服务总是崩溃怎么办
本篇文章给大家介绍一下如何解决NodeJS服务总是崩溃。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。许多人都有这样一种映像,NodeJS比较快; 但是因为其是单线程,所以它不稳定,有点不安全,不适合处理复杂业务; 它比较适合对并发要求比较高,而且简单的业务场景。事实上NodeJS里程确实有“脆弱”的一面,单线程的某处产生了“未处理的”异常确实会导致整个Node.JS的崩溃退出,来看个例子, 这里有一个node-error.js的文件:varhttp=requir...转载 2021-05-13 14:58:13 · 1127 阅读 · 0 评论 -
Vue如何实现带参跳转
本篇文章给大家详细介绍一下Vue实现带参跳转的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。主页面:name —> shishengzuotanhuichaxun此页面表格中的数据均通过接口从后端获取数组对象并渲染,每一行数据都有对应的行id,我们的目的就是根据表格中每行数据的行id不同进而跳转至对应的子详情页面子页面(详情页面):name —> Cinfo此页面为拿到行id后通过调用相应接口所要渲染的页面项目简介及使用带参跳转的原因:本转载 2021-05-18 09:53:02 · 707 阅读 · 0 评论 -
JavaScript如何制作页面效果
本篇文章给大家详细介绍一下使用JavaScript制作页面的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。使用 JavaScript 制作页面效果DOM 编程DOM 编程(Document Object Model)文档对象模型在 DOM 编程中,把整个页面看成一个 document 对象,其中的 html 元素为具体对象,在 DOM 中的核心在于找到相对应的 HTML 元素对象,然后对进行操作(属性或样式的修改)还可以生成新的 HTML 元素对象在 JS ..转载 2021-05-26 09:36:20 · 902 阅读 · 0 评论 -
如何搞定Vue常用指令
本篇文章给大家详细介绍一下Vue的常用指令。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。插入文本:v-text相当于元素的innerText属性,必须是双标签插入HTML:相当于元素的innerHTML属性循环遍历v-for的使用,除了item属性,还有一些其他辅助属性/*在html中使用v-for指令进行渲染*//*普通数组*/data:{list:[1,2,3,4,5,6]}<pv-for...转载 2021-05-27 17:30:40 · 67 阅读 · 0 评论 -
javascript如何实现图片的懒加载
本篇文章给大家详细介绍一下js实现图片的懒加载的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。图片的懒加载是前端优化必须要掌握的东西,图片实现懒加载可以节省带宽又可以减轻我们网页的负荷。接下来我来记录一下我所掌握的图片懒加载的方法。首先它实现的一种方式就是我们的图片在视图窗口范围内的图片src先加载出来但是不在试图窗口内的他是不会加载src的随着我们的滚动条的下滑会随之加载。下来加载我实现的方式是利用weapi的方式这样比较简单。InstersectionObserve转载 2021-05-28 09:34:29 · 250 阅读 · 0 评论 -
Vue如何进行环境搭建和项目构建
本篇文章给大家详细介绍一下Vue进行环境搭建和项目构建的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1.下载安装node.jshttps://nodejs.org/zh-cn/2.修改包路径在node安装目录中新建文件夹node_cache、node_globalnode_global 全局包下载存放 node_cache node缓存CMD窗口执行两条命令:npmconfigsetprefix"D:\jnodejs\node_global...转载 2021-05-31 09:48:24 · 224 阅读 · 0 评论 -
如何实现JavaScript猜数字小游戏
本篇文章给大家详细介绍一下搞定JavaScript猜数字小游戏的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。JavaScript 猜数字小游戏在1~10中随机抽取一个数字,(抽取的数字可以在控制台查看)只有十次机会代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <t...转载 2021-06-01 09:32:23 · 2032 阅读 · 0 评论 -
一招吃透javascript正则表达式
本篇文章给大家详细介绍一下吃通javascript正则表达式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。正则表达式的作用简单来讲正则表达式的作用就是进行字符串的增删改查,虽然javascritpt语言已经有及其完善的操作字符串的api,但是正则表达式会让你操作字符串更简单方便创建正则表达式的方式字面量形式需要注意的是 字面量形式的正则表达式 是没有办法操作变量的,如下constreg="sattreissmart"letx='s'...转载 2021-06-02 09:38:24 · 202 阅读 · 0 评论 -
Vue常用的组件通信方式有哪些
本篇文章给大家详细介绍一下Vue常用的组件通信方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。组建通信的基本模式:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息组件通信的常用三种方式1.props(父组件向子组件传值)parent.vue<template><p><parent-child:childName="chi...转载 2021-06-03 09:38:03 · 307 阅读 · 0 评论