- 博客(24)
- 收藏
- 关注
RSS订阅原创 nodeJS 文件模块创建并写入文件内容
const { writeFile, mkdir } = require('fs')let arg =process.argv.splice(2)let tsxData = `import { useRef, useEffect, useState, FC } from 'react';import { Form, Input, Popup, Button, Radio, TextArea } from 'antd-mobile';import styles from './index.les
2022-05-01 22:42:35
2153
1
原创 JSONP方式百度搜索请求模仿
JSONP方式百度搜索请求模仿<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度搜素请求模仿</title> <script> function show(res){ console.log(res); var oul=document.querySelector('ul'); var os=document.
2021-10-01 22:04:53
408
原创 js节流小案例
js节流小案例 let flag = true; function jieliu(fn, delay){ if(!flag){ return false } flag = false setTimeout(function(){ fn() flag = true },delay) } function showTop(){ let scrollTop = doc
2021-10-01 19:59:24
726
2
原创 JS对象排序
对象排序 /* * @description 根据某个字段实现对json数组的排序 * @param array 要排序的json数组对象 * @param field 排序字段（此参数必须为字符串） * @param reverse 是否倒序（默认为false） * @return array 返回排序后的json数组*/ function jsonSort(array, field, reverse) { //数组长度小于2 或 没有指定排序字段 或 不是json
2021-10-01 19:51:20
178
原创 JavaScript数组去重
JavaScript数组去重/*>>>>双循环去重 * 推荐的方法 * 效率较高 * 实现思路：获取没重复的最右一值放入新数组。 * （检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断）*/function uniq(array) { var res = [], len = array.length; for (var i = 0; i < len; i++) { for (var j = i + 1; j < len; j
2021-09-24 23:57:13
86
原创 vue简单使用websocket，使用nodejs通过npm的 ws 模块作为服务
vue文件<template> <div> <div> <el-input class="username" v-model="username" clearable /> <el-button type="primary" @click="handleUser" >确认</el-button>
2021-09-22 23:08:36
810
原创 JS数组乱序之 Fisher–Yates方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <meta http-equiv="X-UA
2021-07-22 11:02:07
138
原创 JS事件解决浏览器兼容性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <meta http-equiv="X-UA-Comp
2021-07-20 21:41:43
149
原创 jQuery简单制作购物车放大镜效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./放大镜.css">
2020-12-11 21:38:07
258
原创 购物车防抖按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车防抖按钮</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script></head><body> <b
2020-06-15 01:06:48
389
原创 javascript 冒泡排序 ( 三种方式)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> /*ES6方法一*/ var arr=[5,...
2020-04-08 16:36:01
1050
1
原创 javascript实现拖拽div效果
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /><title>拖拽效果限制范围-蚂蚁部落</title><style type...
2020-04-08 16:25:55
137
原创 原生javascript制作盖房子小游戏
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>盖房子</title> <style> @keyframes diaoluo { from { opacity: 1; margin-top: 0;...
2020-04-08 16:22:50
585
原创 VUE.js制作简单的选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0...
2020-04-08 16:19:36
295
原创 javascript中深拷贝与浅拷贝
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>深浅拷贝</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></sc...
2020-04-08 16:14:18
152
1
原创 使用javascript浏览器对象模型（BOM）检测打开网页的设备是否是移动端
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>检测是否移动端</title></head><body> <script> function isPhone()...
2020-04-08 16:08:49
154
原创 CCS实现3D立体变换导航
<!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-U...
2020-04-08 16:04:51
352
原创 CCS3制作好看的花朵开放效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>花朵开放</title> </head> <body> <div class="wrap"> <div class="flower0">...
2020-04-08 16:01:17
255
原创 网站 联系我们 页面添加百度地图地址定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>地址定位</title> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v...
2020-04-08 15:58:48
2161
2
原创 倒序数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒序数组</title></head><body> <script> var arr=[33,5,1,95,67,9]; ...
2020-04-08 15:54:23
145
原创 三级联动选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三级联动</title></head><body> <form action=""> <select name="" id="xu...
2020-04-08 15:41:54
623
1
原创 swiper 插件制作轮播图的简单配置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>swiper轮播图</title> <script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js">...
2020-04-08 15:33:16
339
原创 CSS3实现文字渐变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3实现文字渐变</title> <style> div{ width: 1100px; height: 120p...
2020-04-08 15:25:57
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人