javascript
文章平均质量分 59
Take_Dream
热爱前端开发
展开
-
来来来,用高德地图实现ofo小黄车地图定位
1、直接上图,看看效果,拖动定位可重新加载附近小车位置 2、所用技术:高德地图API,es6的class、promise等3、时间有限,下次再讲述思路和 实现过程 demo已经上传到github,感兴趣的小伙伴可以先去看看:https://github.com/chuanzaizai/ofo-map原创 2017-05-19 18:19:49 · 7424 阅读 · 0 评论 -
jquery模糊查询
$("#input").bind('input propertychange', function() { //ajax 请求})原创 2016-04-19 14:07:17 · 859 阅读 · 0 评论 -
javascript生成1、2、3、4的三位随机数
for(var i=1;ifor(var j=1;jfor(var k=1;kif(i!=j||i!=k||j!=k){document.write(i,j,k,"\n");}}}}原创 2016-04-13 11:54:29 · 4620 阅读 · 1 评论 -
jquery实现定时器
1、HTML代码 时钟分钟秒钟000 2、JS代码 var c=parseInt($("#secend").html());var m=parseInt($("#minute").html());var h=parseInt($("#hour").html());function timedCou原创 2016-04-01 16:44:54 · 6922 阅读 · 0 评论 -
jquery实现分页
分页 *{ margin:0; padding:0; list-style: none; } #pageIt{ width:1300px; height:50px; border:1px solid red; m原创 2016-03-28 16:44:37 · 581 阅读 · 0 评论 -
自定义日历选择框--控制--日历插件
选择月份 *{margin:0;padding:0;list-style: none;}body{background: #999;}.hide{display: none;} #d1{ width:602px; height:600px; bord原创 2016-03-25 14:13:59 · 3006 阅读 · 0 评论 -
自定义“三级联动”(截取字符串匹配)
1、HTML代码: -请选择省份-四川省广东省海南省-请选择城市--请选择地区- JS代码: var arr1=[]; arr1["aa"]=[["成都市"],["绵阳市"],["南充市"]]; arr1["bb"]=[["广州市原创 2016-03-23 17:58:02 · 394 阅读 · 0 评论 -
javascript处理json/base64等数据并且下载成本地json/image文件(angular环境、execCommand)
github地址:https://github.com/chuanzaizai/execCommand_downlaod1、最近项目有这样一个需求:后端返回json字符串、base64数据,前端处理并且下载成本地文件2、技术栈: angular、window.navigator.userAgent、document.execCommand(IE浏览器)、a标签的download属性3、原创 2017-09-05 18:37:41 · 1399 阅读 · 0 评论 -
表现与数据分离第一篇:mvc设计模式实现pdf数据流弹窗预览
吼吼吼: 喊出程序员的心声,远离jsp,前后端分离!!!!!!1、常用的js开发模式,尤其是jquery开发模式,一般都是重复累赘的书写,毫无维护性和可读性而言,例如要是有一天id变了,需求变了,就jj了2、所以,设计模式是多么多么的重要,本文只阐述简单的mvc设计模式,淌水不深,有什么问题还望各位大神多多指点!3、例如,现在需求来了原创 2017-12-06 14:04:13 · 740 阅读 · 1 评论 -
zTree移除节点的class: 。/* 自定义:覆盖选中的背景色 */ .no-curSelectedNode{ curSelectedNode, 可toggle切换
1、自定义class: no-curSelectedNode /* 自定义:覆盖选中的背景色 */ .no-curSelectedNode{ background-color: #fff !important; border: 1px #fff solid !important; ...原创 2018-09-29 11:53:35 · 1427 阅读 · 0 评论 -
解决nuxt官方脚手架的一些坑:1、支持es6+语法 2、样式支持sass
1、支持ES6+语法,以server/index.js为例,将require修改为ES6的import模式: 初始化: 解决方法: (1)修改package.json文件,在“dev”和“start”命令后面新增:--exec babel-node (2)项目根目录下新增babel配置文件“.babelrc”文件,写入以下配置...原创 2019-02-27 09:52:01 · 2226 阅读 · 0 评论 -
js模拟重载
function testArgument(){if(arguments.length==1){console.log(arguments[0]*arguments[0]);// 也可自定义方法、样式}else if(arguments.length==2){console.log(arguments[0]-arguments[1]);// 也可自定义方法、样式}}原创 2016-05-11 16:53:02 · 317 阅读 · 0 评论 -
localStorage本地缓存项目js文件(例如jquery/angular)
代码:function loadJs() { var name = "angular"; var url = "https://code.angularjs.org/2.0.0-beta.3/angular2.js"; var xhr; var js = window.localStorage转载 2016-08-24 13:19:31 · 2152 阅读 · 0 评论 -
better-scroll实现下拉刷新、上拉加载更多(巨简单...)
1、废话少说,先看看移动端的列表页面(1)正常浏览(2)下拉刷新中(3)下拉刷新结束(4) 上拉加载(5)上拉 加载中2、上述基本上就是一整套移动端列表的刷新过程,采用better-scroll实现,其github地址可参考 https://github.com/ustbhuangyi/better-scroll3、网上也有一些基本使用教程,这里就不原创 2017-04-29 16:27:44 · 50287 阅读 · 5 评论 -
js实现图片转base64(兼容IE8+)
最近做电商项目,遇到如下一个需求:商品评价页面:用户上传图片,点击“”确定“”前,图片由前端实现base64转码(ps:由于商品评价页面可能存在多个产品,每个产品评价又可上传多张图片,所有前端img 转码可以有效的优化http请求,减小服务器的压力)下面我们一步一步来看看demo代码:(1)定义一个隐藏的input[type = 'file'],通过按钮触发其change事件原创 2017-04-13 09:25:02 · 16372 阅读 · 7 评论 -
new date()标准时间转yyyy-mm-dd hh:mm 24小时制
知识点:es6的Object方法、正则表达式、循环对象等直接贴代码: new date()标准时间转yyyy-mm-dd hh:mm 24小时制 // 扩充js的内置对象Date方法 Object.assign(Date.prototype, { switch(time) { let date = { "yy":原创 2017-03-24 20:42:24 · 10550 阅读 · 1 评论 -
百度地图实现多点定位(包含两种点:当前自己所在的位置和周围需要查找的点 )
首先,要感谢下清山博客的博文 ,,, 链接地址:http://blog.csdn.net/a497785609/article/details/240090311、直接上图,看看效果(本例中的坐标数据为前端假数据)解释一下大概实现的功能:(1)用户访问网页时,定位到用户当前的位置(图中小熊头像),坐标可由前端获取或者后台http传入(2)再搜索到用户周围的物流网点,物流网点坐标数组原创 2017-02-28 15:42:14 · 8515 阅读 · 0 评论 -
layer.close()或者layer.closeAll()失效的情况下强制关闭layer弹窗的方法
使用layer过程中有时会遇到close()或者closeAll方法失效使用 下面方法可以强制关闭 //关闭layer func.layerCLose = function() { var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); };原创 2016-12-28 15:56:34 · 21937 阅读 · 2 评论 -
layer中type=2的一些使用方法(添加成功后才关闭路由、刷新页面列表)
1、在 Angular项目中,可以用layer的弹窗包裹一个路由页面(这样就可以避免一些jquery带来的麻烦:比如layer直接打开一个div,,直接为里面的按钮绑定ng的事件、会不生效) 因为路由页面有一个自己对应的controller2、下面 就用一个简单的例子来说明(1)首先定义html和controller(此例中就叫test.html和testCtrl.js原创 2016-12-28 14:41:15 · 10167 阅读 · 0 评论 -
jquery.dad.js实现table的垂直拖拽(并取到当前拖拽对象)
1、首先官网实例,实现的都是div为容器的元素拖拽,示例如下:2、最近的项目,要实现tbody的每一行tr能够拖拽,并记录拖拽的次数 (1)首先:定义html元素(这里就以举个简单的示例)(2)接着:定义js配置文件var test=$('.drag-tbody').dad({target:"tr", //定义要拖拽的DOM对象}) ****原创 2016-12-08 16:26:33 · 3885 阅读 · 4 评论 -
原生js、jquery实现多张图片上传、预览、删除
1、Duang!Duang!Duang!上图、看最终效果(注:鼠标以上图片显示“删除”按钮)2、贴上我的css代码,方便小伙伴们看到效果! .img-cont{ width:1000px; height:570px; border:2px solid #317ef3; margin:50px auto;原创 2016-11-17 11:54:09 · 31301 阅读 · 14 评论 -
splice()方法删除数组中不连续的几项
1、正常情况下,用splice方法删除数组的某一项,完全可以例如: var arr=['内马尔','C罗','梅西','伊布','范佩西'];for(let i=0;i//只删除一项时:梅西if(arr[i] == '梅西'){arr.splice(i,1);}}console.log(arr);2、那么问题来了:如果现在要删除‘内马尔’+原创 2016-10-25 11:56:32 · 5127 阅读 · 0 评论 -
kindEditor初始化(简单用例)
1、网上下载压缩包,解压到本地项目中,下载链接:http://down.chinaz.com/soft/30491.htm2、创建本地html文件,在这个项目中,我创建了一个index.html,和压缩包的文件路径为:3、在html中引入1个css和2个js即可4、在body中创建一个文本,并写入实例化的jshtml:js:KindEditor.ready(fu原创 2016-09-29 15:44:13 · 4587 阅读 · 0 评论 -
解决vue中字符串不换行问题
1、废话少说,直接贴代码 // 1、待处理字符串let str = "【保险公司】↵本产品由复星联合健康保险股份有限公司承保。↵复星联合健康保险股份有限公司是保监会批准设立的专业健康保险公司"// 2、处理方法str = str.split(/\n|\r\n/g,)// 3、处理后的数据变成和索引数组[ '【保险公司】', '本产品由复星联合健康保险股份有限公司承保...原创 2019-07-15 12:02:28 · 4153 阅读 · 0 评论