个人博客

• 修改CheckBox多选按钮的背景色

  修改CheckBox多选按钮的背景色input[type=checkbox]{ margin-right:5px; width:13px; height:13px;}input[type=checkbox]:after{ width: 100%; height: 100%; top: 0; content: " "; background-color:White; color: #000000; display: inline-block; visibility: visible; border-radius: 2px;

  白码驿站2020-02-19 【CSS】

  阅读更多

• NSFW JS 鉴黄小工具

  最近在Github上无意间看到一个开源项目:话说是开源旗下基于tensorflow的tfjs的鉴黄小工具，觉得有点意思就来试一下，据说是从15000张图片中 进行机器学习而来的比较聪明的工具，值得一用。反正不管怎么说， 先收下我的膝盖。NSFW JS 全称为:NotSafe/SuitableForWork给 NSFW JS 一张图片元素或画布，然后简单地调用 classify，可能会得到如下 5 个分类结果。1、色情（Porn）——不雅的内容和行为，通常涉及生殖器；2、性感（Sexy）——不合时宜的挑衅内容。3、变态（Hentai）——色情艺术，不适合大多数工作环境；4、中立（

  白码驿站2019-07-05 【JavaScript/Jquery】

  阅读更多

• LocalStorage 存储和读取

  

  在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同(并且在IE8以上的IE版本才支持localStorage这个属性)。所以我们每次使用localStorage的时候可以先去判断一下浏览器是否支持localStorage属性。 if(！window.localStorage){ alert("浏览器支持

  白码驿站2019-02-17 【JavaScript/Jquery】

  阅读更多

• X-UA-Compatible 解决IE浏览器样式不兼容问题

  

  最近遇到一个头疼的事情，就是ie浏览器不兼容问题，改起来真的叫一个头疼， 没办法， 还是得改， 虽说ie浏览器不好用， 很多诟病，一直被开发人员所吐槽，但是没办法， IE浏览器在全球还是占很大一部分市场，所以， 只要有ie存在，就会有浏览器不兼容问题。好了，不扯远了， 来看一下如何解决IE浏览器不兼容的问题吧。问题： 项目中有一个上传图片的功能，并可以实时查看上传的图片，为了提高用户的体验度，我使用的是ajax+html5静态上传图片，从文档流中加载图片（上传的图片没有直接传到后台，点击提交按钮才去提交图片），本来是一个“高大上”的功能，在Chrome浏览器上测试那叫

  白码驿站2018-09-21 【HTML】

  阅读更多

• map area 标签 具体用法(图像映射)

  今天在改公司官网的时候，发现一个奇怪的操作，一张图片上有一个列表， 我不小心点击列表中的一项，结果跳转页面了， 起始这个没啥奇怪的， 定义一个 标签就可以实现， 但是图片上是一个列表页， 点击每一项会跳到不同的页面，顿时懵逼了， 毕竟我只是一个以后台开发为主的开发， 遇到这种问题，只能去百度了，找了很久， 才明白，原来是map标签控制的，现在看下map是干嘛的吧定义和用法 定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。（说的直白点就是在一张图片上，设置几个坐标， 在这个坐标的区域内可以点击，点击的跳转地址自己定义。）例如我们要实现一个这

  白码驿站2018-09-11 【HTML】

  阅读更多

• css实现遮罩层，父div透明，子div不透明

  使用元素的opacity 属性，设置遮罩层的效果， 主要 样式是：background-color: #ooo; opacity:0.3;你会发现，使用css的opcity属性改变某个元素的透明度，其元素下的子元素的透明度也会被改变，即便重定义也没有用，不过有个方法可以实现，大家可以看看。可以使用一张透明的图片做背景可以达成效果，但是有没有更简单的方法呢？使用RGBA。<div style="width:500px;height:500px;position:fixed; top :0px;background-color:#000;background:rgba(0, 0, 0, 0.5);

  白码驿站2018-01-16 【HTML】

  阅读更多

• <meta http-equiv="Content-Language" content="en">

  <meta http-equiv="Content-Language" content="en">是一种编码标签。http-equiv="Content-Language"指明此标签为语系标签，即作用就是声明编码默认语系。meta告诉搜索引擎后面的信息时关于网页文件的一些信息，http-equiv，指代服务器相应类型，内容（content）-languane（语言）对应的"en-us"指明默认语系为美式英语。content-language语法language-code = primary-code ( "-" subcode )*content-language示例<meta http-eq

  白码驿站2017-10-11 【HTML】

  阅读更多