网络编程 第861页

js实现简易点击切换显示或隐藏
本文实例为大家分享了js实现简易点击切换显示或隐藏的具体代码,供大家参考,具体内容如下html:点击切换显示隐藏关闭<divclass="o

javascript实现点击小图显示大图
本文实例为大家分享了javascript实现点击小图显示大图的具体代码,供大家参考,具体内容如下bod

原生js实现弹幕效果
本文实例为大家分享了js实现弹幕效果的具体代码,供大家参考,具体内容如下效果展示:源码展示:原生js实现弹幕效果*{padding:0;margin:

原生js+canvas实现验证码
本文实例为大家分享了js+canvas实现验证码的具体代码,供大家参考,具体内容如下效果展示:源码展示:Title

基于jQuery拖拽事件的封装
本文实例为大家分享了基于jQuery封装的拖拽事件,供大家参考,具体内容如下HTML代码:<metaname="viewport"content="width=device

详解React路由传参方法汇总记录
React中传参方式有很多,通过路由传参的方式也是必不可少的一种。本文记录项目中会用到的路由传参方式:路由跳转传参API+目标路由获取参数的方式。一、动态路由跳转

JavaScript实现商品评价五星好评
本文实例为大家分享了JavaScript实现商品评价五星好评的具体代码,供大家参考,具体内容如下一.效果展示二.代码实现1.html代码好评<linkrel="st

ESLint 是如何检查 .vue 文件的
近期要做一个类似的内容,学习了一下Vue是如何做的。ESLint中的扩展机制首先需要了解一下如何才能扩展ESLint的功能。ESLint扩展机制主要有Rules、Plugins、Format

详解Vue 的异常处理机制
最近需要在业务中加一个全局的filter,filter会对输入进行验证,用于进行前端监控。其中一个要处理的问题,就是验证失败后如何发送异常日志,这个过程中顺便了解了一

express异步函数异常捕获示例详解
在express中时使用Async/await编写异步代码时,每个async函数都要包裹在try/catch中,代码量多了看着冗余不优雅,express又不像koa的异步机制可以订阅全局的error事

基于p5.js 2D图像接口的扩展(交互实现)
本文为大家分享了基于p5.js2D图像接口的扩展,供大家参考,具体内容如下一、心跳笔刷组织结构:1.纵坐标取一定范围内的随机值,横坐标按规律递增。基本用法:1、按住鼠

JavaScript实现京东快递单号查询
JavaScript网页制作–京东快递单号查询,供大家参考,具体内容如下上篇讲到了京东网页的一个可能不被大多数人熟知的小功能,S键自动获得焦点,相比于那个功能,这个快

JS模拟实现京东快递单号查询
本文实例为大家分享了JS实现京东快递单号查询的具体代码,供大家参考,具体内容如下<metaname="viewport"content="width=device-width,

javascript实现京东快递单号的查询效果
案例:模拟京东快递单号的查询效果,供大家参考,具体内容如下要求:当我们在文本框中输入内容时,文本框上面自动显示大字号的内容分析:输入内容时,上面的大盒子会自动

vue中defineProperty和Proxy的区别详解
Proxy的出现,给vue响应式带来了极大的便利,比如可以直接劫持数组、对象的改变,可以直接添加对象属性,但是兼容性可能会有些问题Proxy可以劫持的数组的改变,define

微信小程序实现电影App导航和轮播
本文实例为大家分享了微信小程序实现电影App导航和轮播的具体代码,供大家参考,具体内容如下最终的目的:底部:我们要搞好这样的底部要在app.json填写tabBar在pages

jQuery实现查看图片功能
本文实例为大家分享了jQuery实现查看图片的具体代码,供大家参考,具体内容如下HTML<imgsrc="images/3.jp

jQuery实现容器间的元素拖拽功能
本文实例为大家分享了jQuery实现容器间的元素拖拽,供大家参考,具体内容如下在html中准备三个容器ABCefg</

如何利用nodejs自动定时发送邮件提醒(超实用)
需要先安装插件npminstallNodemailer--saveindex.jsglobal.SG={nodemailer:require("nodemailer")//发送邮件需要的服务};sg.js//发送邮件参数:收件人(支持群发)、

如何使用gpu.js改善JavaScript的性能
你是否曾经尝试过运行复杂的计算,却发现它需要花费很长时间,并且拖慢了你的进程?有很多方法可以解决这个问题,例如使用webworker或后台线程。GPU减轻了CPU的处理负

jQuery实现可以扩展的日历
新的产品需求需要,要写一个这样的日历插件。效果图如下:选择日期后,显示当前可以选择的时间,时间的列表是通过ajax从后台获取的一组数据。而且这个日期存在的情况

创建与框架无关的JavaScript插件
JavaScript中的插件使我们能够扩展语言,以实现所需的某些强大(或不够强大)的功能。插件/库本质上是打包的代码,可以使我们免于一遍又一遍地编写相同的东西(功能)。

jquery实现拖拽添加元素功能
本文实例为大家分享了jquery实现拖拽添加元素的具体代码,供大家参考,具体内容如下需求1.页面上有两个不同的容器,拖拽a容器的元素添加到b容器中;2.a保持原位不dog

Vue Elenent实现表格相同数据列合并
本文实例为大家分享了VueElenent实现表格相同数据列合并的具体代码,供大家参考,具体内容如下作者:秋名思路:后台查询表格数据,查询出来后直接传到前端,前端通过fo

vue element实现表格合并行数据
本文实例为大家分享了vueelement实现表格合并行数据的具体代码,供大家参考,具体内容如下支持不分页的表格数据,分页的表格数据还有小bug<el-table:data="tableDat

vue实现表格合并功能
本文实例为大家分享了vue实现表格合并功能的具体代码,供大家参考,具体内容如下1、背景本身有vue进行渲染的数据表格,,但是出于整体考虑,需要对相同的列信息进行单

编写v-for循环的技巧汇总
在Vue.js中,v-for循环是每个项目都会使用的东西,它允许您在模板代码中编写for循环。在最基本的用法中,它们的用法如下。{{product.name}}但是,在本文中,我将介绍六

vue开发chrome插件,实现获取界面数据和保存到数据库功能
前言最近在评估项目时,要开启评估平台,查看平台和保存平台,感觉非常繁琐,开发了一款可以获取评估平台数据,查看项目排期和直接保存数据到数据库的chrome插件,由于

layui使用及简单的三级联动实现教程
LayUI的使用1、引用1、下载:官网:https://www.layui.com2、使用方法:直接将解压好的压缩包拖拽到项目内将以下导入到html中:<linkrel="stylesheet"href="/自己的地

利用JavaScript模拟京东按键输入功能
在看到这个功能的时候我也很惊讶,京东竟然做了这样的一个功能。在京东商城网页版,无论你在什么位置,只需要按下S键,就可以将光标定位到搜索栏进行搜索。虽然说这是

微信小程序轮播图swiper代码详解
微信小程序自定义swiper滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。先在index.wxml中写style=“background:{{item}}”报错不要管,不影

Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
前言前段时间有给大家分享一个vue桌面端弹框组件,今天再分享最近开发的一个vuepc端自定义滚动条组件。vscroll一款基于vue2.x开发的网页端轻量级超小巧自定义美化

浅谈es6中的元编程
何为元编程?「编写能改变语言语法特性或者运行时特性的程序」。换言之,一种语言本来做不到的事情,通过你编程来修改它,使得它可以做到了,这就是元编程。meta-prog

echarts饼图各个板块之间的空隙如何实现
本文主要介绍echarts饼图各个板块之间间的空隙怎么实现关键代码"itemStyle":{"normal":{"borderWidth":1,//间距的宽度"borderColor":'#fff',//背景色}},代码层级

JS实现超级好看的鼠标小尾巴特效
看完这个保证你有手就行,制作各种好看的小尾巴!全部代码如下,看注释可以轻易看懂Title/*div样式*/#main{width:

Vue3+elementui plus创建项目的方法
1.使用elementuiplus版本实现按需加载组件会报错Error:Cannotfindmodule'babel-preset-es2015'from'D:\danzhukeji\danzhu\my_pp\src'这样的情况下{"presets":[["

vue组件中节流函数的失效的原因和解决方法
今天使用节流函数的时候遇见了一个问题,搞了半天才找到原因,所以在这里做个总结。节流函数浏览器的一些事件,如:resize,scroll,mousemove等。这些事件触发频率太过

keep-alive保持组件状态的方法
keep-alive的设计初衷有些业务场景需要根据不同的判断条件,动态地在多个组件之间切换。频繁的组件切换会导致组件反复渲染,如果组件包含有大量的逻辑和dom节点,极

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
突然发现已经半年没更新的element-ui更新了更新了什么还不清楚,但是告知了基于vue3.x版本的element-plus已经出来了。先来上手体验一下首先安装一个最新的@vue-cl

element-ui中el-upload多文件一次性上传的实现
项目需求是多个文件上传,在一次请求中完成,而ElementUI的上传组件是每个文件发一次上传请求,因此我们借助FormData的格式向后台传文件组html代码<el-uploadaccept

JavaScript函数柯里化实现原理及过程
简介当我们在读Vue源码到时候会发现,在它的_update实例中就用到了函数柯里化,(createPatchFunction方法)有兴趣的可以去看一下。柯里化(Currying)是把接受多个参数

基于vue项目设置resolves.alias: '@'路径并适配websto
在webpack的配置项中添加下面代码functionresolve(dir){returnpath.join(__dirname,dir)}webpackConfig={resolve:{alias:{'@':resolve('src')}}}然后再设置一下下

vue $router和$route的区别详解
一、router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。。。经常用的跳转链接就可以用this.$router.push,和route

详解Vue3 Teleport 的实践及原理
Vue3的组合式API以及基于Proxy响应式原理已经有很多文章介绍过了,除了这些比较亮眼的更新,Vue3还新增了一个内置组件:Teleport。这个组件的作用主要用来将模板内的

Vue router传递参数并解决刷新页面参数丢失问题
VueRouter传参方式:1.this.$router.push({name:'模块名称',params:{//各参数}})router.js:exportdefaultnewRouter({routes:[{path:'/paramsPassingByRouter

通过实例解析js可枚举属性与不可枚举属性
在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。一、怎么判断属性是否

JavaScript async/await原理及实例解析
随着Node7的发布,越来越多的人开始研究据说是异步编程终级解决方案的async/await。异步编程的最高境界,就是根本不用关心它是不是异步。async函数就是隧道尽头的亮

JavaScript实现网页跨年倒计时
JavaScript网页–跨年倒计时,供大家参考,具体内容如下最近学弟在追一个学妹,我在帮学弟出谋划策。学妹告诉学弟,我怕我们之间是因为这段时间接触多了你才喜欢我的

JavaScript实现10秒后再次获取验证码
JavaScript网页制作–10秒后再次获取验证码,供大家参考,具体内容如下通常在注册或者登陆页面时,都会需要短信验证码,在点击按钮获取验证码后会有一段时间无法点击

JavaScript实现简单动态表格
本文实例为大家分享了JavaScript实现简单动态表格的具体代码,供大家参考,具体内容如下代码:动态表格table{border:

vue3.0+vue-router+element-plus初实践
Vue3中文文档Vue3.0对比Vue2.x优势框架内部做了大量的性能优化,包括:虚拟dom,编译模板,Proxy的新数据监听,更小的打包文件等。新增的组合式API(即CompositionAPI)

JavaScript 如何在浏览器中使用摄像头
1.获得摄像头权限(本文使用chrome)首先确保你运行以下js所在的url是https协议的或者localhost的:constconstrains={video:true,audio:true}navigator.mediaDevice

vue3.0中setup使用(两种用法)
一、setup函数的特性以及作用可以确定的是Vue3.0是兼容Vue2.x版本的也就是说我们再日常工作中可以在Vue3中使用Vue2.x的相关语法但是当你真正开始使用Vue3写项目时

NodeJS配置CORS实现过程详解
跨域问题主要在header上下功夫首先提供一个w3c的header定义http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html再提供一个网友提供的header详解http://kb.c

js前端对于大量数据的展示方式及处理方法
最近暂时脱离了演示项目,开始了公司内比较常见的以表单和列表为主的项目。干一个,爱一个了。从开始的觉得自己都做了炫酷的演示项目了,这对我来说就是个小意思,慢

Vue router安装及使用方法解析
对于单页应用,官方提供了vue-router进行路由跳转的处理,本篇主要也是基于其官方文档写作而成。安装基于传统,我更喜欢采用npm包的形式进行安装。npminstallvue-ro

WebPack工具运行原理及入门教程
WebPack是什么一个打包工具一个模块加载工具各种资源都可以当成模块来处理网站http://webpack.github.io/如今,越来越多的JavaScript代码被使用在页面上,我们添加

JQuery绑定事件四种实现方法解析
jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们

基于ajax实现上传图片代码示例解析
js源码:///////*!*jQueryupload*用于上传单个文件,上传成功后,返回文件路径。*本插件依赖jQ

Vue实现图书管理小案例
本文实例为大家分享了Vue实现图书管理的具体代码,供大家参考,具体内容如下<metaname="viewport"content="width=device-width,i

如何实现vue的tree组件
前言Tree一直是大家熟知的组件,做一些大型的后台管理系统都会用到。使用树组件可以完整的展现其中的层级关系,并具有展开收起选择等交互功能。效果节点可以无限的

Javascript节流函数throttle和防抖函数debounce
问题的引出在一些场景往往由于事件频繁被触发,因而频繁地进行DOM操作、资源加载,导致UI停顿甚至浏览器崩溃。在这样的情况下,我们实际上的需求大多为停止改变大小

实用的 vue tags 创建缓存导航的过程实现
需求是要做一个tag,当切换页面的时候保留状态。效果图:思路既然涉及了router跳转,那我们就去查api发现keep-alive,巧了就用它吧。这里我们用到了include属性,该属

JS闭包原理及其使用场景解析
闭包定义可以通过内层函数访问外层函数的作用域的组合叫做闭包。闭包使用场景使用闭包来实现防抖functiondebounce(callback,time){vartimer;returnfunction(){if

用vue设计一个日历表
日历的功能,我们会经常用到,且逻辑比较复杂,小算法较多,花了半天时间写了个,特此详记。先贴图功能阐述:返回本月不多说,设置工作日和节假日是为了公司制度需要,后

js 数据类型判断的方法
typeof一般用于判断基本数据类型,用于判断引用数据类型和null时会发生意外的错误typeof1//numbertypeof'1'//stringtypeoftrue//booleantypeofSymbol('1')//symbo

对vue生命周期的深入理解
一.Vue生命周期简介官网:https://cn.vuejs.org/v2/api/#beforeCreateVue实例从创建到销毁的过程,就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板

JS如何实现在弹出窗口中加载页面
弹出窗口,加载页面。弹出窗口初始位置为居中。可在关闭窗口时,回调主页面按钮。要求jquery。效果演示首先,演示主窗口两个按钮作用。然后,演示关闭弹出窗口时,调用

javascript中导出与导入实现模块化管理教程
在理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,在ES6以前,JavaScript一直没有自己模块体系(module),无法将一个大程序拆

javascript实现时钟动画
本文实例为大家分享了javascript实现时钟动画的具体代码,供大家参考,具体内容如下时针转动<metaname="viewport"cont

基于javascript实现放大镜特效
本文实例为大家分享了javascript实现放大镜特效的具体代码,供大家参考,具体内容如下我们在逛pc端商城时,鼠标放到商品上经常会看到一个类似放大镜效果的蒙层,<st

为什么JavaScript中0.1 + 0.2 != 0.3
涉及面试题:为什么0.1+0.2!=0.3?如何解决这个问题?原因,因为JS采用IEEE754双精度版本(64位),并且只要采用IEEE754的语言都有该问题我们都知道计算机是通过二进制来

微信小程序实现首页弹出广告
本文实例为大家分享了微信小程序实现首页弹出广告的具体代码,供大家参考,具体内容如下这个微信小程序首页广告demo仅供有需要的参考.wxml<viewclass="AdView"hidd

vue表单验证之禁止input输入框输入空格
测试小姐姐让输入框不允许输入空格,安排。刚开始用的下面这个方法,因为我是电脑端f12的情况下调试移动端,所以下面这个方法可以实现禁止输入空格,于是就打包测试上

Javascript新手入门之字符串拼接与变量的应用
1.课程大纲字符串拼接(+)的学习和应用坐标变换在飞机大战游戏中的应用2.1字符串的拼接在JS中使用“+"号,连接字符串、变量、数值等。2.2在警告框上显示朋友的数量

在实例中重学JavaScript事件循环
单线程的JS众所周知js是一门单线程语言,即同一时间只能做一件事。为什么js是单线程的呢,主要与它的用途有关。作为浏览器脚本语言,js的主要用途是和用户互动&操作

js实现圆形菜单选择器
本文实例为大家分享了js实现圆形菜单选择器的具体代码,供大家参考,具体内容如下代码:.mask{position:absolute;width:502px;height:252px;left:300px;top:350px;b

JavaScript十大取整方法实例教程
1.parseInt()//js内置函数,注意接受参数是string,所以调用该方法时存在类型转换parseInt("1.5555")//=>12.Number.toFixed(0)//注意toFixed返回的字符串,若想获得

JS如何监听div的resize事件详解
需求开发过程中经常遇到的一个问题就是如何监听一个div的size变化。比如我用canvas绘制了一个chart,当canvas的size发生变化的时候,需要重新绘制里面的内容,这个时

如何正确解决VuePress本地访问出现资源报错404的问题
背景最近发现好多小伙伴刚用VuePress,然后一build完就直接用本地浏览器访问,结果出现黑块。仅仅出现那种问题还好,给项目安装vuepress-plugin-serve插件就行了,但

vue-calendar-component 封装多日期选择组件的实例代码
实现效果安装vue-calendar-component日历组件cnpmivue-calendar-component--save//国内镜像引入importCalendarfrom"vue-calendar-component";exportdefault{comp

原生JS实现拖拽效果
本文实例为大家分享了JS实现拖拽效果的具体代码,供大家参考,具体内容如下想要让整个元素移动需要三个事件:鼠标按下onmousedown鼠标移动onmousemove鼠标抬起onmou

vue使用echarts图表自适应的几种解决方案
1.使用window.onresizeletmyChart=echarts.init(document.getElementById(dom))window.onresize=function(){myChat.resize()}优点:可以根据窗口大小实现自适应缺

addEventListener()和removeEventListener()追加事件和删除追加
addEventListener()与removeEventListener()用于追加事件和删除追加。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序

vue基于Echarts的拖拽数据可视化功能实现
背景我司产品提出了一个需求,做一个数据基于Echars的可拖拽缩放的数据可视化,上网百度了一番,结果出现了两种结局,一种花钱买成熟产品(公司不出钱),一种没有成熟代

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
1.在vue项目根目录下新建vue.config.js(不是在src下面)vue.config.js配置文件:module.exports={//基本路径baseURL已经过时publicPath:'./',//输出文件目录output

HTML元素拖拽功能实现的完整实例
1需要了解的知识点1.1offset(偏移量)定义:元素在屏幕上占用的所有的可见的空间。元素可见的大小由其高度、宽度决定,包括所有内边距、滚动条和边框大小四个属性of

简单谈谈offsetleft、offsetTop和offsetParent
ele.offsetParent返回的是ele元素最近的并且是定位过(relative,absolute)的父元素,如果没有父元素或者是父元素中没有一个是定位过的,返回值就是body元素ele.offs

三剑客:offset、client和scroll还傻傻分不清?
在学习前端的过程中,我们经常会碰到offset,client与scroll,所以我就把它们称作为‘三剑客'。01offset-偏移量定义:元素在屏幕上占用的所有的可见的空间。元素可见

JavaScript中条件语句的优化技巧总结
对多个条件使用Array.includesfunctiontest(fruit){if(fruit=='apple'||fruit=='strawberry'){console.log('red');}}上面的例子看起来不错。然而,如果还有更多红

echarts浮动显示单位的实现方法示例
本文主要介绍的是利用echarts浮动显示单位的相关内容,这个显示效果对大家来说体验感还是不错的,下面话不多说了,来一起看看详细的介绍吧例子:echarts浮动显示单位

js实现复制粘贴的两种方法
本文实例为大家分享了js实现复制粘贴的具体代码,供大家参考,具体内容如下一、前沿界面需要复制功能,所以就写了一个作为简单记录二、方法、推荐第二种。1、第一种

可拖拽组件slider.js使用方法详解
基于mithril.js,javascript,scss写一个可拖动的滑块组件,供大家参考,具体内容如下问题描述:需求需要实现一个可拖动的滑块组件,但是又不能用UI框架,只好自己动手写

js重写alert事件(避免alert弹框标题出现网址)
js代码:window.alert=function(msg,callback){vardiv=document.createElement("div");div.innerHTML=""+".nbaMask{position

js获取图片的base64编码并压缩
获取图片的base64编码<inputaccept="image/*"name="upimage"id="upload_file"type=

解决vue下载后台传过来的乱码流的问题
后台返回的乱码流解决办法:请求方式用的是axios,主要加关键的{responseType:'blob'}axios封装exportfunctionpostDownload(url,data){returnnewPromise((resolve,

JavaScript实现浏览器网页自动滚动并点击的示例代码
1.打开浏览器控制台窗口JavaScript通常是作为开发Web页面的脚本语言,本文介绍的JavaScript代码均运行在指定网站的控制台窗口。一般浏览器的开发者窗口都可以通过

vue+element_ui上传文件,并传递额外参数操作
需求:1、文件大小验证2、文件类型验证3、额外参数传输<el-uploadclass="upload-demo"action:limit="1":file-list="formFileList":http-request="handleUploadFor

浅谈Vue使用Elementui修改默认的最快方法
相信大家都需要过,在Vue中使用Elementui的时候,遇到最多也最蛋疼的问题就是修改默认样式,接下来直奔主题;//template</el-progress

js调用网络摄像头的方法
不支持IE浏览器(需要使用flash插件),支持移动端,未经过完全测试PC端使用的时候,HTML页面需要预留video标签,canvas标签移动端使用的时候,HTML页面需要预留file标签

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。