前端
关注
分享
扫一扫
文章平均质量分 58
slongzhang_
这个作者很懒，什么都没留下…
展开
-
画布透明背景(css 马赛克背景)
【代码】画布透明背景(css 马赛克背景)原创 2023-05-05 16:45:37 · 492 阅读 · 0 评论 -
layer弹出层表单下拉框案例
【代码】layer弹出层表单下拉框案例。原创 2022-12-19 23:46:30 · 1275 阅读 · 0 评论 -
常用的HTML和CSS content属性特殊字符归纳（转）
今天在做开发的时候，需要用到CSS的content属性，加入一些特殊字符来实现网页效果。但是特殊字符那么多，怎么可能记得住，所以谷歌百度搜索之后找到了一个比较全的，在这里进行归纳备忘，为了和我有相同需求的童鞋以及自己日后再用到的时候提供方便。转载 2022-09-12 15:09:25 · 761 阅读 · 0 评论 -
jq轻量级动态渲染表格
直接上代码，js已提供压缩，css自己压缩<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数据转页面表格（动静态数据）</title><!-- <.原创 2021-09-30 22:35:23 · 1519 阅读 · 0 评论 -
消除input框历史纪录的黄色背景样式
给 input 样式添加阴影覆盖掉原来的淡黄色就可以了如：box-shadow: 0 0 0px 1000px #fff inset;WebKit内核 -webkit-box-shadow: 0 0 0px 1000px #fff inset;Gecko内核 -moz-box-shadow: 0 0 0px 1000px #fff inset;Trident内核 -ms-box-shadow: 0 0 0px 1000px #fff inset;Presto内核 -o-box-转载 2021-09-25 20:16:27 · 378 阅读 · 0 评论 -
HTML5无感加载新页面(下一页+非ajax+history.pushState)
一、修改url，页面不刷新案例1、设置锚点特性(以bootstrap中标签页的代码为例)利用锚点方式切换，页面刷新，也会定位至指定的页面，但是如果页面内容过长，出现滚动条时，锚点会定位至点击的a元素，页面不置顶了。<div> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a h转载 2021-09-24 23:25:00 · 666 阅读 · 0 评论 -
layui表格表头添加提示
'<i class="layui-icon alone-tips" lay-tips="放款里所有支出+收入的费用总和"></i>'jQuery('#data_analysis *[lay-tips]').on('mouseenter', function(){ let content = jQuery(this).attr('lay-tips'); this.index = layer.tips('<div style="padding:..原创 2021-05-28 09:08:44 · 1598 阅读 · 3 评论 -
SublimeText分号后自动提示问题(sublimeCodeInetel插件致命bug)
方法一：卸载sublimeCodeInetel方法二：一、打开Preferences -> Package Settings -> SublimeCodeIntel -> Key Bindings - User二、编译为如下图(如果为空则直接复制我的代码，有内容则追加上红色框框里的代码)如果是追加的需要注意JSON格式，不要漏掉逗号[ { "keys": [";"] ,"command": "run_macro_file"原创 2021-05-23 16:00:37 · 520 阅读 · 0 评论 -
浏览器插件开发-往百度注入layer报错（layer 报错 Cannot read property ‘extend‘ of undefined）
百度首页的jQuery是百度自己重构的，如果直接调用百度的jquery而没有注入完整的jquery会至这个情况，其次百度还有个模块化define也是重构的，也会导致报错；解决办法解压layer,修改入口调用移除红色这块的代码即可，或者复制我下面代码直接替换// 搜索该代码e.layui && layui.define ? (r.ready(), layui.define("jquery", function(t) { r.path = layui.cache.dir,原创 2021-01-20 23:11:27 · 82510 阅读 · 0 评论 -
SheetJS中文文档-js导出Excel脚本库
转载自 GITHUB用户rockboom 的翻译文档SheetJs下载： GITHUB地址 | CSDN下载地址SheetJS js-xlsxSheetJS是用于多种电子表格格式的解析器和编写器。通过官方规范、相关文档以及测试文件实现简洁的JS方法。SheetJS强调解析和编写的稳健，其跨格式的特点和统一的JS规范兼容，并且ES3/ES5浏览器向后兼容IE6。目前这个是社区版，我们也提供了性能增强的专业版，专业版提供样式和专业支持的附加功能。转载 2021-01-08 11:33:13 · 95104 阅读 · 5 评论 -
JS中map和foreach的区别以及some和every的用法
一、原生JS forEach()和map()遍历共同点：1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。1.forEach()没有返回值。 arr[].forEach(function(value,index,array){ //do something })参数：value数转载 2020-09-27 17:55:03 · 96879 阅读 · 0 评论 -
js处理时间戳转成日期格式
function formatTime1(time,type="y-m-d h:i:s"){ type = type.toLowerCase(); var time = new Date(time) var y = time.getFullYear() var m = time.getMonth() var d = time.getDate() var h = ...原创 2018-12-29 00:02:46 · 120624 阅读 · 0 评论 -
CHROME扩展笔记之获取网站根域名
/*** 获取网站的根域名*/function getMainHost() { var key = 'author_'+Math.random(); var keyR = new RegExp( '(^|;)\\s*'+key+'=slongzhang@qq.com' ); var expiredTime = new Date( 0 ); var domain = document.domain; var domainList = domain.split( '.' );原创 2020-08-15 15:51:01 · 117861 阅读 · 0 评论 -
CHROME扩展笔记之cookie监听与赋值
cookie监听与赋值操作需要manifest文件里声明权限，cookie权限如下：“permissions”: [ “cookies”, “????/.要操作cookie的域名.com/*” ],/*** 监听cookie变化*/chrome.cookies.onChanged.addListener(function(changeInfo){ // cookies.onChanged监听的是所有的cookie,所以需要过滤只处理我们网站自己的cookie if(GhomepageDoma原创 2020-08-15 15:44:01 · 139080 阅读 · 0 评论 -
CHROME扩展笔记之监听页面xhr请求
在页面头部加载完时立即注入下面代码，注入完成后如若有xhr请求就可以监听到了/*! * 牛魔王选图助手ajax全局监听 * author: slongzhang 2020.08.10 * email: slongzhang@qq.com * Copyright 2019-2020 newmorehot, Inc. * 全局变量统一按大写字母G开头命名 */;(function () { if ( typeof window.CustomEvent === "function" ) retu原创 2020-08-15 15:29:45 · 141347 阅读 · 0 评论 -
Sublime Text 3插件Minify的安装与使用(Javascript代码压缩，js压缩)
需要用到的软件SublimeText3+Node.js进入正题Minify的安装打开SublimeText，快捷键ctrl+shift+p调出package control输入install package找到minify回车安装即可，安装结成功后该文档在编辑器中弹出。Minify文档翻译安装完成后会弹出minify使用文档，下面是文档的翻译Package Control MessagesMinifyThank you for installing `Minify’ for Sublime原创 2020-08-11 15:04:35 · 139416 阅读 · 1 评论 -
ES6代码转ES5教程(babel安装使用教程)
需要用到的软件Node.js + babelBabel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。下面是一个例子。// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1;});进入正题，安装babel(安装之前请确保你已安装了node.js转载 2020-08-11 15:00:34 · 137955 阅读 · 0 评论 -
深入理解js数组自定义排序sort
定义和用法sort() 方法用于对数组的元素进行排序。语法arrayObject.sort(function(nextValue,currentValue){// code …});案例var arr = [5,4,3,2,1,6,7,8,9];// 倒序arr.sort((a,b)=>{// console.log(a,b);// 可以看到第一次赋值结果是a = 4，b = 5if(a<b){ return 1;}else if(a > b){ return原创 2020-07-23 11:40:02 · 119129 阅读 · 2 评论 -
关于es6数组章节[].copyWithin.call({length:5,3:1},0,3)的理解
// 将3号位复制到0号位[].copyWithin.call({length: 5, 3: 1}, 0, 3)// {0: 1, 3: 1, length: 5}// 对象转数组(建议用es6的Array.from(Obj)转换比较直观)Array.from({length: 5, 3: 1})// [undefined, undefined, undefined, 1, undefined]// 转换完毕，进行处理[undefined, undefined, undefined, 1,原创 2020-07-21 10:13:11 · 137614 阅读 · 0 评论 -
layui表格本地数据排序问题(Data模式下全部数据排序)非当前分页排序
layui表格Data模式下（全部数据排序）非当前分页排序引入声明layui-table渲染表格函数排序函数(空数据不参与排序默认最后)引入声明layui-tablelayui.use('table', function(){ var table = layui.table; // 初始化的默认渲染 displayTable(table,'ol_keyword',cols,data); // 设置表排序的监听 table.on('sort(ol_keyword)', functio原创 2020-07-06 14:21:52 · 113522 阅读 · 0 评论 -
html滑动仿悬浮球菜单
html滑动仿悬浮球菜单css样式html代码javascript代码css样式html,body{ width: 100%; height: 100%; margin: 0;padding: 0;}/*导航图标*/.NMH-g-navicon{ position: fixed; top: 40%; right: 020px; width: 100px; height:...原创 2020-03-15 00:40:53 · 139875 阅读 · 1 评论 -
JS/JQ实现自定义弹窗功能alert,confirm
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹出层测试</title> <style type="text/css"> /**遮盖层**/ #sl_coverLayer{ z-index: 99999...原创 2019-10-12 02:24:45 · 140970 阅读 · 0 评论 -
使用匿名函数的addEventListener移除事件无效的解决方案
removeEventListener() 方法用于移除由 addEventListener() 方法添加的事件句柄。如果要移除事件句柄，addEventListener() 的执行函数必须使用外部函数，如使用匿名函数，类似 “document.removeEventListener(“event”, function(){ #code… });” 该事件是无法移除的。但在实际开发中我却更多的...原创 2019-10-12 01:39:59 · 88509 阅读 · 0 评论 -
html table 固定表头和列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表头和第一列固定</title> <style> *{ padding: 0; margin: 0; } html,body{ width:...原创 2019-08-22 18:28:51 · 128631 阅读 · 1 评论 -
jq同一dom同时绑定单击和双击解决方案
<body> <button id="div1">按钮</button><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript"&a原创 2019-02-02 00:37:43 · 86193 阅读 · 0 评论