![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
H_C_J
文章平均质量分 58
爱分享的Martin、
这个作者很懒,什么都没留下…
展开
-
js 判断掩码与ip是否匹配
参考地址:js校验ip、子网掩码、网关的合法性// (掩码,ip)// 掩码可以是数字类型也可以是ip类型// 返回一个boolean,掩码是否与ip一致function matchMask(mask, ip) { let checkMask = mask; if(!isNaN(Number(mask))){ checkMask = getMaskIp(mask).join(".") } return ipToint(checkMask) &am原创 2021-07-05 11:20:57 · 728 阅读 · 0 评论 -
都1202年,我才知道 Tailwindcss
今早8:00闹钟响起,8:30我依旧刷着视频,无意间看到一个it老哥的分享,介绍他自己做外包用的一些技术:vue?(规规矩矩)uni-app(还可以)nuxt(还不错)tailwindcss (嗯?这啥?看样子是个ui库,有空了解一下)(ps: 原谅我第一眼看成了”台湾“的拼音,”taiwan“)。这不,一大早趁着领导都去开会的功夫搜了一下Tailwindcss,不搜不知道,一搜吓一跳,好评如潮。那不得好好研究研究,所以就有了本篇文章。Tailwind 与传统的ui库有什么不同?.原创 2021-03-22 12:09:49 · 2223 阅读 · 0 评论 -
cockpit 前端
背景:最近公司要基于cockpit,来定制自己的一个服务器管理web 应用。嗯。。cockpit是啥?能干嘛?我要拿它干嘛?如你所见,我此刻是懵逼的。cockpit 了解我熟练的打开了百度又打开了bing哦吼,二度懵逼。经过几番了解,大概是知道了Linux Cockpit 是一个基于 Web 界面的应用,它提供了对系统的图形化管理。因为功能集成,对服务器管理来说,可以称得上是神器,深受linux 开发者的喜爱。(呵呵。。)最后我大概是知道了,公司就是想让我在人..原创 2020-06-19 15:21:32 · 4363 阅读 · 3 评论 -
考勤名单node统计
名单内容如下:const xlsx = require("node-xlsx"), fs = require('fs'), excelData = xlsx.parse("name.xlsx"); let meth = { /* arr 数据转格式 [ [ '全部人员名单', 3.16, 3.16 ], [...原创 2020-04-01 16:18:37 · 264 阅读 · 0 评论 -
rem 的几种使用方式
media 的使用html { font-size: 16px;}@media screen and (min-width: 375px) { html { /* iPhone6的375px尺寸作为16px基准,414px正好18px大小, 600 20px */ font-size: calc(100% + 2 * (100vw - 375...原创 2020-03-23 13:00:21 · 534 阅读 · 0 评论 -
html 邮件注意事项
最近需要发送html 格式的邮件,因为使用的是outlook,新版的outlook不支持html编辑,只能把页面内容拷贝到邮件里。发送后其他邮箱下查看邮件样式就会错乱,这里记录下趟的坑,以及代码开发的注意点。1. 声明目前,兼容性最好的Doctype是XHTML 1.0 Strict,事实上Gmail和Hotmail会删掉你的Doctype,换上这个Doctype。<!DOCTYPE ...原创 2019-11-22 11:18:42 · 864 阅读 · 0 评论 -
利用blob 加密防下载
一些网站的视频为了防止下载,通常会采用blob加密的做法;其实这不是特殊的视频传输协议,只是一种 HTML5 Video Blob格式。并且大部分网页视频的格式都是 m3u8。参考的内容:图片/视频上传转成base64/blob格式base64 和 Blob 相互转换HTTP Content-type 对照表下面来简单说明一下怎么理解和操作:读取这里假设服务器上已经有一份视频...原创 2019-07-01 16:48:49 · 6630 阅读 · 3 评论 -
利用zoom 实现不同分辨率展示
注意:此zoom 直接添加到body上,所以整个内容都会缩放(谨慎使用)核心方法function getWindowSize(){ let windowWidth=$(window).width(); let windowHeigh=$(window).height(); if(!detectIE()){ //detectIE() 判断是否是ie,自行百度方法 if(window...原创 2019-03-21 10:15:05 · 4570 阅读 · 2 评论 -
js 常用数据处理
将数组中相同key 值 内容叠加var s = [[ {&amp;amp;quot;code&amp;amp;quot;: &amp;amp;quot;a&amp;amp;quot;, &amp;amp;quot;poll&amp;amp;quot;: 7},{&amp;amp;quot;code&amp;amp;quot;: &amp;am原创 2019-02-20 18:38:56 · 1032 阅读 · 0 评论 -
CSDN-markdown编辑器示例代码
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-02-20 11:29:26 · 288 阅读 · 0 评论 -
base64 和blob 上传与互换
转自: https://blog.csdn.net/qq_39364032/article/details/82177456, 只做学习用途,不做他用1. 图片上传<input type="file" name="main" id="main" value="" accept="image/png, image/jpeg, image/gif, image/jpg" onchang...原创 2019-07-01 16:58:55 · 1417 阅读 · 0 评论 -
移动端如何禁止body的滚动
在我们写h5 或者移动端网站的时候,通常会有头部下拉这个功能,而当我们下拉的时候,背景body就会被滑动,那么改如何禁止body的滚动尼?- 通过禁止 touchmove 事件//jsdocument.addEventListener('touchmove', function(event) { event.preventDefault();}, false);//jquery...原创 2019-08-06 11:12:20 · 3298 阅读 · 0 评论 -
box 流动边框
主要采用css 属性 clip:rect (top, right, bottom, left) 切割box 只要给出四个边的临界状态,配合animate&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&原创 2019-02-20 11:50:43 · 358 阅读 · 0 评论 -
css图片闪动效果
原理: 上面简单布置一层遮罩,利用skew 进行一次移动代码:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta http-equiv=&amp;quot;Content-Type&am原创 2019-02-20 12:09:18 · 6238 阅读 · 0 评论 -
纯css 实现模态框
对于模态框我个人一直都是用js + css 的方式实现,这里却采用css target 属性,很有想法<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>简单的模态框(Modal)</title> <style> ...转载 2019-03-21 15:37:43 · 4145 阅读 · 0 评论 -
一个挺好看的分类展示效果
最近浏览网站的时候发现国外的一个网站分类展示的效果挺不错,这里简单分享一下怎么实现原网址在这里:http://minimalmonkey.com/页面效果类似这样html 内容:<div class="section" id="section1"> <div class="panels"> <ul> <l...原创 2019-07-11 12:33:20 · 721 阅读 · 0 评论 -
实现圆形轨迹
最近项目中有一个圆形轨迹转动的动画效果,开始展示的时候我采用的是css 的transform 来写,没什么问题。后来要求对轨迹上的元素添加事件和其他效果,jquery 中animate 没有transform的属性,所以出现了写问题,这里简单记录一下参考文章:css圆形轨迹:http://www.zhangyunling.com/879.htmlJavaScript圆形排布:https...原创 2019-08-13 14:03:33 · 3373 阅读 · 0 评论 -
页面里常用的排布
- 常用于头部排布的双飞翼和圣杯#双飞翼两端固定,中路自适应<style type="text/css">.main{ background: #D6D6D6; width:100%; float:left; } .mc { margin-left: 150px; display: inline-block; }.left{ background:...原创 2019-08-15 16:02:49 · 133 阅读 · 0 评论