随笔分类 -  JavaScript

1 2 3 下一页
js拖拽进入和离开重复触发的问题
摘要：# js实现拖拽上传带遮罩层 > 需求是一个类似于拖入文件到聊天框的需求，拖入文件到聊天框时，出现遮罩层，松开树表时，上传文件，移除时，关闭遮罩层。可查看微信的拖入拖出 此前以为很简单，后来发现一个令人头疼的问题是：当监听的元素嵌套了很多子元素后，当文件拖入进来后，你就会发现enter和leave会 阅读全文
posted @ 2020-04-28 17:59 狗尾草的博客 阅读(918) 评论(0) 推荐(0)
原生js实现数据的双向绑定
摘要：原生js实现数据的双向绑定 需要了解的属性是原色js的Object.definePrototype(obj,pop,descript); obj:被构造的对象 pop:被构造的对象的属性，创建对象或修改已有的对象 descript:修改的熟悉的描述 阅读全文
posted @ 2019-02-28 09:55 狗尾草的博客 阅读(1781) 评论(0) 推荐(1)
js字符串的裁剪
摘要：js字符串的裁剪 阅读全文
posted @ 2018-11-22 11:54 狗尾草的博客 阅读(11240) 评论(0) 推荐(1)
空字符的类型转换
摘要：总结：如果为空的话，我们可以这么写： If(!s) {xxxxxxx} 等同于 (s == ‘') {xxxxxxx} If(s) {xxxx} 等同于if(s !== ‘') {xxxxxxx} If(!s) {xxxxxxx} 等同于 (s == ‘') {xxxxxxx} If(s) {xxx 阅读全文
posted @ 2018-10-17 17:45 狗尾草的博客 阅读(246) 评论(0) 推荐(0)
try/catch/finally
摘要：最近再看一个vue项目源码时看到其中很多地方用到了try和catch，很多地方都有用到但不知道其作用是什么，今天经过查阅整理如下： try可以理解为代码的执行检测模块。再try中放置的代码一般会经过检测是否有异常错误。如果有会经过catch进行捕获。而finally呢？ 这个东西他不管有没有报错他都 阅读全文
posted @ 2018-09-07 09:01 狗尾草的博客 阅读(394) 评论(0) 推荐(0)
async和await
摘要：用 async/await 来处理异步 昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，是时候学习一下了。 先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为asyn 阅读全文
posted @ 2018-09-04 09:20 狗尾草的博客 阅读(303) 评论(0) 推荐(0)
js工具类的封装
摘要：原生js常用工具类的封装 阅读全文
posted @ 2018-08-16 09:47 狗尾草的博客 阅读(7342) 评论(0) 推荐(3)
js实现百度，淘宝搜索功能
摘要：Common.js //封装类名 function byClassName(sClassName){ if(document.getElementsBYClassName){ return document.getElementsByClassName(sClassName); } else { v 阅读全文
posted @ 2018-08-16 08:59 狗尾草的博客 阅读(1555) 评论(0) 推荐(1)
js之数码时钟加随机变色
摘要：HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数码时钟</title> <style type="text/css"> * { margin: 0; padding: 0; } #box { ma 阅读全文
posted @ 2018-08-14 19:09 狗尾草的博客 阅读(321) 评论(0) 推荐(0)
js之隔行换色
摘要：HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>加载更多</title> <style type="text/css"> .list li{ padding: 10px; line-height: 15px; } 阅读全文
posted @ 2018-08-14 19:03 狗尾草的博客 阅读(402) 评论(0) 推荐(0)
js之选项卡效果(淘宝侧边栏)
摘要：HTML CSS JS Common.js JS 阅读全文
posted @ 2018-08-14 18:46 狗尾草的博客 阅读(1156) 评论(0) 推荐(0)
js之3D轮播图
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0036)ht 阅读全文
posted @ 2018-08-14 18:25 狗尾草的博客 阅读(1875) 评论(0) 推荐(0)
js之放大镜效果
摘要：HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大镜效果</title> <link rel="stylesheet" href="index.css"> </head> <body> <div 阅读全文
posted @ 2018-08-14 18:23 狗尾草的博客 阅读(301) 评论(0) 推荐(0)
js之购物车案例
摘要：这里主要提供思路： 一共两个页面通过原生来实现，我们需要对cookie进行封装。 在商品列表页，我们将点击添加的商品放入一个对象中，而后将该对象放入数组中，一个对象可以说就是一个商品。在购物车页面将数据从cookie中读取出来，然后再渲染到页面中。即可完成购物车的操作。 源码传送门：链接：https 阅读全文
posted @ 2018-08-14 18:22 狗尾草的博客 阅读(768) 评论(0) 推荐(0)
js之简易计算器
摘要：<!DOCTYPE html PUBLIC "-//W3C//Dli XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dli/xhtml1-transitional.dli"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2018-08-14 18:21 狗尾草的博客 阅读(173) 评论(0) 推荐(0)
js键盘事件
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2018-08-14 18:20 狗尾草的博客 阅读(326) 评论(0) 推荐(0)
js之敏感词过滤
摘要：HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单留言信息过滤</title> <style type="text/css"> body,html{ height: 100%; } body{ display: fl 阅读全文
posted @ 2018-08-14 18:17 狗尾草的博客 阅读(2986) 评论(0) 推荐(0)
js之留言字数限制
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>留言字数限制</title> <style> body{ background:skyblue; } h3{ text-align: center; } .text{ widt 阅读全文
posted @ 2018-08-14 18:10 狗尾草的博客 阅读(834) 评论(0) 推荐(1)
js拖拽
摘要：HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(00 阅读全文
posted @ 2018-08-14 18:08 狗尾草的博客 阅读(249) 评论(0) 推荐(0)
js之自定义右键菜单
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义右键菜单</title> <style> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fi 阅读全文
posted @ 2018-08-14 18:06 狗尾草的博客 阅读(360) 评论(0) 推荐(0)

1 2 3 下一页