2021年4月17日
JSON字符串，JSON对象，JSON数组的区别与相互转换
摘要： JSON对象 是直接可以使用JQuery操作的格式 JSON字符串 仅仅只是一个字符串，一个整体，不截取的话没办法取出其中存储的数据，不能直接使用 JSON数组 元素是json对象的数组,就是json数组 JSON对象 var str2 = { "name": "deluyi", "sex": "m 阅读全文
posted @ 2021-04-17 12:39 星河几重 阅读(602) 评论(0) 推荐(0) 编辑
本地存储localStorage的用法总结
摘要： 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 l 阅读全文
posted @ 2021-04-17 12:37 星河几重 阅读(3911) 评论(1) 推荐(0) 编辑
【js知识】返回上一页（页面刷新与不刷新）
摘要： 返回上一页不刷新： a标签 <a href="javascript :;" onclick="javascript:history.back(-1)">返回上一页</a> 按钮 <input type="button" name="Submit" οnclick="javascript:histor 阅读全文
posted @ 2021-04-17 11:36 星河几重 阅读(4407) 评论(0) 推荐(0) 编辑
2021年4月16日
移动端禁止/取消长按进行复制粘贴的操作
摘要： 项目中长按删除、长按添加关注等功能是很常见的。但是手机端长按默认是会在周边随便选中文字弹出自带的复制粘贴的操作，所以我们需要禁止掉移动端长按进行复制粘贴的操作。（可以防止内容被复制） *{ -webkit-touch-callout:none; /系统默认菜单被禁用/ -webkit-user-se 阅读全文
posted @ 2021-04-16 22:59 星河几重 阅读(2633) 评论(0) 推荐(0) 编辑
jQuery.nicescroll美化滚动条
摘要： Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。 官网地址：http://www.areaaperta.com/nicescroll/ 阅读全文
posted @ 2021-04-16 21:41 星河几重 阅读(94) 评论(0) 推荐(0) 编辑
网页中滚动条的设置和修改
摘要： 一、通过css设置滚动条 在所有浏览器，滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因，市面上基于webkit内核的浏览器也是很难穷举完。例如有：Google Chrome、Opera（opera最近宣布使用webkit内核了）、360极速浏览器，猎豹浏览器等，搜狗浏览器… 阅读全文
posted @ 2021-04-16 18:59 星河几重 阅读(2334) 评论(0) 推荐(0) 编辑
css开发技巧总结（CSS穿透、一像素边框、:valid和:invalid表单即时验证、::selection美化选中文本）
摘要： 一、用:valid和:invalid来做表单即时校验 html5丰富了表单元素，提供了类似required,email,tel等表单元素属性。同样的，我们可以利用:valid和:invalid来做针对html5表单属性的校验。 :required 伪类指定具有required 属性的表单元素 :va 阅读全文
posted @ 2021-04-16 18:35 星河几重 阅读(156) 评论(0) 推荐(0) 编辑
CSS Sprite雪碧图的应用
摘要： CSS雪碧图，即CSS Sprite，也有人叫它CSS精灵图，是一种图像拼合技术。该方法是将多个小图标和背景图像合并到一张图片上，然后利用CSS的背景定位来显示需要显示的图片部分。 雪碧图的使用场景 静态图片，不随用户信息的变化而变化。 小图片，容量比较小（2~3k）。 图片加载量比较大。 目的 减 阅读全文
posted @ 2021-04-16 18:27 星河几重 阅读(131) 评论(0) 推荐(0) 编辑
CSS3实现文字描边的2种方法
摘要： 效果图： text-stroke实现 该属性是一个复合属性，可以设置文字宽度和文字描边颜色 该属性使用很简单：text-stroke:1px #f00;（1px是文字宽度，#ff是文字描边颜色） 本以为该属性的兼容性会及时止住我微微上扬的嘴角，随后逐渐凝固 但出乎意料的是大多浏览器已经开始支持该属性 阅读全文
posted @ 2021-04-16 18:09 星河几重 阅读(271) 评论(0) 推荐(0) 编辑
【css知识】display:none; opacity:0; visibility:hidden；的区别
摘要： （1）display：none 不占空间，不能触发事件 （2）opacity：0 占据空间，可以触发事件 （3）visibility：hidden 占据空间，不能触发事件 阅读全文
posted @ 2021-04-16 17:59 星河几重 阅读(174) 评论(0) 推荐(0) 编辑
【css知识】clip:rect()矩形裁剪功能
摘要： clip 属性剪裁绝对定位元素。 也就是说，只有 position:absolute 的时候才是生效的。 左右宽度相减的值是宽度，上下相减的值是高度。 top right bottom left分别指最终剪裁可见区域的上边，右边，下边与左边。而所有的数值都表示位置，且是相对于原始元素的左上角而言的。 阅读全文
posted @ 2021-04-16 17:18 星河几重 阅读(598) 评论(0) 推荐(0) 编辑
CSS绘制各种各样的形状图形
摘要： 我们在编写前端代码时，经常会遇到各种各样的形状图形（如：边框对话框，三角形，平行四边形、圆角边框、圆形、四叶草、花瓣等），除了用背景图片（css雪碧图或css精灵图+定位引用）和插入img图片的方法，我们还可以用css边框、圆角（border-radius）、渐变和定位的方法结合使用，绘制各种各样的 阅读全文
posted @ 2021-04-16 17:08 星河几重 阅读(300) 评论(0) 推荐(0) 编辑
2021年4月5日
CSS3制作文字背景图
摘要： 文字带上渐变色，或者说让文字透出图片。这些效果 CSS 属性也可以完成。 方法一、利用CSS3属性mix-blend-mode:lighten;实现 使用 mix-blend-mode 能够轻易实现，我们只需要构造出黑色文字，白色底色的文字 div ，叠加上图片，再运用 mix-blend-mode 阅读全文
posted @ 2021-04-05 10:47 星河几重 阅读(311) 评论(0) 推荐(0) 编辑
2021年4月2日
ES6语法
摘要： let const (1). 在js中 通常使用 var会发生变量提升，即脚本开始运行时，变量已经存在了，但是没有值，所以会输出undefined。 而let不会发生变量提升,这表示在声明它之前，变量是不存在的，这时如果用到它，就会抛出一个错误。 (2).var 是函数级作用域，let是块级作用域： 阅读全文
posted @ 2021-04-02 10:37 星河几重 阅读(125) 评论(0) 推荐(0) 编辑
2021年3月31日
jQuery绑定动态元素的点击事件无效
摘要： 之前就一直受这个问题的困扰，在写ajax加载数据的时候发现，后面追加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?那么，我们通过下面的示例简单说明。 示例如下： <div> <ul id="demo"> <li>Kubernetes：下一代分布式系统的护戒使者 阅读全文
posted @ 2021-03-31 20:43 星河几重 阅读(171) 评论(0) 推荐(0) 编辑