橘子SQ-CSDN博客

原创【时间转换函数】--自定义时间转换函数

在外卖和电影等项目中会用到特殊的时间格式。// 封装函数得到数据格式 /* 09-09:'今天' 09-10:'明天' 09-11:'后天' 09-12:'周三' 09-13:'周四' 09-14:'周五' */ function createDate() { // 定义一个对象存放构建的数据格式 const dayObj = {} //

2021-08-07 21:21:47 252

【html&css】定位一、定位的概念定位需要的元素指定移动到某一个位置上去，实现一些元素的重叠操作。将指定的元素放在固定的位置进行展示。定位也会脱离文本流。二、激活定位激活定位需要使用关键字position通过position激活定位一共有五个值/*html默认值，没有定位，按正常的文本流规则*/position:static;/*粘性定位*/position:sticky;/*下面为用的最多的定位值*//*相对定位*/position:relative;/*绝

2021-07-28 22:46:22 507

原创【html&css】浮动&清除浮动

【html&css】浮动&清除浮动一、浮动的概念1.1、传统网页布局的三种方式普通流（标准流）浮动定位1.2、浮动的说明及使用作用：可以让多个块级元素在一行内显示多个块级元素纵向排列时使用标准流，多个块级元素横向排列使用浮动概念：创建浮动框，将其移动到一边，指导左边缘或右边缘触及包含块或另一个浮动框的边缘语法:float:left; //左浮动float:right; //右浮动二、浮动的特性和注意点2.1、浮动的特性浮动元素会脱离标准流

2021-07-26 21:49:19 214

原创【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 407

原创【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 642

原创【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 41

原创【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 48

原创【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 258

原创【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 472

原创【javaScript】鼠标跟随

鼠标跟随一、功能更改鼠标页面显示样式，可以添加图片进行鼠标跟随二、实现思路监听鼠标移动事件通过event获取鼠标位置图片通过定位实现位置的移动<img src="图片路径" alt="" id="angel">/*css样式*/#angel { width: 50px; height: 50px; position: absolute; top: 0; top: 0;}/*javaScrip

2021-07-06 20:36:23 110

原创【javaScript】原生实现窗口拖动效果

窗口拖动通过原生javaScript进行窗口拖动的实现一、功能通过javaScript实现自定义容器的拖动操作，通过拖动标题部分进行窗口的移动二、实现思路通过鼠标左键按下触发条件通过event获取鼠标按下位置距离顶部和左边的距离，减去容器距离浏览器顶部和左边的距离实现距离的判定嵌套鼠标移动事件，在移动时通过鼠标当前的位置减去上一步获取的位置信息，从而实现位置更新嵌套鼠标弹起事件，在鼠标左键松开后移除鼠标移动监听事件注意：容器必须使用定位-position<!--html--&g

2021-07-06 20:10:35 751 1

原创【javaScript】消息弹出框--适用web端&移动端

弹出提示框一、功能通过特定条件（点击事件、指向事件等）触发提示框功能。可以设置提示信息，显示秒数，自定义弹出符号等。二、实现思路1、封装组件定义函数进行功能的封装2、组件思路创建标签容器，容纳内容，进行样式设置等给已经创建的标签添加类名，进行样式的控制定义字符串变量，进行组件内容的拼接将值赋值给创建好的标签获取body标签，通过appendChild方法将标签添加到body标签中通过传入的值设置延时器，触发条件后移除组件3、代码以点击事件触发弹出框<!--触发事件的h

2021-07-06 19:53:57 1463

橘子SQ