js
关注
分享
扫一扫
hello、深海鱼
这个作者很懒，什么都没留下…
展开
-
audio标签的播放、暂停、重播、进度拖拽等操作
对听力题进行手动控制等一系列操作，其中最主要的用到的一些方法就是loadeddata、timeupdate、ended等原创 2022-11-15 15:18:12 · 4735 阅读 · 0 评论 -
原生JS实现FullCalendar
最近在做项目时，得到了一个需求就是类似于FullCalendar的课程日历，找了很多的相关文档，都是通过FullCalendar插件实现的，但是一系列的方法样式以及展示效果都不太符合开发需求，最开始尝试着去使用这个插件，但是最后得到效果后还是觉得局限性太大了，在FullCalendar源码中，一些方法层层调用，自己被搞的晕头转向，于是果断放弃了这个插件的使用来实现项目的需求。（因为你说服不了产品去该需求，哈哈哈）1.FullCalendar介绍此插件功能颇为丰富，但是对于阅读源码有难度的我来说，显得很原创 2021-06-11 11:40:18 · 1477 阅读 · 4 评论 -
日历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document<原创 2021-05-21 08:32:39 · 201 阅读 · 0 评论 -
pc端的适配
基于设计图是1920的做的简单的js适配。<script type="text/javascript"> var winWidth = document.documentElement.offsetWidth || document.body.offsetWidth winWidth = winWidth < 1366 ? 1366 : winWidth var oHtml = document.getElementsByTagName('html')[0] oHtm原创 2020-07-24 18:05:22 · 476 阅读 · 0 评论 -
数组的递归调用（二）
使用递归能够减少很多的for循环的使用，其数据格式如下：var data = [{ name: "所有物品", children: [ { name: "水果", children: [{name: "苹果", children: [{name: '青苹果'}, {name: '红苹果'}]}] ...原创 2020-02-18 16:11:49 · 821 阅读 · 0 评论 -
元素之间的碰撞
最近公司突然就给我派发了一个项目，是一个H5小游戏，其中就包含有元素碰撞的知识点，吓得我立马去找了资料看了一波，以下是对于元素的碰撞的初步体验，具体实践效果可能要到项目中慢慢开展。效果图：碰撞原理：据图可知，只有box1满足条件：box1L>box2R||box1R<box2L||box1T>box2B||box1B<box2T的时候元素才不会发生碰撞，而不满...原创 2020-01-06 21:07:52 · 864 阅读 · 0 评论 -
React-redux之connect（）与Provider()的使用
mapStateToProps是一个函数。它的作用就是像它的名字那样，建立一个从（外部的）state对象到（UI 组件的）props对象的映射关系。作为函数，mapStateToProps执行后应该返回一个对象，里面的每一个键值对就是一个映射。原创 2019-12-18 21:28:51 · 265 阅读 · 0 评论 -
ES6中箭头函数加不加大括号的区别
虽然经常使用箭头函数，但是没有对其进行深度的探究，然而最近在学 React的相关知识的时候，发现里面用到了许多箭头函数的写法。 let res1= (r1,r2) => r1+r2; let res2= (r1,r2) => {r1+r2}; let res3= (r1,r2) => {return (r1+r2)}; let r1 = res...原创 2019-12-10 22:54:20 · 2594 阅读 · 1 评论 -
原生js实现城市联动
<html> <head> <script> var city=["请选择","北京","深圳","长沙","上海"]; var cityN=[ [], ["北京1","北京2","北京3","北京4&quo原创 2019-02-20 13:21:52 · 507 阅读 · 0 评论