前端四件套
关注
分享
扫一扫
前端四件套
张童瑶
现任某厂Java高级开发工程师，励志成为一名资深架构师，尽自己最大努力用有趣的方式让大家轻松汲取到底层原理知识！
展开
-
Js Content-type的几种常见类型
Content-Type，内容类型，一般是指网页中存在的Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件，此属性的值可以查看MIME（Multipurpose Internet Mail Extensions，多用途互联网邮件扩展）的类型。以上就是我们在日常的开发中，经常会用到的若干content-type的内容格式。......原创 2022-09-01 16:47:27 · 3572 阅读 · 0 评论 -
Js 延时方法函数
js延时方法函数原创 2022-07-03 16:51:29 · 223 阅读 · 0 评论 -
Js fancybox做图片查看器
demo和js插件下载：https://www.lanzouq.com/iJ6gDxrujsh引入css引入jshtml代码，下面是引用了三个，查看一下子可以查看三张如果不想一下子查看三张，就把class名称改一下js在初始化一个其他参考：https://blog.csdn.net/asing1elife/article/details/83044760?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_title~d原创 2022-06-17 09:17:35 · 729 阅读 · 0 评论 -
Js 传入文字返回小写首字母
js传入汉字，返回小写首字母缩写原创 2022-06-15 09:46:27 · 7192 阅读 · 0 评论 -
zTree - 笔记
原笔记文档：http://www.treejs.cn/v3/api.php原创 2022-06-15 09:44:39 · 130 阅读 · 0 评论 -
Layer - 笔记
有时候想做一款比较美观的页面或后台框架，自己审美又不够好怎么办？这时候可以使用Layer框架，来拯救页面的美观性。layer官方手册：https://www.layui.com/doc/需提前引入jquery.jsweb弹层组件弹框常规模式alertmsgconfirmpromptloadtabOpen模式弹出一个页面.........原创 2022-06-14 09:25:21 · 837 阅读 · 0 评论 -
Html 百度地图添加轨迹回显
html百度地图添加轨迹回显原创 2022-06-09 12:04:01 · 532 阅读 · 0 评论 -
Js 方法函数记录笔记
时间方法函数获得指定月的开始结束日期获得上周开始结束日期根据开始结束日期获得中间所有天数获取从开始时间到结束时间中的所有月根据开始结束日期获取中间的所有年根据指定日期，获取星期几获取年的开始日期和结束日期获得前几天后几天日期Fri Dec 12 2014 08:00:00 GMT+0800日期转换格式将时间数字，格式化转换成时分秒注：抽时间把时间操作抽出作为另一篇文章，更多：https://blog.csdn.net/qq_33242126/article/detai原创 2022-06-09 12:02:30 · 209 阅读 · 0 评论 -
Js 生成二维码图片和颜色可自行选择
我们在平常开发过程中，难免遇到一些不依靠后端操作来实现的功能，例如，生成带图片的二维码，这篇文章讲述如何前端页面里引入js来生成二维码功能。Js代码引入组件保存一份js文件，或直接在本js中引入......原创 2022-06-09 12:02:18 · 1468 阅读 · 0 评论 -
Html 添加高德地图轨迹回显
修改后的：参考高德地图官方示例：https://lbs.amap.com/demo/javascript-api/example/marker/replaying-historical-running-data原创 2022-06-09 12:01:57 · 1026 阅读 · 0 评论 -
Layer 添加开启关闭个性化加载层
有时候我们需要一个简洁又好看的加载层怎么办呢？自己手动写？太浪费时间了，所以本文章提供了一个简单又好用的提示加载层。原创 2022-06-08 17:18:18 · 293 阅读 · 0 评论 -
Js 锁定当前页面滚动条
js锁定当前滚动条原创 2022-06-07 11:56:44 · 879 阅读 · 0 评论 -
Html 保存canvas和div为图片
很多时候，需要js来完成保存某个div或者某个canvas元素成图片，本文章来实现保存为图片原创 2022-06-05 19:40:17 · 705 阅读 · 0 评论 -
css样式记录 - 笔记
css背景样式颜色渐变原创 2022-06-02 10:28:56 · 105 阅读 · 0 评论 -
Css3 背景颜色渐变属性（Gradients）
在项目中有很多地方可以用到背景色的渐变，例如：左侧菜单栏的背景色，顶部导航栏背景色等等。CSS3 渐变（Gradients）CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear原创 2021-12-24 14:23:15 · 1272 阅读 · 0 评论 -
JS window.open() 子级调用父级方法函数
子级页面中：window.opener.父级方法名()原创 2021-11-12 14:32:39 · 1044 阅读 · 0 评论 -
Html 自动合并单元格插件
日常开发中，经常遇到表格里需要自动合并单元格，考虑到写服务器控件比较消耗性能，因些还是把这种工作交给客户端Javascript去做吧，基于习惯用jquery框架，所以封装了一个Jquery插件。效果：jquery.table.rowspan.js(function ($) { $.fn.extend({ //表格合并单元格，colIdx要合并的列序号，从0开始 "rowspan": function (colIdx) { return thi原创 2021-11-09 17:49:05 · 304 阅读 · 0 评论 -
html 中table表头固定且表格主体内容可以向下滑动和设置td中数字字母可以自动换行
效果代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g原创 2021-10-15 11:57:26 · 1037 阅读 · 0 评论 -
Js jquery实现图片从右向左3秒移动一次效果 超简单
在做北京市全流域补水系统时，需要用到每个摄像头从右向左进行一个一个轮播，干脆自己写了个一个代码实现方式很简单，下面是gif效果图：原文： http://yaoyaoman.cn/blog/archives/200css<style> .video-div{ width: 85%; height: 155px; margin:0px auto; overflow: hidden原创 2021-09-27 12:08:38 · 1651 阅读 · 0 评论 -
Js 根据 次数，计算24小时次数的 平均 时分秒时间 精确到分钟
最近做水务局的巡查系统的时候遇到的这么个问题，就是根据不管多少次，计算出24小时的平均时间，这可把我难住了，后来想了很久的一个计算方法，记下来了，希望能帮助大家！代码：var minuteTime = 1440; //24*60计算出的分钟数，因为24小时的，写死了，这里可以改天的等等var count = 5; //修改你想要的平均次数var minute = minuteTime / countvar time = 0;var shang = 0;for(var i = 0;i<.原创 2021-09-24 11:54:49 · 555 阅读 · 0 评论 -
Js 实现横向文字重复滚动，超简单！！
背景因为公司系统需要实现横向文字滚动效果，所以自己手动写了一个，没用网上的，感觉网上的啰嗦繁琐，扩展性还不行，喜欢的话点赞收藏吧，下面是gif效果图。效果代码html代码<span id="wai"> <p id="text"> 早上好，您有0条公告信息未读，请您及时查看！！！ </p></span>css，大家可以自行美化。#wai{ width: 350px; //宽度可以修改 border: 1px red solid;原创 2021-01-31 11:50:01 · 5332 阅读 · 5 评论 -
Layer 开启与关闭加载层
原文地址： http://blog.yaoyaoman.cn/archives/141原创 2021-01-18 15:04:21 · 2480 阅读 · 0 评论 -
Js 将JSON内部key值转换大小写和首字母大写
/** * @param {Object} json * @param {Object} type： 默认不传 ==>全部小写;传1 ==>全部大写;传2 ==>首字母大写 * 将json的key值进行大小写转换 */ function jsonKeysToCase(json,type){ if(typeof json == 'object'){ var tempJson = JSON.parse(JSON.stringify(json)); toC原创 2020-08-10 10:36:18 · 3520 阅读 · 0 评论 -
Js 获取某年某月之间的时间日期
<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script></head><body><div class="getDay"><a href="#"原创 2020-08-04 14:12:42 · 457 阅读 · 0 评论 -
Js 根据年月获取这月或者年的开始日期和结束日期
获取月的：//获取这个月的月初和月末function getMonthStartEnd(vars){ var str = ''; if(vars!=null&&vars!=''){ var nyYear=vars.slice(0,4); var nyMonth=vars.slice(4,vars.length); var firstDay = new Date(nyYear,nyMonth-1); var l原创 2020-08-04 14:11:41 · 3269 阅读 · 5 评论 -
Js 生成uuid的四种方法
在开发过程中，有时候需要js生成全局唯一标识符，在java中可以使用uuid，但是JS中没有现成的函数。总结了一下，JS生成唯一标识符的几种方法。第一种：function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); } s[14]原创 2020-08-03 16:58:46 · 8814 阅读 · 0 评论 -
Js 根据时间范围获取之间的日期
现在有个需求，就是根据所选择的开始日期与结束日期，然后根据这个日期范围来列出之间每天的日期。<script type="text/javascript"> var start_time = '2017-02-02'; var end_time = '2017-03-28'; var bd = new Date(start_time),be = new Date(end_time); var bd_time = bd.getTime(), be_time = be原创 2020-07-30 15:04:11 · 1234 阅读 · 0 评论 -
获取checkbox选中状态的两种方式_张童瑶的博客
获取checkbox选中状态的两种方式获取checkbox选中状态的两种方式第一种方式第二种方式获取checkbox选中状态的两种方式我在开发项目的时候遇到这个问题，就是循环表格，表格里面嵌有checkbox复选框格式，这时候就有个需求了，如何获取checkbox选中状态？后来我经过去网上一番搜寻，也没有找到答案，网上有很多人都是复制别人，拿过来自己的，很多都是抄别人的，所以经过我自己一番研究..................原创 2019-09-22 11:34:00 · 38215 阅读 · 1 评论