随笔分类 - 前端
摘要：最近看很多用MarkDown编写文章的小伙伴，都在侧边栏生成了一个目录，于是百度搜了搜，也打算加个目录。 但是百度搜到的结果千篇一律，基本上都是"孤傲苍狼"这位大佬出品，然后就试着加在了自己博客上，然而效果并不是自己想要的，因为他只实现了两级目录，而我想实现多级。 于是就开启了代码改造之旅，经过周折
阅读全文
摘要：今天看雷锋网列表的悬浮效果不错，带阴影的，于是拔下来实现了下。 代码如下： .kratos-hentry{ transition: all 0.2s ease-in; } .kratos-hentry:hover{ background: #f7f7f7; -webkit-box-shadow: 0
阅读全文
摘要：背景概述 我们都知道计算机是不能直接存储字母，数字，图片，符号等，计算机能处理和工作的唯一单位是"比特位（bit）"，一个比特位通常只有 0 和 1，是（yes）和否（no），真（true）或者假（false）等等我们喜欢的称呼。利用比特位序列来代表字母，数字，图片，符号等，我们就需要一个存储规则，
阅读全文
摘要：相信很多人都听过JavaScript（简称JS），甚至学过JavaScript。但是却没听过ECMAScript（简称:EC）。 ECMAScript其实是JavaScript的标准，也就是JavaScript是基于ECMAScript定的规则开发的，同样比较出名的微软出的JSCript也是基于EC
阅读全文
摘要：环境声明 CentOS 7.6 宝塔运维平台 PHP7.3 Nginx1.16.0 MySql5.6+ 域名 搭建步骤 准备一台服务器和一个域名 我在腾讯云购买的云服务和域名，并安装了CentOS7.6操作系统。 PS：域名需要备案，审核时长大概20个工作日。 域名需要和服务器进行绑定。 域名需要解
阅读全文
摘要：之前上传图片功能一直是选择一张图片然后上传，为了方便快捷，新需求需要修改上传图片功能通过拍照上传。经过捣鼓完美实现，顺便在这里记录下。 国际惯例，先上效果图： 这样一张图片就拍好了。那么如何实现的呢？看下面： 这里直接贴代码了，大家可以直接Copy到网站运行看效果~ 前台Html代码： 前台JS部分
阅读全文
摘要：像我们用百度搜索打一个"你"字，就会弹出"你到底有没有爱过我"还有"你是我的小苹果" 等等，这些都是下拉框模糊匹配。 那么模糊匹配下拉框是如何实现的呢? 下面我写了个Demo简单总结下: <html> <head> <meta charset="utf-8"> <title>下拉框搜索匹配</tit
阅读全文
摘要：我们经常看到如下效果，那么它是如何实现的呢？看下面： 废话少说，直接上代码，大家直接Copy就能看到上面的效果啦。 详细学习可参考: http://www.runoob.com/jquery/jquery-plugin-validate.html
阅读全文
摘要：为了增加用户访问网站体验，快速打开网页，许多网站都对不常更新的js,css文件在浏览器端设置了缓存。但如果在服务器端做了更新，浏览器使用的仍是缓存在本地的js文件，除非强制清缓存（ctrl+F5)。为js添加版本号可以避免这种情况的发生，因为缓存是通过文件名标记缓存内容的，如何为js文件添加版本号呢
阅读全文
摘要：工作中碰到的问题，在处理接口返回的验证码图片时，由于返回的是encode编码代码，在js端获取到数据之后，通过函数encodeURI()来进行解码，之后可以通过在src中设置来实现图片显示： 实现方法： 在src前添加data:image/jpeg;base64,+已经encode的二进制代码，就可
阅读全文
摘要：一、定义和用法 <button> 标签定义的是一个按钮。 在 button 元素内部，可以放置文本或图像。这是<button>与使用 input 元素创建的按钮的不同之处。 二者相比较， <button> 控件提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所
阅读全文
摘要：网页HTML存本地 保存文件
阅读全文
摘要：HTML Form 表单里的各种组件，例如文本输入框，textarea，按钮等，都可以通过CSS或其它技术进行美化，让它们看起来很漂亮了，唯独下拉列表选项框(select box),不管你怎么做，它摆在那里总显得格格不入。 不过这种情况可能是一去不复返了，如果你猜测是使用HTML5技术， 那就错了，
阅读全文
摘要：最近在研究一个图片替换功能，及点击左侧商品在右侧弹出层修改图片后，同时左侧的图片也得跟着修改。 我原来考虑的添加ID作为唯一值。但当ID重复了，替换就出BUG了。 最后问公司同事，然后给提供了 根据点击对象弹出索引，根据指定索引获取对象，替换图片路径就好了。最后想了想这个方法不错。顺便记录下,嘿嘿~
阅读全文
摘要：两天前听了一个H5的分享，会议上有一句话，非常有感触：不是你不能，而是你对自己的要求太低。很简单的一句话，相信很多事情不是大家做不到，真的是对自己的要求太低，如果对自己要求多一点，那么你取得的进步可能会更大。成长以来，很多朋友也听说到不少激励自己上进的话，但不是每个人都能一直坚持做下来，其实，这个跟
阅读全文
摘要：1.按下Enter键，改变下面文字 颜色 实现如下： //HTML部分 <input type="text" id="txt1" value="" placeholder="商品名称" /><br/> <span id="sp1">hello</span> //JS部分 <script src="j
阅读全文
摘要：目标：实现网页点击跳转到指定标签 实现原理：在网页内a标签的href后面写上#a，然后再在下面想定位的元素那加个name为a的，这样两者就建立起了对应关系。 下面是个简单演示，如图： 代码如下: <html> <head> <title></title> </head> <body> <!--一部分
阅读全文
摘要：jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档：http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: function()
阅读全文
摘要：上下轮播Demo效果： 左右轮播效果： 下载链接:http://pan.baidu.com/s/1i4ZhDjv 常用插件官网：http://www.swiper.com.cn/
阅读全文
浙公网安备 33010602011771号