js
关注
分享
扫一扫
1登峰造极
一个很拉胯的前端，呜呜呜
展开
-
js网易云歌词解析处理，
网易云歌词解析之显示，全网少数分享原创 2023-01-04 10:50:39 · 522 阅读 · 0 评论 -
js数据类型的检测，看完就够用
js数据类型的检测，在日常开发中我们经常会用到数据类型的检测，不过我们一般使用typeof 就够用，但是也不排除一些typeof却分不了的var a = undefined;console.log(typeof a) //undefinedvar b = null;console.log(typeof b) //objectvar c = true ;console.log(typeof c) //booleanvar d = "asdjkasd" ;console.log(type原创 2022-02-23 10:58:50 · 390 阅读 · 0 评论 -
Math.random详解
Math.random名词解释：返回介于 0（包含） ~ 1（不包含） 之间的一个随机数：大概这个样子0.5249740085825174 0.13858470029192027 0.1706001230974914常见用法：1生成指定范围的随机数2.例如：一周掌握 Java 入门知识万能公式function matnStr(min,max){ return Math.floor(Math.random()* (max-min) +min ); }隨便几个例子原创 2022-01-13 10:13:12 · 1692 阅读 · 0 评论 -
滚动吸顶加锚点跳转及其滚动穿透案例
主要用到两个知识点position: sticky; a标签的描点index.html<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl.原创 2020-10-10 09:47:34 · 507 阅读 · 0 评论 -
vue中组件中需要引用一个不暴露的js，比如alplay.js.md5.js等等，也就是非标准的es6，全网说的最简单的易懂的
网上看了很多，写的都很不清晰。直接上代码首先我们脚手架创建项目 在文件中自己写两个jslib/index.js 如下/*原始的方法如下*/// function fun_one(){// addEven();// }// function addEven(){// alert('11111')// }//改造后的方法export default function fun_one(){ addEven();}function addEven(原创 2020-06-03 09:48:26 · 822 阅读 · 0 评论 -
apiclod中新手的都会用的图片上传
1HTML部分<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="format-detection" content="telephone=no" /> <meta name="viewport&qu原创 2018-12-03 10:10:16 · 456 阅读 · 1 评论 -
史上最简单注释最全的原生js选项卡切换，一遍永久会写
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset='uft-8'&amp;gt; &amp;lt;title&amp;gt;史上最简单注释最全的原生js选项卡切换&amp;lt;/t原创 2019-01-23 10:04:05 · 654 阅读 · 1 评论 -
模仿boos的筛选，可以多选，点击添加背景，再次点击移除背景并且取消选中的
1.布局就随便乱写一点，根据自己的需要自己排版效果如图2.数组 splice用法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>筛选</title> <meta name="viewport"原创 2019-02-20 11:34:28 · 293 阅读 · 0 评论 -
一款用来下载pdf word zip img各种文件的js插件
HTML代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js下载各种文件</title> <script src="js/download.js" type="text/javascript" charset="utf-8"&...翻译 2019-03-22 18:11:36 · 1026 阅读 · 3 评论 -
jq点击当前添加样式
这样一个列表，当前这里是写死的，如果我们是从后台拿到的一个数据列表，在前端循环出来，我们点击当前需要选中，并且拿到id,添加上一个小圆点的样式至于上面怎么循环这个列表 根据自己用的框架，<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></ti...原创 2019-07-05 10:47:06 · 2915 阅读 · 1 评论 -
讲本地服务器http://127.0.0.1转化成域名的形式，能让所有人都可以访问
描述，在有的时候我们在本地开发一个东西，搭建了一个本地服务器，默认端口是http://127.0.0.1，后面的80可以省略，应为默认端口就是80 ，严格的写法是http://127.0.0.1：80但是这个地址只能我们自己访问，如果需求要大家都能访问你在本地开大项目，我们可以借助一款工具nataapp 使用这个工具 ，它或自动给我们分配一个域名，用这域名局可以让所有人访问你的项目本地服务器...原创 2019-07-18 15:06:09 · 16577 阅读 · 0 评论 -
jq动态拼接html,不用任何模板渲染，
当页面需要循环一个数组，然而你没有使用像vue v-for这样的循环的时候，也没有用其他模板喜渲染。直接举个例子 jq的方法静态页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态拼接html</title> </head>...原创 2019-07-12 11:27:11 · 2991 阅读 · 1 评论 -
时间戳转化成年月日 时分秒函数封装，一次再也不用写
直接上js ,你可以单独保存在一个js文件中，当要用的时候直接饮用即可//日期格式化年月日时分秒函数var formatTimeToDate = function(time){ return new Date(time).format("yyyy-MM-dd hh:mm");};//日期格式化年月日时var formatTimeToDay = function(time){ retu...原创 2019-07-12 11:38:08 · 2218 阅读 · 1 评论 -
移动端选项卡切换带每一步的解析
**直接复制运行前提你的引进需要的东西**请使用Swiper3.x**效果图如下**<!DOCTYPE html><html> <head> <meta content="width=device-width, i...原创 2018-11-14 18:08:24 · 881 阅读 · 0 评论 -
css模仿记事本输入完成一行自动换行
如图效果做项目遇到的一个坑，需要最某一个东西就行标注，需要如上图一样的效果，初始化一个高度的盒子，当点击的时候输入完成一行的时候，自动切换到下一行，当到达最后一行的时候，自动增加高度，，一开始觉得用input一排一排的来布局，输入满一行自动切换焦点，后来试试下，还是存在各种问题。后来利用contenteditable="true"此属性，给一个盒子添加此属性变可以输入文字， back...原创 2018-10-23 17:35:36 · 408 阅读 · 7 评论 -
js input连续输入回退连续删除 js input模仿移动端连续输入回退连续删除 全网只有一份
确实是全网找不到的例子，也确实是吹牛逼公司前端写了一点，但是存在ug当输入完四个，回退删了两个，获取的只剩下两个，我又天天补补了一下,直接上代码吧<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>模仿移动端的input连续输入回退删除</tit..原创 2018-09-19 22:10:02 · 1357 阅读 · 0 评论 -
swper轮播图
1.我以前也是自己写轮播，用原声js写，后台也用一些人家写好的插件，后来发现有swiper这东西后，写轮播省了很多时间，不扯直接写demo，简单粗暴好了解、首先如果你还有这些插件，请到http://www.swiper.com.cn/download/index.html#file7下载 我们需要用到swiper.css和swiper.js以及jquery.js相信这些东西你们都知道哪里下，百度一原创 2017-10-22 17:04:34 · 986 阅读 · 0 评论 -
javascript中的原型继承
原型继承的特点 ，既继承父类的模版，又继承了父类的原型对象；父类模版 function Father(name,age){ this.name = name; this.age = age; }//父类原型对象 Father.prototype.height = 175;子类模版 function Son(se原创 2018-02-01 00:51:03 · 175 阅读 · 0 评论 -
javascript中的类继承（也叫借用构造函数继承）
类继承的特点 ，不继承原型对象，只继承模板在上一篇原型继承的例子中，我们帮父类原型属性都继承下来，如果只想继承模板呢可以使用类继承的方式来实现//父类 function Father(name,age){ this.name = name; this.age = age; }原创 2018-02-01 00:59:37 · 286 阅读 · 1 评论 -
Javascript中的混合继承
混合继承 既继承模板 也继承原型对象为了解决原型继承和类继承中的不足，我们可以使用他们两种的混个继承//父类 function Father(name,age){ this.name = name; this.age = age; } //父类的原型对原创 2018-02-01 01:02:53 · 1305 阅读 · 0 评论 -
模仿一些底层框架的继承
在上面的文章中我们讲了原型继承，借用构造函数继承，混合继承，它们各自有自己的优缺点。下面我们自己来模仿一些一些框架的继承//混合继承的 ，继承了父类两次模板，一次原型对象， //如果父类中有几百个属性。那么这种继承就不是很效率 function inherit(ChildClass, SuperClass){ //创建一个空函数，可原创 2018-02-01 22:41:14 · 186 阅读 · 0 评论 -
template-native.js帮后台请求过来的数据渲染在页面上
template-native.js帮后台请求过来的数据渲染在页面上话不多说，直接上代码。感觉好笨重 ，用惯了vue，再来用这个感觉天塌下来了自己网上下载一个 template-native.js 其他代码直接复制到编辑器即可运行&lt;html&gt; &lt;head&gt; &lt;title&gt;template-native模板渲染&lt;/tit原创 2018-07-06 16:37:35 · 2459 阅读 · 0 评论 -
css实现波纹回弹
css实现波纹回弹比如直接点击一个盒子，让他的背景像波纹一样<!DOCTYPE html><html><head><meta charset="UTF-8"><title>鼠标点击按钮呈现水波扩散效果</title><link href="css/style.css"转载 2018-08-16 15:25:16 · 697 阅读 · 0 评论 -
JS选择器练习传统方式练习题
在一个网页中获取到所有div和span标签，并且将颜色设置为red green;<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type=原创 2018-08-24 10:51:26 · 417 阅读 · 0 评论 -
JS选择器练习实现简单的封装
获取所有的div和p标签，并为其加上背景颜色<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css&q原创 2018-08-24 10:55:51 · 869 阅读 · 0 评论 -
继续对上一页的ecah进行 优化，求一个数组的和，最大值，最小值，获取数组中的元素，3
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> <原创 2018-08-24 15:39:41 · 179 阅读 · 0 评论 -
利用封装好的each来继续操作样式4
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div,s原创 2018-08-24 15:41:25 · 179 阅读 · 0 评论 -
利用封装的each继续操作样式并且在优化选择器 5
上面一篇文章我们只能一次选择一个元素，如果有多个元素，代码就会很冗长，继续对getdom继续优化&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&a原创 2018-08-24 15:44:56 · 204 阅读 · 0 评论 -
js 实现对jq选择器 id class tag *选择器的模仿封装
简单弄了一下，大神勿喷，仅供自己练习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&原创 2018-08-24 18:19:55 · 966 阅读 · 0 评论