金翅-CSDN博客

原创 js Object.keys方法

Object.keys 是 JavaScript 中的一个方法，用于获取对象自身的可枚举属性名称，并以数组形式返回。

2024-07-18 13:14:44 215

原创垂直分类左右联动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2023-11-17 11:37:27 184

原创 vue密码明文密文切换

【代码】vue密码明文密文切换。

2023-04-07 10:55:35 540 1

原创 vue+vant购物车功能+仿饿了么购物车抛物线效果

【代码】vue+vant购物车功能+仿饿了么购物车抛物线效果。

2023-04-06 16:33:25 1763 3

原创 vue悬浮导航实现内容滚动时，导航跟随选中，点击导航滚动到相应位置，

【代码】vue悬浮导航实现内容滚动时，导航跟随选中，点击导航滚动到相应位置，

2023-04-06 12:03:55 1715 1

原创 jq判断行数字数超出显示展开收起

【代码】jq判断行数字数超出显示展开收起。

2023-03-21 19:23:49 382

原创全世界国家中英文名称以及地区区号json格式【资源】

[ { "country_id": 100006, "country_code": 244, "country_name_en": "Angola", "country_name_cn": "安哥拉", "ab": "AO" }, { "country_id": 100007, "country_code": 93, "country_name

2022-05-07 11:51:18 4233

//每月18日显示dataTime() { let stamp = new Date().getTime(); let year = new Date().getFullYear(); let month = new Date().getMonth() + 1; let start_date = `${year}-${month}-18 00:00:00`; let end_date = `${year}-${month}-18 23:59:59`; //开始时间

2022-04-24 13:49:03 375

原创 vue定时器防抖节流处理

data() { return { iTime: null, //清除定时器 };},// 防止连击处理clearTimeout(this.iTime);this.iTime = setTimeout(() => { this.goodsPrice();//方法}, 500);

2022-03-01 18:06:08 683

原创 jq防连击

<div id="show">显示测试结果：</div> <div style="background:#f60;color:#fff;width:80px;padding:10px 20px;" id="div" >点击我吧</div>let isclick = true$('#div').click(function(){ if(isclick){ isclick = false consol...

2022-02-09 13:51:53 326

转载防止快速连续点击按钮重复提交数据定时器方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>&lt

2022-02-09 10:12:13 243

原创 filter map reduce some every 方法简单运用

/* 需求： 1.取出价格大于10的商品 2.大于10的商品打五折 3.取出打折后的总数 */ let goods = [30, 80, 50, 1, 9, 8, 10, 40, 20, 12]; // 1.取出价格大于10的商品 // filter 过滤 let goods1 = good.

2022-01-14 11:24:38 258

原创文本域粘贴图片

<div class="us_textArea js_text js_textarea" contenteditable="true" onpaste="return pasteListener(event, true)"></div>//文本域粘贴图片function pasteListener(event, isLimit) { $.each(event.clipboardData.items, function(index, item) { if(

2021-12-28 09:33:35 857

原创 jq tab切换

$(".js_us_tab").click(function() { $(this).addClass("us_tabAct").siblings().removeClass("us_tabAct"); $(".js_us_container").eq($(this).index()).show().siblings().hide(); });

2021-12-28 09:20:38 320

原创 css模拟switch效果

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /* 开关的大小*/ .switch-container { height: 24px;

2021-12-20 16:02:47 329

原创锚点滚动对应导航高亮显示，导航超出滚动状态跟随

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .btn{ position:fixed; right:10%; top:20%; } .btn a{ display:block; width:80px; text-align:center; color

2021-11-15 15:48:24 1434

原创不抖的css3图片无缝滚动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>无缝滚动</title> <script src="js/jquery-3.2.1.min.js">&

2021-06-28 11:35:35 131

原创判断浏览当前页面倒计时几秒

<!doctype html><html><head> <meta charset="utf-8"> <title>判断浏览当前页面倒计时几秒</title> <meta name="keywords" content=""> <meta name="description" content=""> <script src="js/jquery-3.2.1.min.js"><

2021-06-25 11:34:07 143

原创移动端h5仿微信语音功能

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="multipart/form-data; charset=iso-8859-1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-...

2021-05-14 15:21:04 1499

原创文本域输入框允许粘贴图片

<div class="flex_textarea js_textarea" contenteditable="true" onpaste="return pasteListener(event, true)"></div>function pasteListener(event, isLimit) { $.each(event.clipboardData.items, function(index, item) { if(item.kind == "f.

2021-05-14 14:19:53 1020

原创回车键发送 shift+enter 换行

$(".js_textarea").keyup(function(event){ let code = event.keyCode; let shift = event.shiftKey if(shift && code==13){ event.cancelBubble=true; event.preventDefault(); event.stopPropagation(); }else if (code==13

2021-05-14 14:17:05 1240

原创 react-navigation createBottomTabNavigator5.x 切换TAB刷新界面

RN使用 createBottomTabNavigator 创建底部导航栏时，只会在第一次创建时调用 componentDidMount 钩子，当跳转到另一个页面，点击返回键再次返回到此页面时不会再次调用，但我们往往需要在返回此页面后重新执行获取数据等方法函数。componentDidMount() { this.getIndex(); this._navListener = this.props.navigation.addListener('focus', () => { .

2020-12-22 16:28:06 482

原创移动端通用loading

<div class="js_accredit_landing_box"> <div class="accredit_landing_box"> <div class="accredit_landing"> <img class="accredit_landing_img" src="img/accredit_landing

2020-12-18 10:39:58 427

原创前端单选复选美化icheck插件使用

2020-12-18 10:32:51 192

原创 pc/mobile前端一键复制粘贴

官网地址<script type="text/javascript" src="js/clipboard.min.js"></script>var clipboard = new ClipboardJS('.js_copy', {//复制按钮绑定js_copy类 target: function(target) { return target.previousElementSibling;//前一个兄弟元素 }});<div> <

2020-12-18 10:24:12 200 1

原创密码明密文

<li> <span>密码</span> <input class="card_listInput1" type="password" /> <img class="js_loginEye" src="img/close_eyes.png" /></li>$('.js_loginEye').click(function(){ if($(this).attr("src")=="img/close_eyes.png"){

2020-12-18 10:19:05 181

原创 react antd Menu刷新页面菜单状态跟随,菜单列表手风琴效果

2020-07-13 13:53:02 3037

原创 react axios接口Url封装

方法：let ipUrl = "https://www.***.com/";let servicePath = { Login: ipUrl + "login", // 登录接口 Logout: ipUrl + "logout", // 登出 ChangePassword: ipUrl + "admin_user/change_pwd", //找回密码};export default servicePath;引用：import servicePath fr.

2020-07-13 10:48:58 533

原创 react token封装

方法：import axios from "axios";import Cookies from "js-cookie";//cookie插件//token封装const setAuthToken = (token) => { if (Cookies.get("jwtToken") && Cookies.get("jwtToken") !== "") { token = Cookies.get("jwtToken"); } axios.

2020-07-13 10:40:52 537

原创 react antd 面包屑导航

import React from "react";import { Link, withRouter } from "react-router-dom";import { Breadcrumb } from "antd";const breadcrumbNameMap = {//跟路由路径保持一致 "/": "首页", "/403": "403", "/404": "404", "/site_manage": "站点管理", "/site_manage/sit

2020-07-13 09:43:23 5995 8

原创 react防止内存泄漏

//防止内存泄漏 componentWillUnmount = () => { this.setState = (state, callback) => { return; }; };

2020-07-07 16:41:37 471

原创 react键盘事件回车登录

keyUp = (e) => { if (e.keyCode === 13) { //调用方法 } }; <button onKeyUp={this.keyUp} >登录</button>

2020-07-07 16:26:15 2352

原创 react页面元素权限控制

// 当前页面的元素权限集合const array = ["transaction_report_download"]; // 把从后端传过来的权限数组存储在cookies中，在当前页面获取cookies中存储的信息const array1 = JSON.parse(Cookies.get("auth")); // 数组比对取出当前页面权限const auths = [];for (let i = 0; i < array.length; i++) { for (let j = 0

2020-07-06 15:36:48 927

原创 React Native win10系统变量设置附加依赖下载

React Native官方教程完善官方教程没有的一部分java jdk1.8与python2.7依赖的安装，系统变量的设置。大家可以先按官网的完成后回来看这篇博文。这些依赖需要固定版本稍后我会提供给大家，软件安装就一路next就行了。1.找到控制面板/系统安全/系统点击高级系统设置2.点击高级/环境变量3.修改的是系统变量4.点击新建增加java系统变量变量名：JAVA_H...

2020-04-08 10:37:12 218

全世界国家选择加区号json文件

java/jdk1.8 python2.7

原生轮播 淡入淡出

一些常用的动画效果

reset.css样式

normalize.css

空空如也

原生轮播淡入淡出