javascript
文章平均质量分 79
野蛮生长001
路漫漫其修远兮,吾将上下而求索
展开
-
骨架屏使用手册
1.下载插件放到项目 components目录下2. 引入并注册import taozhiSkeleton from '@/components/taozhiSkeleton/taozhiSkeleton.vue' // 骨架屏export default { components: { taozhiSkeleton },}3. 使用<taozhi-skeleton type="listTransverse" :number="3"></taozhi-skel原创 2020-05-19 16:30:30 · 449 阅读 · 0 评论 -
javascript获取数组中的最大值
javascript获取数组中的最大值这种功能的代码,想实现可能比较简单,那我为什么要专门写个博客记录一下呢?我只是在学习微信小程序开发的时候看到一段代码,感觉比较好,在这里记录一下;var array = [15,45,78,98,56,2];function getMax(array){ var max = undefined; for(var i=0;i<array.len...原创 2018-12-17 00:19:17 · 2588 阅读 · 0 评论 -
JS回调函数是异步调用 记录踩到的坑
今天正好公司停电,放假一天,准备听课封装一下用nodejs操作 MongoDB数据库的方法来着,然后我就掉坑里了记录一下吧首先说一下环境,我用的是nodejs 操作MongoDB数据库用的包是mongodb第一步,按部就班的写一下,找到数据库和集合,准备操作;// 加载mongodb包var mongodb = require("mongodb");// 连接客户端v...原创 2018-12-05 16:24:55 · 946 阅读 · 0 评论 -
JS实现时钟
先看一下最终的效果:http://www.gongx.top/xian/time.html不会做动图,就放到我个人网站上去了,大家可以去看一下。本来不想记录这个,但是老师的一个操作让我突然生出一个念头:我靠,还能这么操作?话不多说,开始分析一下。 结构如下: <!--最外层的div --> <div id="wrap"> <...原创 2018-08-31 13:58:00 · 7816 阅读 · 3 评论 -
星级评价
说一下大体思路:第一步布局然后找到需要操作的元素,循环拿到所有的 li ,给每个 li 绑定一个index,然后处理鼠标移入事件,当鼠标移入的时候,循环 <li> 的index的值,因为这个值正好可以用在 aLi[this.index] 上开始的时候感觉点击事件和鼠标移入事件冲突,后来发现不是,是鼠标移出的时候把src又全部还原了。然后我又新定义了一个变量,记录...原创 2018-08-23 18:30:07 · 710 阅读 · 0 评论 -
参数的运用小案例
如图:类似功能利用函数传参可以很容易的实现,这里主要是记录思路,以便日后解决类似的问题第一步是布局,这个不用再说了。第二步:拿到父级 ul ,根据这个ul,拿到子级的 li ,如下将子的li的一个传到参数中,当做一个li,将这个li的功能实现之后,在分别给函数传参数就好了var oUl = document.getElementById('list');var aLi = o...原创 2018-08-23 15:27:33 · 545 阅读 · 0 评论 -
查找高亮
思路:有一段文字,现在想找到查找到这段文字中的某个字符串,并且给这段文字所有匹配的字符串加上一个背景颜色,这个背景要首先设置好。通过split('查找的文字');将这段文字分割成数组,再通过join('<span>'+str+'</span>');将带样式查找的文字作为数组的分隔将数组连接成字符串。按照这个思路,功能就大体实现了,但是还有问题,就是查找一次后...原创 2018-08-27 12:08:58 · 184 阅读 · 0 评论 -
仿QQ下拉菜单
记录一个仿QQ下拉菜单的为什么这么重视这个呢?因为我感觉这个和一些网站后台的导航菜单非常像.第一步:先布局结构代码:<ul id="list"> <li> <h2>我的好友</h2> <ul> <li>斜杠青年</li> <原创 2018-08-22 17:46:31 · 809 阅读 · 0 评论 -
JS 实现图片切换的效果
首先看一下效果图,大体这样的,点击左边的按钮,切换图片。看上去挺简单,但是还是有几个难点的,所以就把这个案例挑出来好好的分析一下。第一步:布局<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片切换器</title>原创 2018-08-22 11:18:49 · 17207 阅读 · 0 评论 -
关于sublime Text 3安装sublimecodeIntel插件的配置
转载别人的,在这里记录一下点击打开链接转载 2018-06-12 08:27:49 · 8187 阅读 · 0 评论 -
js中 [] 的使用
js中允许把 ‘ . ’替换成 ' [] ';// . 后面的值无法修改// [] 里面的值可以随便写,['字符串']// oDiv.style['width'] == oDiv.style.width// oDiv.style.oAttr.value 错误写一个小例子理解一下运行截图:输入css属性和值,改变css的样式<style>div{widt...原创 2018-05-15 18:24:23 · 4499 阅读 · 0 评论 -
js 属性操作的注意事项
一、判断方面,在js中有一些东西是不能拿来做判断的,不然一判断,一个挂。 1、所有的相对路径,都不要拿来做判断; 比如说:<img />的src 、 href=''等 2、颜色值也不要拿来做判断 color: red #f00 rgb(255,0,0) 3、innerHTML也不要拿来做判断举个小例子吧<body><...原创 2018-05-04 19:37:18 · 134 阅读 · 0 评论 -
js 关于动态添加class样式的学习
如果,我这里有一个需求。如下的页面代码<body><input type="button" value="红" id="btn1"/><p id="p1">2016年圣诞前的一个星期天下午,我推开窗,加州明媚的阳光洒在街道上,四季如春的旧金山和风拂面。对面屋外草地上金发碧眼的孩子们正兴奋的跑着跳着,看着家长给圣诞树装扮上满满的礼物 。眺望原创 2018-05-04 18:27:45 · 25792 阅读 · 1 评论 -
js 属性操作注意事项1
一、属性写法我要点击 oBen2 按钮使p的字号加1按照以往的思路,无非是拿到oP的style,改变它的font-size属性,如下oP.style.font-size但是JS中不允许出现'-'所以 font-size ==> fontSizecss中的其他属性也是这么改,如padding-top ==> paddingTop二、千万不要忘记写单位例:var num = 15;...原创 2018-05-04 17:36:11 · 114 阅读 · 0 评论 -
javascript--innerHTML
对于html标签中的内容要用innerHTML才能读到下边示例代码:<body> <p id="oP">这是HTML中的内容,要用innerHtml拿到</p> <input id="oBtn" type="button" value="按钮"/> <script>原创 2018-04-22 00:07:55 · 241 阅读 · 0 评论