随笔分类 -  javascript

HTML5 拖动文件到目标区域上传文件
摘要：拖动这个HTML5 的 API 在 pc端支持率还是蛮高的,有99.97% ; 这个API 有针对""被拖动元素"" 和 ""放置目标区" 对应的两种拖动事件 被拖动元素: 1. dragstart 这个事件触发在用户按下鼠标开始拖动这个元素或者文本选中的时候 2. drag 当用户拖动一个元素或者 阅读全文
posted @ 2018-05-18 10:59 Shinnosuke 阅读(373) 评论(0) 推荐(0)
判断浏览器标签页被隐藏或显示，显示不同的浏览器标题
摘要：无意间看到有的朋友的博客标题上有一个这样的效果： 如果在当前页面会显示“欢迎回来”, 如果在其它页面上标题上又会显示“去哪里了”? 觉得挺好玩的就去找了一下是什么原理，测试一下，发现主流的火狐和chrome是支持的，ie 要 =10 以上支持 先贴上代码 浏览器标签页被隐藏或显示的时候会触发visi 阅读全文
posted @ 2016-11-02 16:17 Shinnosuke 阅读(1763) 评论(1) 推荐(2)
jquery 滚动条 scroll 和 animate出现的问题总结
摘要：这两天刚刚学习了jquery就想把平时做看到的一些相关效果用新的知识写写看。知识平时看着都懂，实际操作中问题才会层出不穷。 阅读全文
posted @ 2016-08-10 16:39 Shinnosuke 阅读(7175) 评论(0) 推荐(0)
javascript 中的location.reload
摘要：location.reload()是什么意思 location.reload() 括号内有一个参数 true/false ， 为空和false的效果一样。 如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If Modified Since 来检测服务器上的文档是否已改变。如果 阅读全文
posted @ 2016-07-29 09:42 Shinnosuke 阅读(2069) 评论(0) 推荐(0)
javascript 单个图片的淡入淡出效果和多张图片的淡入淡出效果
摘要：最近刚好在看之前妙趣网站的javascript 初级运动教程，教程里说设置图片的透明度使用了一个变量。这种方法确实不错，但是燕姐喜欢麻烦。就用自己的理解方法写了一遍。其中也是各种坑。现在先把一个图片的淡入淡出效果代码放出来。 一张图片的淡入淡出 在做多张图片的淡入淡出的时候也是遇到各种问题。话说我是 阅读全文
posted @ 2016-07-26 16:49 Shinnosuke 阅读(8199) 评论(0) 推荐(0)
javascript 实现分享功能
摘要：1、面向过程分享 2、使用面向对象改写以上程序 阅读全文
posted @ 2016-07-25 15:16 Shinnosuke 阅读(412) 评论(0) 推荐(0)
获得焦点并且复制文本
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> </style></head> <body><input id="txt" type="text" value=" 阅读全文
posted @ 2016-07-22 10:09 Shinnosuke 阅读(221) 评论(0) 推荐(0)
拖拽面向对象的写法
摘要：<! css部分 > #div1{ width: 200px; height: 300px; position: absolute; //要实现拖拽需要把div设置为拖动层 background: red; } #div2{ width: 200px; height: 300px; position 阅读全文
posted @ 2016-07-20 11:31 Shinnosuke 阅读(289) 评论(0) 推荐(0)
原生javascript 改写的tab选项卡
摘要：<!--css部分--> <style> *{ margin: 0; padding: 0; } ul,li{ list-style: none } .tabbox{ width: 600px; clear: both; overflow: hidden; margin: 0 auto; borde 阅读全文
posted @ 2016-07-19 16:30 Shinnosuke 阅读(307) 评论(0) 推荐(0)
vue-cli 脚手架总结
摘要：> vue-cli 的脚手架项目模板有browserify 和 webpack , 现在自己在用的是webpack , 官网给出了两个模板： webpack-simple 和 webpack 两种。两种的区别在于webpack-simple 没有包括Eslint 检查功能等等功能，普通项目基本用we 阅读全文
posted @ 2016-07-18 13:12 Shinnosuke 阅读(49363) 评论(3) 推荐(4)
原生javascript 获得css样式有几种方法？
摘要：css 样式分为行内样式和 外部样式： 1、javascript 获得行内样式 ： 可以使用 ele.style."属性名称"（如果遇到属性名称带有"-", 需要使用驼峰方法，例如 background-color 改为 backgroundColor）; 2、javascript 获得外部样式 ( 阅读全文
posted @ 2016-06-06 14:59 Shinnosuke 阅读(2024) 评论(0) 推荐(0)