仿某团评价打分 + 评论字数限制

实现原理:1 选中当前星星添加active样式,并为其兄弟元素添加active样式2 通过nextAll属性去掉当前点击之后的样式nextAll用法:nextAll() 获得匹配元素集合中每个元素的所有跟随的同胞元素,由选择器筛选是可选的。如果给定一个表示DOM元素集合的jQuery对象,.nextAll()方法允许我们搜索DOM树中的元素跟随的同胞元素,并用匹配元素构造新的 jQuery 对象。

- 阅读全文 -

复制粘贴插件(兼容) 网评较好

网搜复制粘贴这个功能貌似兼容不好, 最后采用了评分较高的插件clipboard注意: 官方提供的API说明 只能在button 或者 input 之间使用 其他标签有不兼容情况,可能是版本问题吧 我用的时候采用过a标签 没有问题 ,其他有兴趣的朋友可以测试下 <button class="btn" data-clipboard-text=""&g

- 阅读全文 -

position.top 、offset.top

实现原理:1 利用H5【data】属性, 插入列表图片 , 悬浮是动态获取赋值2 主要用到了position.top方法 (相对于定位的父容器获取), 区别于offset.top复习一下: position 和 offset 区别 http://www.w3school.com.cn/jquery/css_offset.aspposition() 方法返回匹配元素相对于父元素的位置(偏移)、返回的

- 阅读全文 -

点击空白区域遮罩层消失

实现原理: 判断点击的区域是否为需要隐藏内容区域 若不是则隐藏收起<div class="select-wrap"> <div class="select-span"> <span>选择一个</span> </div> <ul class="s

- 阅读全文 -

For循环onclick事件闭包问题

ERROR:控制台会报出: is not defined 错误问题描述 : 如果我们对于一组元素(相同的标签)同时进行onclick事件处理的时候(在需要获取到索引的时候),一般是写一个for循环,但是onclick是一个异步调用的,所以会带来一个问题,当我们触发这个事件的时候,我们能获取的i值是for完整执行完后i的值,而不能获取到代码顺序里i的值以前惯用的解决方式 <script

- 阅读全文 -

Javascript获取图片路径(兼容)

每日鸡汤: 只要认真计划一件事,并且一边坚持一边调整,往往会完成得十分出色。懈怠的情绪谁都会有,不要担心自己比别人走得慢,也不要因暂时的挫折心灰意冷,只要不断调整心态,不停下脚步,最终能抵达终点。 <h1>JS获取文件域完整路径的方法,兼容不同浏览器</h1> <div id="text" style="color:#f0

- 阅读全文 -

原生JS表单验证及提交( FormData )

FormData的详细介绍及使用请点击此处,那里对FormData的方法和事件已经表述的非常清楚,FormData对象可以让我们组织一个使用XMLHttpRequest对象发送的键值对的集合。它主要用于发送表单数据,但是可以独立于使用表单传输的数据。本文主要记录FormData对象的使用以及异步提交说明。一、创建一个FormData对象你可以创建一个你自己的FormData对象,然后通过appen

- 阅读全文 -

css实现梯形Tab标签

实现效果:<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

- 阅读全文 -

腾讯云ContOS7 配置Nginx1.2 + PHP7.1 + MySQL5.7

环境准备 # 设置ssh登录服务器 ssh root@你的ip # 然后输入密码登录 tail ~/.ssh/id_rsa.pub # 本机运行,拿到你的公钥 vi authorized_keys # 服务器端运行,把上一步得到的公钥添加到此文件常用命令 # 查看已启动的服务列表 systemctl list-unit-files|grep enabl

- 阅读全文 -