javascript
关注
分享
扫一扫
shuffle_boy
这个作者很懒，什么都没留下…
展开
-
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 · 2176 阅读 · 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 · 410 阅读 · 0 评论 -
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 · 730 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 87 阅读 · 0 评论 -
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 · 818 阅读 · 0 评论 -
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 · 152 阅读 · 0 评论 -
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 · 260 阅读 · 0 评论 -
购物车防抖按钮
<!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 · 393 阅读 · 0 评论 -
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 · 1061 阅读 · 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 · 140 阅读 · 0 评论 -
原生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 · 589 阅读 · 0 评论 -
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 · 297 阅读 · 0 评论 -
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 · 154 阅读 · 0 评论 -
使用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 · 164 阅读 · 0 评论 -
网站 联系我们 页面添加百度地图地址定位
<!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 · 2169 阅读 · 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 · 146 阅读 · 0 评论 -
三级联动选项卡
<!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 · 630 阅读 · 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 · 343 阅读 · 0 评论