前端案例:飞机大战( js+dom 操作,代码完整,附图片素材)

通过 js 逻辑与 dom 操作结合实现了简易的飞机大战小游戏,附带图片素材。

leaflet入门使用教程

它可以在所有主要的桌面和移动端平台上高效的运转,可以扩展插件,它有一个漂亮的、易用的和文档清晰的API,还有一个简单、易读的源代码。Leaflet是用于适用于移动端交互地图的主要的开源JavaScript库。JS库的大小为38k左右,但是拥有大部分开发者需要的全部地图功能。更多地图类型(http:/

【React】react-router 路由详解

前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,根据不同的url地址展示不同的内容或页面。一个针对React而设计的路由解决方案、可以友好的帮你解决React Components 到 URL 之间的同步映射关系。

Vue3+Lodash:2023年了,我依然在使用Lodash

前两天,在水群的时候,发现居然有人不知lodash,这可把我吓了一跳,lodash难道都不被前端人所知了吗?Lodash官网。

vue项目打包失败问题记录

"vue": "^2.7.14"项目不知名原因打包失败

vue项目系统兼容IE浏览器问题以及解决方案

系统兼容IE浏览器问题以及解决方案问题vue项目在IE浏览器上运行时会出现兼容性问题:JavaScript语法报错,css样式错乱。原因是在IE(以IE11为例)浏览器下,部分js的写法需要改变,部分样式在IE浏览器上不支持,以及一些IE浏览器特有的问题。vue 只兼容ie8以上版本;IE 不兼容

vue - vue中的publicPath讲解

vue中的publicPath讲解

JS获取当前节点的兄弟/父/子节点

2.通过childNodes获取子节点:返回的也是子节点集合,是一个数组的格式。6.getElementsByName()---通过name属性来获取表单元素,一般也只用于表单元素。5.querySelectorAll()--同上,获取所有""里的内容,返回的是一个“伪数组”4.querySelec

授予渔,从0开始搭建一个自己想要的网页

在进行过CSS样式设置时然后就是要实现右边图标的点击事件处理了。具体的可以看我发的资源。然后进行CSS样式设置。实现效果就是然后在这里有一个有用的技巧。就是在div结构中设置data-set="XXX"后续在js中使用dataset用于获得他的值然后通过得到video的src,与设置的data-se

antd upload上传格式.doc、.docx、.pdf、.png、.jpg、.rar和大小100兆限制

是upload上传文件之前的钩子,参数为上传的文件,若返回 false 则停止上传。我们在beforeUpload函数的file参数中可以获取上传文件的文件信息,这个时候我们就可以根据file里面的参数来进行判断。为了支持上传docx文件,所以,只能用下面的方法来实现,因为对upload进行了封装,

Vue样式穿透

Vue样式穿透

Vuex页面刷新数据丢失的问题

Vuex只是在内存保存状态,刷新之后就会丢失,如果要持久化就要存起来。localStorage就很适合,提交mutation的时候同时存入localStorage,store中把值取出作为state的初始值即可。这里有两个问题,不是所有状态都需要持久化;如果需要保存的状态很多,编写的代码就不够优雅,

【实战篇】最详细的Rollup打包项目教程

自动将 dependencies 依赖声明为 externals支持处理外部 npm 依赖支持基于 CommonJS 模块引入支持 typescript,并导出声明文件支持 scss,并添加前缀支持自动清除调试代码打包输出文件保留原始模块结构支持按需加载rollup是一个 JavaScript 模块

uniapp实现页面跳转以及跳转后传值

页面跳转的时候,传递的只能是string类型的,现实中如果想要传递json、Array记得需要先转成string传递,传递接收后再转回来使用(详见四、类型转换)。id=1&name=uniapp' /*这是跳转到的页面路径,?如开题所说,因为URL传递的只能是字符串,传递JSON、ARRAY不是

手写防抖和节流函数

一、认识防抖debounce函数我们用一副图来理解一下它的过程:当事件触发时,相应的函数并不会立即触发,而是会等待一定的时间;当事件密集触发时,函数的触发会被频繁的推迟;只有等待了一段时间也没有事件触发,才会真正的执行响应函数;防抖的应用场景很多:输入框中频繁的输入内容,搜索或者提交信息;频繁的点击

详解Promise使用

我们调用一个函数,这个函数中发送网络请求(我们可以用定时器来模拟);如果发送网络请求成功了,那么告知调用者发送成功,并且将相关数据返回过去;如果发送网络请求失败了,那么告知调用者发送失败,并且告知错误信息;在上面代码中,我们确实可以解决请求函数得到结果之后,获取对应的回调,但是它存在两个主要的问题:

Vue实现大文件分片上传,包括断点续传以及上传进度条

分片上传就是把一个大的文件分成若干块,一块一块的传输。这样做的好处可以减少重新上传的开销。比如:如果我们上传的文件是一个很大的文件,那么上传的时间应该会比较久,再加上网络不稳定各种因素的影响,很容易导致传输中断,用户除了重新上传文件外没有其他的办法,但是我们可以使用分片上传来解决这个问题。通过分片上

js中常遇到 切割截取字符串的几种方法

js中常遇到 切割截取字符串的几种方法

JS—节流与防抖

一、js防抖和节流在进行窗口的resize、scroll、输出框内容校验等操纵的时候,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验,就可以采用防抖(debounce)和节流(throttle)的方式来到达这种效果,减少调用的频

宝塔面板安装部署Vue项目,Vue项目从打包到上线

Vue项目打包上线,使用宝塔面板安装部署Vue项目

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