【 Web 】
Js/Css/Html/Node.js
Beluga_白鲸
迷茫的时候,需要多读书。
展开
-
Node.js - LeanCloud查询存储的对象Pointer数据
说明:对象存储在数据表中有两种方式:1、通过Pointer存单一对象。2、通过List<Object>存储多个对象。查询也分为两种:1、查询一个列表中的对象。2、通过id查询某一条数据的对象。下面是记录怎么读取这些对象中的数据。注:LeanCloud通过AVQuery读取数据后里面的Pointer对象其实只有一个objectId,没有对象里面的数据。查找:1、查询一个列表中的对象...原创 2018-02-06 11:02:12 · 1180 阅读 · 0 评论 -
Node.js - [ERROR] No Leancloud Application was linked to the project
说明:leancloud 拉去项目后,输入lean deploy,报错:[ERROR] No Leancloud Application was linked to the project解决:需要重新的登录并切换到自己的项目中:登录并关联应用:```lean loginlean switch```启动项目:```lean up```之后你就可以在 [lo原创 2018-01-14 21:27:25 · 814 阅读 · 0 评论 -
Node.js - User doesnt sign in. leancloud
说明:LeanCloud Node.js使用lean up运行报错:User doesn't sign in.原因:登录信息实效解决:使用命令:lean login然后会提示输入邮箱和密码。登录成功即可。原创 2017-09-01 10:46:22 · 699 阅读 · 0 评论 -
Node.js - -bash: lean: command not found
说明:运行Node.js的LeanCloud项目时候,一直提示-bash: lean: command not found运行了:brew updatebrew install lean-cli也没有用。覆盖lean-cli提示已经连接:zst:pet-online zst$ brew link --overwrite lean-cliWarning: Alread原创 2017-08-18 14:59:37 · 594 阅读 · 0 评论 -
Node.js - 使用brew进行Mac环境安装,示例LeanCloud
说明:Mac环境下,使用使用 Homebrew 进行Node.js安装。这里使用了LeanCloud的项目示例结构安装调试。Node.js中运行的项目是LeanCloud项目。步骤:1、使用 Homebrew 进行安装:按照网站提示:将以上命令粘贴至终端。/usr/bin/ruby -e "$(curl -fsSL https://raw.githu原创 2017-08-18 09:46:57 · 927 阅读 · 0 评论 -
jquery - 滚动div到头部的距离
滚动div到头部的距离,其中#div一定要有overflow: scroll属性:$('#div').on('scroll',function(){ // div 滚动了 alert('滚动了'); if ($('#div').scrollTop() >= (1000-200)) { // 滚动到底部了 alert('滚动到底部了')原创 2016-08-31 16:04:10 · 1749 阅读 · 0 评论 -
jquery - 获取href连接并跳转
获取href连接:$(document).ready(function(){ $("button").click(function(){ alert($("#w3s").attr("href")); });});W3School.com.cn显示 href 值试验编辑器:点击进入跳转:1.在原来的窗体中直接跳转用window.lo原创 2016-08-31 16:11:29 · 21480 阅读 · 0 评论 -
jquery - javascript/jquery判断是否为undefined或是null!
利用typeof来进行判断得到的变量是否为null(undefined)var exp = undefined;if (typeof(exp) == "undefined"){ alert("undefined");}注意判断是否是undefined的时候一定要在两边加上引号,否则不成功(个人测试结果!)typeof 返回的是字符串,有六种可能:"number"、"str原创 2016-08-31 16:14:50 · 33757 阅读 · 0 评论 -
js - videojs视频播放,支持ie8
videojs支持ie8,如果是ie则使用flash播放,如果是其他的则用html5播放很不错的播放器:地址:http://www.jq22.com/jquery-info404文件:就是下载的文件,里面已经写好了,目录:index.html: Video.js | HTML5 Video Player for older IEs to原创 2015-03-20 18:03:45 · 19799 阅读 · 21 评论 -
js - bmob - 安全
如果一些代码必须卸载js文件中,又不希望别人能看到里面的数据,这里就需要使用到js混淆加密压缩了。比如Bmob的key为了和服务器进行交互,key必须卸载js中。混淆有很多工具,这个是我常用的:js混淆原创 2016-07-29 13:25:22 · 1577 阅读 · 0 评论 -
jquery - 使用jquery生成二维码
使用jquery生成二维码,方便使用!原创 2015-01-15 12:24:20 · 1274 阅读 · 1 评论 -
jquery - 给input框绑定回车事件
jQuery给input框绑定回车事件原创 2015-01-19 11:18:37 · 11257 阅读 · 0 评论 -
js - ajax异服务器读取json数据
ajax读取同ip同域名的json格式的数据时候不会有任何问题,但是当读取异ip和异域名的json数据的时候,就会报错,所以必须要用jsonp方式请求原创 2015-03-11 12:06:40 · 654 阅读 · 0 评论 -
jquery - 的父、子、兄弟节点查找方法
jQuery.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素,不限于父元素jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙jQuery.contents() //查找下面的所有内容,包括节点和文本。j原创 2015-03-26 12:13:40 · 764 阅读 · 0 评论 -
jQuery - toggle 每次点击出现一种事件,并且反复出现 $ 点击显示再次点击隐藏
功能一:toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。切换不同的背景色:$("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red"原创 2015-03-26 12:14:56 · 10243 阅读 · 0 评论 -
Web - web前段技术框架图
说明:收藏 一个web前段技术框架图,更清晰认识到web卡发的所用到的技术和思路。框架图:原创 2016-12-06 10:31:09 · 1109 阅读 · 0 评论 -
几种知名开源富文本编辑器记录和对比(仅供参考)
1、UEditor 百度的。优点:插件多,基本满足各种需求,类似贴吧中的回复界面。缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办,加载速度慢。总结:小项目,可以用用,不推荐使用。2、kindeditor界面类似百度,效果很像文档齐全但用例较少,使用还算方便。缺点:总感觉样子不是很好看,没有现代那种风转载 2017-08-23 16:51:16 · 14673 阅读 · 1 评论 -
Html 日期选择器,中式YYYY-MM-DD hh:mm - jeDate插件
需求:网页使用日期选择格式为YYYY-MM-DD hh:mm,搜索了好多,觉得jeDate插件提供了中式的日期选择。效果:方法:1、引入css和js<!-- 样式 - 日期选择 --><link rel="stylesheet" href="skin/jedate.css" type="text/css"><!-- 时间控件 -->..原创 2018-12-18 14:35:24 · 2566 阅读 · 0 评论 -
js - 去掉js数组中重复项
Array类型并没有提供去重复的方法,如果要把数组的重复元素干掉,那得自己想办法:function unique(arr) { var result = [], isRepeated; for (var i = 0, len = arr.length; i < len; i++) { isRepeated = false; for (var j...转载 2018-07-03 10:26:39 · 312 阅读 · 0 评论 -
css - CSS悬浮下拉菜单
CSS代码: .list-menu{ display: flex; background: #f7f7f7; border-radius: 5px; padding: 10px 0; justify-content: space-around; color: #205D67; width: 80%; } .list-menu li{ list-style: no...原创 2018-06-26 15:48:07 · 4200 阅读 · 0 评论 -
隐藏div的几种常见方法
1.display:none; 2.visibility:hidden; 3.background-color:transparent;或者设成与背景一样的颜色即可 4.opacity来设置不透明级别,注意兼容性filter… 5.给div一个margin负值,这个负值恰好等于div自身的高度或宽度 6.设置两个大小一样的div,第一个左浮动,第二个不浮动,即可将第二个div隐藏 7.设置一个父d...转载 2018-05-31 13:59:05 · 9551 阅读 · 0 评论 -
h5 - PhotoSwipe图片放大功能集成和使用
说明: PhotoSwipe图片放大功能的简单demo。重要代码: 1、html中引入js和css文件,和一段固定的代码<!-- PhotoSwipe styles --> <link rel="stylesheet prefetch" href="css/photoswipe.css"> <link rel="stylesheet prefetch"...原创 2018-05-31 13:47:23 · 4650 阅读 · 0 评论 -
js 调用android 和 ios 通用方法 、js 判断当前客户端方式
说明: 有时候客户端加载的网页不知道当前所在是android还是ios终端中,所以要提前判断是哪个终端,然后再调用对应终端的方法,来和终端交互。 采用js判断,下面是代码:代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1...原创 2018-05-21 14:33:49 · 1082 阅读 · 0 评论 -
Js- js Array 数组方法大全
说明: js 的array数组自带的方法很少,这里搜集一些js array数组的各种方法:包含、排序等。方法:1、join()join(separator): 将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符。var arr = [1,2,3];console.log(arr.join()); // 1,2,3con...原创 2018-04-26 15:36:28 · 653 阅读 · 0 评论 -
网页文章编辑:富文本编辑(wangEditor)
网页文章编辑:富文本编辑(wangEditor)富文本编辑有很多,这里有个总结的:http://blog.csdn.net/u012246458/article/details/77508070最终选择了wangEditor,原因只有一个:简单。官网:http://www.wangeditor.com/index.html按照开发文档开发即可开发:效果:直接在需要显示编辑器的地方原创 2017-08-29 14:56:27 · 2599 阅读 · 0 评论 -
Handlebars 通过JavaScript对view和data的分离来快速构建Web模板
说明:Handlebars 是 JavaScript 一个语义模板库,通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"(无逻辑模版)的思路,在加载时被预编译,而不是到了客户端执行到代码时再去编译, 这样可以保证模板加载和运行的速度。Handlebars兼容Mustache,你可以在Handlebars中导入Mustache模板。原创 2017-08-30 21:15:07 · 533 阅读 · 0 评论 -
js截取字符串,去掉前几位,保留后几位
1.slice方法1.slice方法var str="abc12345";alert(str.slice(3)) // => 12345截取掉前三位字符,保留后几位2.substring方法var str="abc12345";alert(str.substring(3)); // => 1234截取掉前三位字符,保留后几位2.su原创 2017-08-29 18:02:58 · 27458 阅读 · 0 评论 -
jquery - 闭包浅析!
先看一段PHP代码: <?php $m = new message(); $m->index(); class message { //$info = "hello"; public function index(){ $in原创 2015-04-24 10:59:29 · 658 阅读 · 0 评论 -
jquery - 使用jquery闭包构造模块(提高篇_实现jQuery)
我们现在已经具备了足够的知识,去完成一个比较有挑战性的任务——构造一个简化版的jQuery库——myQuery。我选择去构造myQuery的动机是:1 jQuery足够优秀,是模块封装的典范;2 如果我们能够实现一个良好的jQuery模块,那么就意味着我们能够应付绝大多数的模块封装问题。 如果读者读过jQuery源码,本文依然能够为你带来一些价值,因为在本文中封装myQuery原创 2015-04-24 13:54:43 · 1464 阅读 · 0 评论 -
js - jquery闭包+js面向对象实例
html代码: left rightjs代码://社区微课堂和微课堂翻页-自动执行,不需要外部参数,所以实参和形参都是空(function(win){ //js面向对象写法 var moveObj = { name : 'My name', age : 18, stopMove :原创 2015-04-24 14:46:48 · 1306 阅读 · 0 评论 -
js - 验证码点击图片换验证码
由于直接设置src为/commons/validator.html由于缓存问题会造成图片不更换,所以需要加一个参数,让每次请求都不一样,只有加入时间参数了,这样每次刷新都是新的,就不存在缓存不更新图片问题了 ---(? 号一定加在' '里面)原创 2015-03-13 11:09:00 · 10301 阅读 · 0 评论 -
js - form提交action之前用js操作
在提交action之前先用js操作一下,若果为false则不执行action原创 2015-03-16 15:51:43 · 3747 阅读 · 0 评论 -
js - 对象化
谢了js也有一年了,本来在三个月左右就开始写封装类的,但是由于没有总结和忙,所以自己写的js都是“散装”的,其实好的想法要延续的,随意以后写js一定要养成习惯写成封装类,今天就总结一些前一段时间写的js封装类,拿实例说话:一:prototype 写法 如果这个对象只有一个方法: functon CreatePerson(name,sex,birthday,f原创 2015-03-19 16:47:40 · 1003 阅读 · 0 评论 -
js - 监测ie浏览器版本
实测管用: if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE6.0") { alert("IE 6.0"); } else if(navigator.appName == "Microsoft In原创 2015-04-03 15:09:04 · 716 阅读 · 0 评论 -
js - 面向对象的程序设计
面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装、继承、多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值,其中的属性或方法都有一个名字,根据这个名字可以访问相映射的值(值可以是基本值/对象/方法)。原创 2015-04-24 17:22:23 · 599 阅读 · 0 评论 -
js - select option firefox和chrome 对onclick的支持 使用on
select option firefox和chrome 对onclick的支持 firefox支持select和option增加onclick事件,举例: 请选择专业层次 本科 专科原创 2015-07-14 16:39:41 · 2131 阅读 · 0 评论 -
js - 下雪动态效果-setInterval、animate
html: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />原创 2015-12-15 14:00:16 · 1312 阅读 · 0 评论 -
css - 防止float浮动效果影响下面div布局
为了防止float,min-height等具有浮动效果的代码影响上下的div样式布局,可以要加上一个空白的div,其css属性为clear其 css要用 : .clear { clear: both; }原创 2014-09-03 11:38:40 · 12970 阅读 · 0 评论 -
css - 用inline实现页面元素排列一行
让页面元素排列一行有很多种方法,其中我用的最多的是float,但是这个元素对整体布局会有影响,虽然使用clear可以节约float带来的影响,但是最好还是不要用float让页面元素排列一行,最好用inline实现。原创 2015-01-14 16:01:07 · 3296 阅读 · 0 评论 -
css - transition
transition: all 0.3s ease 0s;transition: width 2s;transition: background-color 0.3s linear 0s转载 2015-04-22 11:50:57 · 844 阅读 · 0 评论