- 博客(25)
- 收藏
- 关注
RSS订阅原创 常用Js函数封装3
目录01 为元素添加on方法02 为元素添加trigger方法03 转义html标签04 HTML标签转义05 跨浏览器绑定事件06 加入收藏夹07 提取页面代码中所有网址08 动态加载脚本文件09 返回顶部的通用方法10 实现base64解码11 确认是否是键盘有效输入值12 全角半角转换13 版本对比14 压缩CSS样式代码15 获取当前路径16 字符串长度截取17 时间日期格式转换18 跨...
2021-10-04 18:40:00
258
原创 uniapp刘海屏适配
新建一个js文件 getPhoneInfo.js (也可以直接写在mian.js)export const getPhoneInfo = () => { const phoneInfo = uni.getSystemInfoSync(); // 获取手机系统信息 let statusBarObj = { statusBarHeight: 20 /* 状态栏默认高度 */ /...
2021-10-02 17:25:00
594
原创 常用Js函数封装2
目录1、输入一个值，返回其数据类型**2、数组去重3、字符串去重4、深拷贝 浅拷贝5、reverse底层原理和扩展6、圣杯模式的继承7、找出字符串中第一次只出现一次的字母8、找元素的第n级父元素9、 返回元素的第n个兄弟节点10、封装 mychildren，解决浏览器的兼容问题11、判断元素有没有子元素12、我一个元素插入到另一个元素的后面13、返回当前的时间(年月日时分秒)14、获得滚动条的滚...
2021-09-30 12:54:00
170
原创 常用Js函数封装
目录加载js || css || style获取url参数本地存储cookie操作【set，get，del】Js获取元素样式【支持内联】时间格式化原生ajax操作fetch请求的封装设备判断：android、ios、web判断是否为微信文本复制功能判断是否是一个数组判断两个数组是否相等时间与时间戳转换常用正则验证是否为PC端去除字符串空格字符串大小写转换过滤html代码生成随机数范围阿拉伯数字转...
2021-09-28 10:37:00
143
原创 让文字和标签的大小随着屏幕的尺寸做变化 等比缩放js
const fn = () => { /*rem*/ let zj_width = 750; //设计稿尺寸 /*让文字和标签的大小随着屏幕的尺寸做变化 等比缩放*/ let html = document.querySelector("body"); /*取到屏幕的宽度*/ let width = window.in...
2021-09-16 06:48:00
369
原创 60+ 个前端常用插件库合集
60+ 个前端常用插件库合集目录60+ 个前端常用插件库合集DataTablesLazyLoadlightSlideralertify.jspickadate.js-日期/时间选择器chosentypeahead.jstextillate.jsChart.jshighlight.jsjquery-loadingjquery-validationMoment.jsAnimate.cssAcePD...
2021-09-13 02:15:00
1043
原创 es6中使用map简化复杂条件判断操作
本文实例讲述了es6中使用map简化复杂条件判断操作。分享给大家供大家参考，具体如下：复杂逻辑判断时需要写很多if/else，代码可读性较差，可以用es6新增的Map来简化代码列举六种实例，逐步简化目录转化成switch简化：将判断条件作为对象的属性名，将处理逻辑作为对象的属性值，继续简化：转化成Map简化传统写法：用对象做键值简化：正则作为key/** * 按钮点击事件 * @par...
2021-09-13 01:50:00
711
原创 windows安装deno.js
使用bash下载curl -fsSL https://deno.land/x/install/install.sh | sh配置用户环境变量C:\Users\你的用户名\.deno\bin
2021-09-06 06:36:00
143
原创 有用的js代码片段(1)
JavaScript 是你学习编程，可以选择学习的最流行的语言之一。当我开始学习 JavaScript 时，我总是在 StackOverflow、Medium 和其他博客上寻找优秀解决方案来处理实际开发中遇到的问题。在本文中，我将分享我发现的15个有用的JavaScript 代码段。目录1、不循环地重复一个字符串2、 数组的差异3、 String 是否为 Json4、简短的 Console.l...
2021-09-05 14:36:00
218
原创 使用darkmode-js为网站添加暗黑主题
使用npm引入依赖npm install darkmode-js导入darkmode-jsimport Darkmode from "darkmode-js";添加配置项const options = { bottom: "64px", // default: '32px' left: "64px", time: "0.3s", // default...
2021-08-23 17:07:00
445
原创 使用baffle.js动态混淆文本与显示
先安装依赖npm install --save baffle引入baffle依赖包import baffle from "baffle";设置dom混淆与显示const b = baffle("span", { characters: "░░▓ ░█▒▒▓ ██▒█ █░ ▓▓▓░ ██░░ ███ ██▓", speed: 75 }); b.r...
2021-08-23 09:21:00
168
原创 css响应式media使用
// PC端@media (min-width: 767px) {}// 手机端@media screen and (max-width: 767px) {}
2021-08-23 08:47:00
113
原创 20个专业H5(HTML5)动画工具推荐
20个专业H5(HTML5)动画工具推荐目录20个专业H5(HTML5)动画工具推荐AnimateMateGranimFLIPStarability.cssAnimsitioniTypedMojsCountUpAnimeEmber Burger MenuHTML5 MakerHYPE3Google Web DesignerBlyskAnimatronInteraction PlusChoreo...
2021-08-20 16:31:00
2455
原创 分享欲是一种很奇怪的东西…
分享欲是一种很奇怪的东西，但当我按下分享键的时候，脑海中却没有闪现出任何一个人。或许要用很长一段时间，才能理解，每个人是宇宙的尘埃，也是星河的独一无二，当星空被关掉的时候，只有自己在独自流泪。...
2021-08-15 04:28:00
103
原创 自定义博客园样式记录
在处理导航栏样式响应式的时候屏幕缩小 新随笔和订阅这两个链接丢失 找了半天没找到，开始还以为是flex布局的问题，但是检查了好久，最后发现这两个a标签被添加了@media所以@media screen and (max-width:767px) { #blog_nav_newpost, #blog_nav_rss { display: block !imp...
2021-08-12 16:36:00
61
原创 js实现固钉效果
先添加样式<style> .Affix { position: fixed; top: 0; left: 0; } </style>监听滚动和页面距离const oAffix = document.getElementById("navigator"); const offs...
2021-08-12 09:42:00
414
原创 SEO是什么
SEOSEO是什么:搜索引擎优化（百度，360，谷歌）站长工具，字数统计，百度指数网站的构成文件模板文件核心文件数据库内容数据用户数据配置数据基本方法选取：1.确定关键词，列出待选词2.查看竞争对手的关键词3.查询关键词热度（看下相关关键词）工具百度推广-关键词优化师站长跟爱站关键词挖掘百度指数Url控制在3层（/一层）导航要包含关键词标题 控制在80字符以内（3个核心关键词以内，左右） 添加本页目标关键词一般不超过
2021-08-11 11:30:42
279
原创 安装nightmare的时候 eletron的安装卡在了 node install.js
解决方法先打开 ~/.npmrcnpm config edit里做如下设置，配置淘宝镜像registry=https://registry.npm.taobao.orgsass_binary_site=https://npm.taobao.org/mirrors/node-sass/phantomjs_cdnurl=http://npm.taobao.org/mirrors/phan...
2021-08-10 17:40:00
175
原创 eggjs使用cheerio爬取数据
cheerio模块主要负责解析html1.先安装模块npm install --save cheerio2.在service层创建新建spider.js/* * @FilePath:\app\service\spider.js */'use strict';const Service = require('egg').Service;class SpiderService ...
2021-08-10 09:09:00
209
原创 鼠标移入移出过渡效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="...
2021-08-09 12:57:00
138
原创 js 模拟单击dom
const e = document.createEvent("MouseEvents"); e.initEvent("click", true, true); document.querySelector(".box").dispatchEvent(e);
2021-08-09 12:47:00
463
原创 linux安装宝塔面板
Centos安装命令：yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
2021-07-28 15:39:00
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人