自定义博客皮肤VIP专享

*博客头图：

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

cai niaoyihao_的博客

  • 博客(60)
  • 资源 (8)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 Chrome浏览器去广告插件 —— （Adblock Plus）

我们在浏览网页的过程中经常会有看到一些丧心病狂的广告，这些广告不仅影响正常浏览，甚至会遮挡主要内容，给用户造成极大困扰。今天分享一去除广告或者指定元素的优秀插件——Adblock Plus。

2021-05-18 10:09:24 22621 8

原创 jsonplaceholder——免费的HTTP请求假数据接口（前端小伙伴值得了解一下）

jsonplaceholder——免费的HTTP请求假数据接口

2021-05-13 09:43:13 8214 7

原创 a标签常用属性——你是否都用过？

a标签常用属性：target，href，download。

2021-05-07 10:03:29 13410 9

原创 Notification——HTML5桌面通知弹窗(你用过吗？点击测试地址体验一下吧)

Notification 向用户显示通知信息（即时用户不在当前标签页，或浏览器已经最小化），兼容性较差。

2021-04-17 08:28:34 2595 22

原创 video、audio的属性和方法（笔记）

H5 引入了audio和video标签在页面中嵌入音频和视频，不用再使用Flash等插件播放媒体文件，下面了解一下audio和video的一些属性和方法。

2021-04-16 10:03:18 4320 7

原创 select下拉选项的selectedIndex属性（你用过吗）

selectIndex为被选中option元素的索引值，通过selectIndex可设置选中项、获取索引值、删除指定项和修改指定项文本

2021-04-15 14:24:48 9446 13

原创 vscode自定义代码片段（代码提示）

针对一些复用率较高或符合用户习惯的代码进行自定义，输入关键字后自动提示并生成补全代码。

2021-04-13 11:31:29 9418 7

原创 几种不常用Web API（振动、重力感应、联网状态、系统电量信息、页面可见性、canvas转base64、监听屏幕旋转、元素全屏显示）

navigator对象中有一些不常用的API，以下主要介绍vibrate振动,deviceorientation重力感应,online联网状态，getBattery系统电量信息，visibilitychange页面可见性，toDataURL（canvas转base64），orientationchange监听屏幕旋转和fullScreen元素全屏显示。

2021-04-11 15:02:14 2270 40

原创 实现图片懒加载（及优化相关）

工作之余想要休闲一下（看-美-女-图），但是又觉得单纯休闲不利于自身进步，于是 ……

2021-07-04 18:02:54 1287 97

原创 单选与全选

