![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
橘子SQ
代码搬运工
展开
-
【时间转换函数】--自定义时间转换函数
在外卖和电影等项目中会用到特殊的时间格式。// 封装函数得到数据格式 /* 09-09:'今天' 09-10:'明天' 09-11:'后天' 09-12:'周三' 09-13:'周四' 09-14:'周五' */ function createDate() { // 定义一个对象存放构建的数据格式 const dayObj = {} //原创 2021-08-07 21:21:47 · 225 阅读 · 0 评论 -
【javaScript】求字符串中出现次数最多的字符并返回次数
自定义功能函数-求字符串中出现次数最多的字符并返回出现次数/** * @countMaxStr 统计字符串中出现次数最多的字符并返回次数 * @str 字符串 * @return Object */const countMaxStr = str => { let obj = {}; let info = ''; for (var i = 0; i < str.length; i++) { var item = str.charAt(i);原创 2021-07-06 20:59:23 · 373 阅读 · 0 评论 -
【javaScript】返回两数之间的随机整数
自定义功能函数-返回两数之间的随机整数/**获取两数之间的随机数 * @getRandom 获取两数之间的随机数,不用按大小传值,会自动判断 * @num1 Number * @num2 Number * @return Number 范围内的随机数字 */const getRandom = (num1, num2) => { let max = 0, min = 0; num1 > num2 ? [max, min] = [num1, num2] : [max原创 2021-07-06 20:55:10 · 601 阅读 · 0 评论 -
【javaScript】-数组去重
自定义功能函数-数组去重/**数组去重 * @ArrayDeDuplication 数组去除重复元素 * @arr 传入的数组 * @return Array 去重后的数组 */const ArrayDeDuplication = arr => { let newArr = []; for (let i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) == -1) {原创 2021-07-06 20:53:45 · 36 阅读 · 0 评论 -
【javaScript】-冒泡
自定义功能函数-js冒泡/**冒泡排序 * @getBubbling 数组冒泡排序-从小到大 * @arr Array 传入的数组 * @arr Array 冒泡后的数组 */const getBubbling = arr => { for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - i - 1; j++) { // 比较>为原创 2021-07-06 20:50:43 · 40 阅读 · 0 评论 -
【javaScript】String转location.search传递的字符串
自定义组件封装-js-String转location.search传递的字符串/**将对象转换为search传递需要的字符串 * @getSearchStr {name:"张三",age:18,sex:"男"} * @obj Object * @return string */const getSearchStr = obj => { let str = ''; let arr = Object.keys(obj); for (let i = 0; i < a原创 2021-07-06 20:49:13 · 244 阅读 · 0 评论 -
【javaScript】location-search数据转Object
自定义组件封装-js-location-search数据转对象/**search中的数据截取 * @getSearchData window.location.search中的数据转换为对象,?name=zhangsan&age=18&sex=man * @return Object {name:"张三",age:18,sex:"男"} */const getSearchData = () => { let obj = {}; let arr = window原创 2021-07-06 20:47:02 · 431 阅读 · 0 评论 -
【javaScript】鼠标跟随
鼠标跟随一、功能更改鼠标页面显示样式,可以添加图片进行鼠标跟随二、实现思路监听鼠标移动事件通过event获取鼠标位置图片通过定位实现位置的移动<!--html--><img src="图片路径" alt="" id="angel">/*css样式*/#angel { width: 50px; height: 50px; position: absolute; top: 0; top: 0;}/*javaScrip原创 2021-07-06 20:36:23 · 79 阅读 · 0 评论 -
【javaScript】原生实现窗口拖动效果
窗口拖动通过原生javaScript进行窗口拖动的实现一、功能通过javaScript实现自定义容器的拖动操作,通过拖动标题部分进行窗口的移动二、实现思路通过鼠标左键按下触发条件通过event获取鼠标按下位置距离顶部和左边的距离,减去容器距离浏览器顶部和左边的距离实现距离的判定嵌套鼠标移动事件,在移动时通过鼠标当前的位置减去上一步获取的位置信息,从而实现位置更新嵌套鼠标弹起事件,在鼠标左键松开后移除鼠标移动监听事件注意:容器必须使用定位-position<!--html--&g原创 2021-07-06 20:10:35 · 618 阅读 · 1 评论 -
【javaScript】消息弹出框--适用web端&移动端
弹出提示框一、功能通过特定条件(点击事件、指向事件等)触发提示框功能。可以设置提示信息,显示秒数,自定义弹出符号等。二、实现思路1、封装组件定义函数进行功能的封装2、组件思路创建标签容器,容纳内容,进行样式设置等给已经创建的标签添加类名,进行样式的控制定义字符串变量,进行组件内容的拼接将值赋值给创建好的标签获取body标签,通过appendChild方法将标签添加到body标签中通过传入的值设置延时器,触发条件后移除组件3、代码以点击事件触发弹出框<!--触发事件的h原创 2021-07-06 19:53:57 · 1399 阅读 · 0 评论