前端
文章平均质量分 55
Mr_LoveJia
You are the css to my html.
展开
-
适用于Android端调试必备神器:vConsole插件
使用场景:1)在我们开发app时,pc端开发时候好好的,到手机端却不起作用;2)手机端APP不能调试,那该怎么办?于是就需要手机端调试工具;3)本文章主要介绍vConsole有哪些功能,以及怎么使用等;废话不多说,上干货一、代码块<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <!--适配手机屏幕--> <meta name="viewport" conten原创 2021-02-25 09:23:26 · 2503 阅读 · 0 评论 -
js,jquery原生实现select选择器
总览一、效果图二、代码今天遇到一个问题,就是用原生的select选择器的时候感觉“select选择器”样式很难修改,自带的样式不是很好看,所有就~~~哈哈哈,决定自己手写一个select选择器,这样对操作样式很方便啦。— —+废话不多说,上代码一、效果图*分割线------**分割线------*二、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-01-08 21:14:45 · 699 阅读 · 2 评论 -
jquery动态修改:after:before伪元素content值
总览一、效果图二、代码区域三、其他根据昨天做的js动态修改:after:before伪元素content值,今天拓展一些jquery如何绑定动态修改伪类的content的内容,运用到的有( :before 和 :after 伪元素、CSS content 属性、data-* H5新属性、jquery)等技术。基本原理跟js很相似,不过jquery的方法很简单,只需要一个attr方法就可以实现,不想js还有一步一步等操作,部分方便大家观看,再把基本原理放出来吧。— —+基本原理:1)首先给box盒子添原创 2021-01-07 23:38:25 · 5126 阅读 · 2 评论 -
js动态修改:after:before伪元素content值
总览一、效果图二、代码区域今天做了一个有关js如何绑定动态修改伪类的content的内容,运用到的有( :before 和 :after 伪元素、CSS content 属性、data-* H5新属性、js)等技术。基本原理:1)首先给box盒子添加 [data-content-before=":before"]和[ data-content-after=":after"]属性;2)其次添加html标签和style样式;3)在样式里添加box元素的:before伪元素和:after 伪元素;4)原创 2021-01-06 01:22:46 · 6661 阅读 · 5 评论 -
js原生文字一个一个显示效果
总览一、效果图二、代码区域三、其他今日对文字一个一个显示出来的特效给吸引,决定用原生的给实现出来,实现运用到的substring方法、setInterval计时器、clearInterval、css样式、pre标签等;基本原理:1)substring作用是截取字符串,把截取的字符串传给指定的DOM元素;2)为了保证每次截取的字符串不同,因此需要用到setInterval计时器;考虑到setInterval计时器有个缺点就是停不下来;3)这时clearInterval该上场了,clearInterv原创 2021-01-04 22:56:16 · 1081 阅读 · 2 评论 -
原生实现tree二级菜单
总览一、效果图二、代码区域tree功能目前已经很普遍了,几乎人事管理业务里都有这个功能,me做了一个基于原生+jquery实现 tree二级菜单功能,以此现在做一个笔记以便以后使用,Hope to help you.一、效果图二、代码区域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--//设置视窗大小,默认1倍,最小缩放比例1倍,禁止用户缩放原创 2021-01-03 20:37:54 · 298 阅读 · 0 评论 -
原生 input file上传图片功能
总览一、效果图二、代码区域五、其他上传图片功能,这个功能目前已经很普遍了,几乎每一个业务里都有这个功能,me做了一个基于原生+jquery上传图片功能(并且拓展了缩略图、预览、删除等功能),以此现在做一个笔记以便以后使用,Hope to help you.废话不多说直接上代码一、效果图二、代码区域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me原创 2021-01-02 18:57:45 · 2745 阅读 · 3 评论