js
你所有承诺
这个作者很懒,什么都没留下…
展开
-
js函数调用的四种模式
1:方法调用模式var myObj={//对象字面量 param1:1, param2:2, sum:function(){//this关键字只带当前的对象returnthis.result=this.param1+this.param2; }}myObj.sum();//=>3原创 2015-05-20 15:54:49 · 605 阅读 · 0 评论 -
js事件之onmousedown和onmouseup
function mouseDown(){document.getElementById("p1").style.color="red";}function mouseUp(){document.getElementById("p1").style.color="green";}请点击文本!mouseDown() 函数当鼠标按钮在段落上被按下时触发。此函数把文本颜色设置原创 2015-07-22 10:54:56 · 7106 阅读 · 0 评论 -
带多选框的下拉列表的实现
日常开发中,可能会遇到要做带多选框的下拉,如下图是不是你想要的呢,下面来谈谈实现,我这个用的是一个bootstrap multiselect 插件,至于下载啥的网上到处都有 北京 上海 重庆原创 2015-08-28 14:01:06 · 17215 阅读 · 2 评论 -
js(jquery)绑定点击事件
test第一种$("#test").click(function(event){/* Act on the event */});第二种document.getElementById('#foo').addEventListener('click', function() {/* Act on the event */}, false);第三种html原创 2015-07-22 11:32:27 · 21927 阅读 · 2 评论 -
js处理小数
1.丢弃小数部分,保留整数部分 js:parseInt(值) 2.向上取整,有小数就整数部分加1 js: Math.ceil(值) 3,四舍五入. js: Math.round(值) 4,向下取整 js: Math.floor(值) 5,四舍五入为指定小数位数的数字。var num = new Number(3333333333.67);num.to原创 2015-07-24 15:06:43 · 992 阅读 · 0 评论 -
面试题:为什么 ["1", "2", "3"].map(parseInt) 返回 [1,NaN,NaN]?
在 javascript 中 ["1","2","3"].map(parseInt) 为何返回不是 [1,2,3] 却是 [1,NaN,NaN]?我们首先回顾一下 parseInt() 个 map() 两个函数的用法:parseInt() 函数定义和用法parseInt() 函数可解析一个字符串,并返回一个整数。语法parseInt(string转载 2015-08-05 11:06:07 · 2509 阅读 · 0 评论 -
js的filter的巧用
function mustBig(element,index,array){return(element>30);}[12, 5, 8, 130, 44].filter(mustBig);原创 2015-10-10 16:59:13 · 985 阅读 · 0 评论 -
mpvue小程序开发(七):原生结构
前面我们梳理了mpvue的各种开发结构,mpvue会编译生成满足微信小程序的原生代码,为了更熟更了解,我们还是需要看一看的,接下来就让我们一探究竟在项目的dist目录下,我们清楚的看到了微信原生代码结构,嗯,非常的清晰common:公共jscomponents:模块pages:微信页面存放地static:一些静态的东西app.js:启动jsapp.json:各种配置...原创 2019-06-19 10:22:19 · 500 阅读 · 0 评论 -
mpvue小程序开发(一):环境搭建
一:开发环境1:前端开发环境是少不了nodejs的,所以我们先判断是否有使用上图命令node -v进行判断,如果出现版本号,则证明已经安装了,如果没有,则需要去官网下载安装2:包管理工具,这个也少不了,因为开发环节中时不时会引入相关包包使用上图命令npm -v进行判断,如上图则进行了安装,如何安装则需要自行百度3:切换源由于可能包被墙或者太远了下载慢等缘故,可以考虑...原创 2019-06-16 00:01:07 · 463 阅读 · 0 评论 -
mpvue小程序开发(二):小试牛刀
前面我们把小程序搭建改成搞了一遍,现在我们写个简单的小程序看下效果我们从官网下载 微信web开发者工具,然后打开软件如上图,点击加号,添加我们创建的项目如上图,导入项目,选择对应的项目,点击“导入”按钮出现如上界面,就表示我们的小程序可以展示了,接下来就是编写我们的小程序,我会带着大家一步一步做下去,这将是一个完整的例子...原创 2019-06-16 11:15:07 · 357 阅读 · 0 评论 -
mpvue小程序开发(三):改我所改
前面我把小程序给跑起来了并进行了展示【点击查看】,如下图对于上述图片,我们看到了小程序的一个布局正文部分是小程序,下面有两个tab,嗯,这个跟原生app很像嘛,那一定是能改的那么在哪改,怎么改呢我们打开开发工具,导入项目,我的是WebStorm我们看一下项目结构哇,我们清楚的看到了dist/wx和src两个目录惊人的相似对,src下面的就是接下来我们开发要使用的...原创 2019-06-16 16:22:09 · 317 阅读 · 0 评论 -
mpvue小程序开发(八):项目开发
嗯,前面把各种配置啊,结构啊都看了,【点击查看】现在我们要正式开发一个小程序了,今天我们打算开发一款考试的小程序start……一:样式引入在src目录下新建static/css目录,再把样式文件丢进去,然后再main.js中引入【样式下载地址【点击获取】https://download.csdn.net/download/stronglyh/11252782】二:...原创 2019-06-21 21:20:40 · 408 阅读 · 0 评论 -
mpvue小程序开发(五):app.json详解
前面我们对小程序开发目录进行了讲解【点击查看】,现在我们对其中的重头文件app.json进行剖析打开app.json,我们看到很多配置文件,那真的琳琅满目,看的眼花缭乱,不过我们都是老司机了,也能猜个一二不离三格式都是json类型,这也和文件名app.json遥相呼应,可见作者这点还是很睿智的,减少了键盘侠的出现我先贴出来整体内容,然后再分解{ "pages": [ ...原创 2019-06-18 14:57:14 · 2323 阅读 · 0 评论 -
mpvue小程序开发(六):代码结构
前面我们把配置文件app.json详解了一下【点击查看】,现在我们离开发越来越近了,啥也不多说,搞起搞起我们主要看pages目录,这个是我们以后开发的重中之重嗯,我们先看到共性,每个文件夹中都有index.vue和main.js其中index.vue就是我们的页面内容,我们打开index目录下的index.vue文件看一下<template> <div ...原创 2019-06-18 15:37:10 · 469 阅读 · 0 评论 -
mpvue小程序开发(九):使用less
有的时候我们想要更美观的样式,但是代码很蛋疼,代码一多就没层级感了,有没有类似yml这样的,答案是肯定的:less一:下载在项目目录下运行命令:npm install less less-loader --save二:配置在项目中搜索文件webpack.base.conf.js,然后添加如下内容{ test: /.less$/, loader: "style-loader!c...原创 2019-07-16 20:56:45 · 311 阅读 · 0 评论 -
mpvue小程序开发(十):v-for的深坑
说到这也是头大,那是一个疼啊,上篇我们讲了less的使用【点击查看】,这次我们来点实在的:记v-for的超级深坑事情是这样的,我们一般都会有数组/列表需要遍历,自然想到了v-for,但是某种情况,我要遍历一个数字,比如说5,大家会说这不简单嘛,v-for="(item,key) in 5",这不就完事了,殊不知危险降临先看重点代码部分 <div class="bg-g...原创 2019-07-17 18:11:55 · 399 阅读 · 0 评论 -
mpvue小程序开发(十二):获取地图
我们在开发小程序的时候有时候会用到地图,下面我们就来一探究竟正所谓会者不难,难者不会啊,楼主也是搞了好大一阵子,还好搞定了如上的地图按钮,我们想点击的时候出现地图,然后可以选择,代码如下<div class="cu-form-group"> <div class="title">活动地点</div> ...原创 2019-07-30 21:20:12 · 504 阅读 · 0 评论 -
mpvue小程序开发(十一):分享转发
我们把小程序开发完了,想分享一个页面,那么如何操作呢一:给按钮绑定分享功能<button open-type="share" class="cu-btn bg-green lg">邀请</button>嗯,如上,添加 open-type="share",表示分享二:添加分享方法如果添加方法,则默认截图是分享所在的功能页面,高宽5:4三:...原创 2019-07-28 16:38:15 · 1680 阅读 · 1 评论 -
checkbox全选失效
先写一段全选的代码 //全选、全不选 $("#currentPageAllOrders").bind({ click : function(){ var allOrdersChecked = $(this).is(":checked") $("input[name='selectedId']").each(funct原创 2015-08-12 10:44:36 · 1873 阅读 · 0 评论 -
js和jquery实现回到顶层
js返回顶部body{margin:0; padding:0}#to_top{width:30px; height:40px; padding:20px; font:14px/20px arial; text-align:center; background:#06c; position:absolute; cursor:pointer; color:#fff}window原创 2015-07-18 15:05:12 · 1094 阅读 · 0 评论 -
js进阶之对象属性之平时大家想不到的(检查,增加,删除。。。)
检查属性var mouse={ "name":"betta", "age":3, "varieties":"milaoshu"} mouse.hasOwnProperty("name");// truemouse.hasOwnProperty("sex"); //false增加属性定义个对象 dog,然后原创 2015-05-20 13:38:47 · 860 阅读 · 0 评论 -
js forEach
forEach()函数从头到尾把数组遍历一遍。有三个参数分别是:数组元素,元素的索引,数组本身(如果是一个参数就是数组元素,也就是数组的值。var data=[1,2,3,4,5,6];var sum=0;data.forEach(function(v){//其中的v就是数组的值 123456sum+=v;})document.write(sum+"");//打原创 2015-06-25 16:18:28 · 2648 阅读 · 0 评论 -
js typeof instanceof
一般都是用typeof判断变量是否存在如if(typeof a!="undefined"){},而不要去使用if(a)因为如果a不存在(未声明)则会出错,因为typeof遇到null,数组,对象时都会返回object类型,所以当我们要判断一个对象是否是数组时或者判断某个变量是否是某个对象的实例则要选择使用另一个关键语法instanceofinstanceof用于判断原创 2015-06-24 14:46:45 · 862 阅读 · 0 评论 -
undefined使用注意
无意中看到的,觉得有必要提醒各位开发者alert('undefined' in window); //输出:true var obj = {}; alert('undefined' in obj); //输出:false 从上面的输出结果可以看到 一个是window级别的 一个是obj级别的,这篇文章我们主要说的是undefined大家也看到了 undefined是w原创 2015-06-23 15:56:47 · 1398 阅读 · 0 评论 -
js函数的几种写法
(function(){})()原创 2015-06-26 14:39:57 · 4136 阅读 · 0 评论 -
JavaScript之Function的apply与call
无意中翻到的一篇文章http://xiaolincc26201206092327.iteye.com/blog/2213367JavaScript函数调用分为4中模式:1. 方法调用模式:即对象包含方法属性,Obj.methodName()或者Obj[methodName]()。2. 函数调用模式:即methodName()。3. 构造器调用模式:即new Method转载 2015-06-29 15:28:41 · 536 阅读 · 0 评论 -
js块元素和内联元素的种种恩怨
有人问过这样一个问题:为啥div不能放到p标签里面呢只能说这是规定,哈哈下面入主题块级元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见内联元素---a,b,br,em,i,img,input,strong,textarea,span,label等常见那么区别呢?块级元素一般原创 2015-06-30 09:55:19 · 1289 阅读 · 0 评论 -
js读取json,纠结。。。
什么是json,先小抄一段:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。正文1:函数构造var strJSON = "{name:'test name'}";//得到的JSONvar obj = new Fu原创 2015-06-30 17:31:51 · 889 阅读 · 0 评论 -
js实现页面时间动态变化
利用函数嵌套和setTimeout函数实现时间动态变化var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDat原创 2015-07-08 15:38:53 · 4614 阅读 · 0 评论 -
js实现图片自动轮播
今天有人问我这个问题,我就顺便把这个记下来,分享给大伙。如图,就是图片自己轮播,并且图中中下方的白点也发生变化,图片到哪,白点就到哪,就直接上代码了原创 2015-07-10 17:36:23 · 38158 阅读 · 5 评论 -
js之substr和substring的区别
今天有人在群里问这两个的区别,借这个机会在这罗列下substring(from,to)开始和结束的位置,从零开始的索引参数 描述from 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。to 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,原创 2015-07-25 16:27:32 · 751 阅读 · 0 评论 -
select的种种取值
今天别人问我一个问题 1 2 123 456 function test(){ document.getElementById("a").style.display=""; document.getElementById("b").style.display="none"; } 要通过选择不同的下拉,显示不同的div,后来我给他改善了下 1 2原创 2015-07-03 14:54:23 · 859 阅读 · 0 评论 -
jquery插件编写(以折叠面板为例)
创建一个 jQuery 插件所推荐的方法是,先创建一个允许使用美元符号 ($) 的包装器函数。在默认情况下,美元符号可能与其他 JavaScript 框架发生冲突,如果将插件包装在一个函数中,就不会出现冲突。所以推荐使用下面代码创建jQuery插件:(function($) { $.fn.accordion = function() { // 添加插件代码原创 2015-07-27 16:41:16 · 1775 阅读 · 0 评论 -
js----数组处理之splice(有js原始addClass方法哦)
上次写了一个轮播的方法:http://blog.csdn.net/stronglyh/article/details/46833499因为别人问我的时候,给了我html,于是乎我就看到了页面中引用了jquery,所以就用jquery写了,今天细想了下jquery中有一个addClass方法,不知道传统的js是否可以使用搞定呢。.font_class {color:#FF0000;f原创 2015-07-13 11:18:19 · 1240 阅读 · 0 评论 -
node入门四----捡漏
前面已经开发出简单的登录,后面将会进入到进阶阶段,打算开发博客,商城等等若干系统这篇是补充一些知识1:关于html的后缀,大家知道,若干是ejs模块那么后缀天生的就是.ejs,那么是否可变呢,我们知道java中是可以的,在配置文件中配置一下视图的后缀就可以了,这样代码会自动识别,我想用啥后缀就用啥后缀,是不是很任性呢?当然我们的node也是可以滴app.engine('.html',原创 2015-07-07 09:46:58 · 646 阅读 · 0 评论 -
node入门3----路由
上篇文章说了nodejs的项目创建,今天我们说一下路由,index.js中的代码如下router.get('/', function(req, res, next) { res.render('index', { title: 'Express' });});访问主页的时候,调用ejs引擎,从而渲染index.ejs模板文件,生成静态页面显示到浏览器。(关于ejs,后面会写文章介绍)原创 2015-07-03 16:56:06 · 827 阅读 · 0 评论 -
js之this,请问你是谁
在js中this不像其它语言那样容易理解,它有时候指window对象,有时候又是其它对象,那么this,你到底是谁呢?要分析this就要先理解js中的方法定义,因为this一般都是在方法中使用的,而且方法在js中的地位又很特殊。 在js中定义的方法一定不会单独存在,它必定属于某个对象,所以this就是代表方法属于的那个对象。1、一般方法 function t转载 2015-07-28 17:08:23 · 589 阅读 · 0 评论 -
mpvue小程序开发(十三):数字相加
在小程序的开发中难免会遇到数值相加比如我们如下定义var a=3var abc=a+1得到的结果是31,额,这是字符拼接啊,明显不是我们想要的,那么该如何是好如果是html中,我们可以这样处理 var abc=parseInt(a)+parseInt(1)但是在小程序中有一个妙招,就是先减少后加如上 var abc = a-1+2 这样得到的结果就是4了,是我们想要的...原创 2019-08-31 21:32:46 · 543 阅读 · 0 评论