js 学习
文章平均质量分 75
Candy_home
这个作者很懒,什么都没留下…
展开
-
jsp中读取properties文件 (jsp中读取properties文件,并把值设到js变量中)
jsp中读取properties文件 (jsp中读取properties文件,并把值设到js变量中)方法一:1>创建web_stderr.properties到src下2>web_stderr.properties文件内容:1. common.username.error.null = UserName can not be null. 2. common.use转载 2014-03-31 16:45:00 · 3002 阅读 · 0 评论 -
13界D2大会 Sven Sauleau - Understanding the Differences Is Accepting(我猜名字又叫JS冷知识)
有两个相关议题, 一个是 “Understanding the Differences Is Accepting”,主要科普下JS相关的冷知识。 另外一个是“WebAssembly becoming the biggest platform” ,科普下如何使用和上手WebAssembly。Sven Sauleau是个很帅气的原创 2019-02-20 15:57:28 · 564 阅读 · 0 评论 -
用Moment.js 计算两个时间直接的间隔
原因啦啦啦啦~之前算数据的直接具体的小时的时候就想要直接用 Moment.js来计算简直方便,所以就想写个短小精悍的一篇来正面下,周五还坐在项目室的我 操作步骤1、打开 Moment.js官网链接 ,打开控制台2、代码如下(替换AA、BB的值)AA = "2019-01-09 10:15:00";BB = "2019-01-08 18:10:00";...原创 2019-01-18 23:38:29 · 31136 阅读 · 1 评论 -
JS 获取链接(link)图片的大小or体积
最近PD小姐姐又有了新的需求,是获取图片的大小,不能超过1M可是我查遍了全网的都是讲获取宽高的,宽高我知道,直接onload就可以获取了,那么体积怎么获取呐?后来,搜到一个英文问题,解决了体积的问题,但是感觉不是特别准确~记录下获取体积或者叫大小: function getImageSizeInBytes(imgURL) { var request = new XMLHttpRe...原创 2018-05-16 20:55:41 · 3141 阅读 · 3 评论 -
轮播滚动效果+动画淡入淡出切换图片(内含demo)
起因: 做了个滚动效果,除了自适应以外,都和腾讯AI开发平台的效果相似。主要技术点:1.动画淡入淡出切换图片2.轮播滚动效果 + hover改变选中滚动状态3.文字切换展示1.动画淡入淡出切换图片(通过控制CSS来改变效果)JS代码:// 替换class达到淡入淡出的效果 fadeIn(e) { e.className = "time-slider-item fadein"; }...原创 2018-04-27 16:43:41 · 3101 阅读 · 0 评论 -
使用AlloyFinger 的手势缩放,外部按钮操控缩放, 3D改为2D减少放大模糊
项目中需要手势放大图片,懒得自己写组件库~找了好久,决定用AlloyFinger,但是呐~光用AlloyFinger不满足要求,只能中心放大,后续加入了AlloyCrop来达到可以按照手势点击位置放大,最后发现有“微信”浏览器等有部分不兼容matrix3d的,会变模糊。最后改动transform.js变成matrix的2d缩放。1.AlloyFinger的使用【中心放大图片,太粗糙,达不到PD小姐...原创 2018-04-23 10:41:04 · 4962 阅读 · 7 评论 -
改变head中的 title 标签+兼容钉钉、微信
问题发现:IOS11版本的钉钉,目前只使用更改title的时候有概率不生效,后续调研了下,出了JQuery和JS两个版本的方便使用和粘贴。目前除了钉钉以外,没有找到不好的适配情况,PC端只使用初级的就可以。JS版本:document.title = title;JQuery版本:$(document).attr('title','新title名字'); // 将 title 的值改为 ‘新titl...原创 2018-02-08 17:22:52 · 2214 阅读 · 0 评论 -
swiper控件loop循环后,不能点击的上一个组的bug
起因:项目中使用到Swiper,循环滚动, 使用 “循环 loop”参数后, 发现上一个元素无法点击点击。使用中发现他会自动创建下一个元素,并且元素的onClick事件会失效解决方式:使用 class 获取点击事件demo 地址:云栖助手项目中,需要自动滚动的,并且点击跳转到具体议原创 2017-10-17 14:20:55 · 5064 阅读 · 0 评论 -
绑定两个滚动条同时滚动
绑定两个滚动条同时滚动的示例原创 2016-11-21 19:54:26 · 7340 阅读 · 1 评论 -
JS 对象关联设计模式 比 面向对象设计更优秀
JS 对象关联设计模式 比 面向对象设计更优秀最近看了《你不知道的JavaScript》感触很深呀,特别是其中的面向委托设计的概念,简直是给我打开了新世界的大门呀,和大家分享一下吧。原创 2015-11-19 23:24:06 · 679 阅读 · 0 评论 -
史上最全的用户代理检测。
不知道之前有没有人来整理过这个。已经测试过可以使用了。可以检测现在用的浏览器,浏览器引擎 和 所用的系统。《JavaScript 高级程序设计》书里的 9.3.3章 用户代理检测-------------------------------------上代码-------------------------------------------------转载 2015-06-26 15:19:03 · 1515 阅读 · 0 评论 -
多浏览器的选择
获得当前浏览器型号 名字 //browerName fuction knows which brower is using now. var browerName = function() { var Sys = {}; var ua = navigator.userAgent.toLowe转载 2015-05-12 17:50:34 · 480 阅读 · 0 评论 -
Hover 手机端的实现
起因:手机端没有hover特效,当你点击的时候就直接触发click.解决:手机端有他特殊touch事件。touchstart,touchmove, touchend.(PS:电脑端没有的,PC使用mouseover和mouseout)原创 2015-04-23 11:48:04 · 18349 阅读 · 0 评论 -
时间戳 和 时间格式的互换
一.时间转换时间戳 function transdate(endTime){ var date=new Date(); date.setFullYear(endTime.substring(0,4)); date.setMonth(endTime.substring(5,7)-1); date.setDate(endTime.substring(8,10)); date.setHou转载 2015-02-16 14:35:28 · 693 阅读 · 0 评论 -
两个数组关联起来的函数------绝对自创
把两个数组关联起来,可以通过第一个数组查到第二个数组中的值,还蛮实用的。和大家分享下,写了两个小例子。我是不是棒棒哒☺~原创 2014-12-06 05:58:26 · 2380 阅读 · 0 评论 -
JS 全屏对象操作【FullScreen对象随拿随用】
起源相信大家都有需要全屏的时候,页面的全屏怎么做呐?目前浏览器的原生支持以及很不错了,大家可以尝试下,目前在chrome浏览器上尝试!可用!封装成FullScreen对象的代码/** * 全屏操作 * * - 是否可以切换到全屏状态【属性】 fullscreenEnabled * - 是否处于全屏状态【函数】 isFullScreen * - 展开全屏【...原创 2019-09-03 23:33:31 · 678 阅读 · 0 评论