结合table表格和checkbox复选框实现单选与全选功能（本文只考虑功能实现，样式不要在意，虽然及丑，但我看不到 φ(>ω

2021-06-23 22:50:28 570 29

原创 一个按钮控制定时器的开始与暂停

一个按钮控制定时器的开始与暂停

2021-06-23 22:16:16 3336 92

原创 jQuery 实现 跑马灯 和 大乐透

jQuery 实现 跑马灯 和 大乐透

2021-06-19 10:15:55 488 44

原创 jQuery 实现轮播（初始 + 升级 + 插件推荐）

jQuery 实现轮播（初始 + 升级 + 插件推荐）。

2021-06-19 09:53:43 2002 115

原创 表格排序（含数字和Unicode编码方式）

jQuery实现表格排序，点击每一列表头，对tbody内容进行升序排序，非数字的使用Unicode编码进行排序。

2021-06-13 21:27:48 350 67

原创 浏览器对象模型——BOM常用属性及方法

BOM(Browser Object Modtael)是一种浏览器对象模型,提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window

2021-06-13 19:15:36 1649 124

原创 一篇文带你了解文档对象模型DOM（Document Object Model）

一篇文带你了解文本对象模型DOM（Document Object Model）

2021-06-06 23:16:56 2457 160

原创 前端面试大全（JavaScript篇——面试利器值得拥有！）

前端面试大全（JavaScript篇——面试利器值得拥有！）

2021-05-31 11:19:11 2927 253

原创 前端面试大全（jQuery篇——含移动端常见问题）

前端面试大全（jQuery篇——含移动端常见问题）

2021-05-27 09:45:08 1893 125

原创 前端面试大全（Ajax篇——面试官这样问，你答得上来吗？）

前端面试大全（Ajax篇）

2021-05-25 11:02:16 1717 62

原创 使用a标签发送邮件（收件人，抄送地址，密件抄送地址，邮件主题，邮件内容）

使用a标签拨发送邮件（收件人，抄送地址，密件抄送地址，邮件主题，邮件内容）。

2021-05-24 14:18:10 2498 29

原创 前端面试大全（CSS篇——2/2）

前端面试大全（CSS篇——2/2）

2021-05-20 09:30:52 641 18

原创 前端面试大全（CSS篇——1/2）

前端面试大全（CSS篇——1/2）

2021-05-19 16:12:52 422 7

原创 推荐几种占位图生成工具，包含dummyimage、placehold和placekitten等

推荐几种占位图生成工具，包含dummyimage、placehold和placekitten等。

2021-05-17 09:25:04 3337 8

原创 jquery返回顶部按钮（随滚动位置显示隐藏）

使用jQuery做“返回顶部”，按钮随页面滚动位置显示隐藏。

2021-05-14 11:48:21 664 10

原创 js漂浮广告

js漂浮广告

2021-05-12 10:05:34 717 12

原创 前端面试大全（HTML篇）

前端面试大全（HTML篇）

2021-05-11 14:34:12 948 9

原创 前端面试大全（序篇）

目录内容介绍一、前端开发知识点1、HTML&CSS2、JavaScript3、其他二、面试过程二、喜欢什么样的面试者1、基础扎实2、主动思考3、爱思考4、有深度5、有视野内容介绍  前端面试大全（序篇）——含前端开发知识点、面试过程和喜欢的面试者类型。一、前端开发知识点1、HTML&CSS  对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、HTML5、CSS3、Flexbox2、JavaScript  数据类型、运算、对象、Fu

2021-05-11 14:29:52 2547 45

原创 使用 css 和 js 禁止复制文本

在我们不希望 或某些情况下不希望用户复制页面信息时，应该考虑到 ```选中复制```和 ```鼠标右键```菜单复制等情况，下面分享一下这两种方法。

2021-05-11 10:05:46 1351 1

原创 前端模板引擎——handlebars

前端模板引擎——handlebars

2021-05-10 10:01:19 609 4

原创 art-template前端模板引擎

一款高性能的 art-template 前端模板引擎 —— template-web.js。

2021-05-08 09:36:44 1207 7

原创 使用 a标签 或 js 群发短信

使用a标签拨打电话、发送邮件、群发短信，js同理

2021-04-30 09:30:15 854 1

原创 使用javascript对ASCII、非ASCII和图片进行base64编码(本地图片和网络图片)

使用js对ASCII码进行base64编码，对非ASCII码进行base64编码，对图片进行base64编码（含网络图片跨域问题）

2021-04-29 09:38:32 843 21

原创 qq截图如何截取鼠标右键菜单

我们有时需要对鼠标右键菜单进行截图及标记，但是```Ctrl+Alt+A```组合键会导致右键菜单自动关闭，这里分享一下解决方法。

2021-04-28 09:40:12 359 5

原创 TypeScript基础类型

为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。

2021-04-27 09:30:12 354 6

原创 Chrome浏览器js调试（console等）

Chrome浏览器js调试（console等）

2021-04-26 09:29:21 4485 12

原创 markdown编辑器中去除图片水印以及自定义水印样式

csdn的markdown编辑中经常会插入图片，用做代码截图、效果展示等，默认图片下方有博主个人主页的地址链接，这里我们看一下去除水印以及自定义水印样式的几个问题。

2021-04-25 11:41:05 1464 24

原创 记录happy时刻

记录happy时刻

2021-04-23 11:32:21 355 8

原创 jQuery-ajax常用参数

jQuery-ajax常用参数

2021-04-23 09:37:34 334 4

原创 NProgress.js进度条

NProgress.js进度条

2021-04-23 09:35:56 524 2

原创 clipboard.js剪切板(含sweetalert弹窗)

clipboard.js剪切板(含sweetalert弹窗)

2021-04-22 09:41:49 520 6

jquery.min.js资源下载
jquery-1.10.2版本

2021-05-17

province.json资源下载
省市区json文档——可作为测试接口

2021-05-08

handlebars.js资源下载
前端模板引擎——handlebars.js

2021-04-29

template-web.js资源下载
template-web.js前端模板引擎

2021-04-29

viewer.min.css资源下载
图片预览插件： 参数配置可参考作者文章； 调用方法： // 图片预览 var viewer = new Viewer(document.getElementById('viewer'), { // url: 'data-original', button: true, inline: false, zoomable: true, fullscreen: false, transition: true, minZoomRatio: 0.1, maxZoomRatio: 10, // backdrop: true, movable: true, interval: 2000, navbar: true, loading: true, show: function() { viewer.update(); } });

2021-04-06

viewer.min.js
图片预览插件： 参数配置可参考作者文章； 调用方法： // 图片预览 var viewer = new Viewer(document.getElementById('viewer'), { // url: 'data-original', button: true, inline: false, zoomable: true, fullscreen: false, transition: true, minZoomRatio: 0.1, maxZoomRatio: 10, // backdrop: true, movable: true, interval: 2000, navbar: true, loading: true, show: function() { viewer.update(); } });

2021-04-06

jquery.pagination.js
jquery-pagination分页插件 1、引入pagination.css和jquery.pagination.js文件； 2、配置可参考jquery.pagination.js文件50行的配置默认参数，含参数注释； var defaults = { totalData: 0, //数据总条数 showData: 0, //每页显示的条数 pageCount: 9, //总页数,默认为9 current: 1, //当前第几页 prevCls: 'prev', //上一页class nextCls: 'next', //下一页class prevContent: '', //下一页内容 activeCls: 'active', //当前页选中状态 coping: false, //首页和尾页 isHide: false, //当前页数为0页或者1页时不显示分页 homePage: '', //首页节点内容 endPage: '', //尾页节点内容 keepShowPN: false, //是否一直显示上一页下一页 mode: 'unfixed', //分页模式，unfixed：不固定页码数量，fixed：固定页码数量 count: 4, //mode为unfixed时显示当前选中页前后页数，mode为fixed显示页码总数 jump: false, //跳转到指定页数 jumpIptCls: 'jump-ipt', //文本框内容 jumpBtnCls: 'jump-btn', //跳转按钮 jumpBtn: '跳转', //跳转按钮文本 callback: function () {} //回调 }; 3、使用： function example(page, current = 1) { $('#filterTab').pagination({ totalData: page, //总页数 showData: showNum, //每页显示条数 coping: true, //首页和尾页 jump: true, //跳转至指定页数 current: current, //当前显示第几页 callback: function(api) { searchUsers(false, api.getCurrent()) //获取当前页 } }); };

2021-04-06

pagination.css
jquery-pagination分页插件 1、引入pagination.css和jquery.pagination.js文件； 2、配置可参考jquery.pagination.js文件50行的配置默认参数，含参数注释； var defaults = { totalData: 0, //数据总条数 showData: 0, //每页显示的条数 pageCount: 9, //总页数,默认为9 current: 1, //当前第几页 prevCls: 'prev', //上一页class nextCls: 'next', //下一页class prevContent: '<', //上一页内容 nextContent: '>', //下一页内容 activeCls: 'active', //当前页选中状态 coping: false, //首页和尾页 isHide: false, //当前页数为0页或者1页时不显示分页 homePage: '', //首页节点内容 endPage: '', //尾页节点内容 keepShowPN: false, //是否一直显示上一页下一页 mode: 'unfixed', //分页模式，unfixed：不固定页码数量，fixed：固定页码数量 count: 4, //mode为unfixed时显示当前选中页前后页数，mode为fixed显示页码总数 jump: false, //跳转到指定页数 jumpIptCls: 'jump-ipt', //文本框内容 jumpBtnCls: 'jump-btn', //跳转按钮 jumpBtn: '跳转', //跳转按钮文本 callback: function () {} //回调 }; 3、使用： <link rel="stylesheet" href="./css/pagination.css"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script src="./js/jquery.pagination.js"></script> <ul id="filterTab"></ul> <script> function example(page, current = 1) { $('#filterTab').pagination({ totalData: page, //总页数 showData: showNum, //每页显示条数 coping: true, //首页和尾页 jump: true, //跳转至指定页数 current: current, //当前显示第几页 callback: function(api) { searchUsers(false, api.getCurrent()) //获取当前页 } }); }; </script>

2021-04-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章？
取消 删除