随笔分类 -  web博文

原生js实现简单的倒计时
摘要：用原生实现了一个简单的倒计时，主要用到setInterval来控制时间100%至0%，当进度为0%时，clearInterval，然后在时间小于某个值时，小小改变了倒计时的填充颜色，当然了这只是一个雏形，可根据实际需要进行封装 附源码： 阅读全文
posted @ 2018-04-12 15:23 windowClass 阅读(227) 评论(0) 推荐(0)
vue baidu map之获取选中点的经纬度
摘要：需求：在vue项目中通过点击按钮，弹出百度地图的弹框，用户选择地图上的点或者通过搜索关键字选点，点击确认 关闭弹窗 得到经纬度 效果： vue baidu map api链接 : https://dafrok.github.io/vue-baidu-map/#/zh/index 使用之前需要先申请百 阅读全文
posted @ 2018-03-01 16:54 windowClass 阅读(14468) 评论(5) 推荐(1)
vue项目cordova打包的android应用
摘要：准备工作nodejs、cordova、AndroidStudio这些在上一篇文章中已经说过了，这里就不重复说明。以此文记录vue项目用cordova打包移动app的方法。 1.创建一个cordova项目，如创建一个名为testapp的工程：cordova create testapp 2.添加安卓平 阅读全文
posted @ 2017-10-11 10:32 windowClass 阅读(267) 评论(0) 推荐(0)
git新创建一个项目
摘要：在码云上新建了一个private项目，现在想把本地的项目push到远程仓库，初次提交时提示异常： fatal:The current branch master has no upstream branch.To push the current branch and... 根据提示，使用 git 阅读全文
posted @ 2017-09-13 11:08 windowClass 阅读(846) 评论(0) 推荐(0)
vue.js事件修饰符.stop阻止单击事件冒泡
摘要：Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。Vue.js通过由点(.)表示的指令后缀来调用修饰符。其中.stop就是用来阻止单击事件冒泡，用法如：<a v-on:click 阅读全文
posted @ 2017-09-07 15:13 windowClass 阅读(2172) 评论(0) 推荐(0)
js扫描二维码并跳转
摘要：项目中，需要用到扫描二维码，并识别二维码。在此记录，便于以后深入了解，这里是一个简单的例子： 这里需要引入jquery.js和jquery-qrcode-min.js <!doctype html><html lang="en"><head><meta charset="UTF-8"><title> 阅读全文
posted @ 2017-08-16 16:45 windowClass 阅读(2358) 评论(0) 推荐(0)
ionic打包中的那些坑
摘要：经过不断的尝试，终于打包好了(Windows) 首先是开发环境的搭建，参考的 http://www.jianshu.com/p/b9757a5bcb07，就不用多说了。 环境搭建好了，就可以创建一个demo进行测试 打开终端，创建一个名为myapp的项目 执行ionic start myapp ta 阅读全文
posted @ 2017-07-06 17:19 windowClass 阅读(1469) 评论(0) 推荐(0)
CSS3鼠标移入开花移开收起动画特效
摘要：这里链接一个：CSS3鼠标移入开花移开收起动画特效，看起来挺不错的开花特效，留下来方便自己后面学习。 原文链接：http://www.aaa-cg.com.cn/xue/html5/777.html?lccqqqun2017531 阅读全文
posted @ 2017-05-31 10:17 windowClass 阅读(1325) 评论(0) 推荐(0)
angularjs中分页的应用
摘要：应angular的spa项目需要，现后台管理系统中需要用到分页，于是就找到了这个基于bootstrap的分页，封装性很好，用起来也非常方便，这里是模拟的数据库数据，实际中只需要将模拟数据换成接口调用返回的数据即可,并且可以实现按页、按数量的按需加载，也可以全部加载，记得引入ui.bootstrap就 阅读全文
posted @ 2017-02-23 11:37 windowClass 阅读(1061) 评论(0) 推荐(0)
在自己的网页中嵌入百度地图
摘要：最近项目需要在网页中嵌入地图，于是在这里记录下网页嵌入百度地图和使用百度地图api自定义地图的步骤,需要的朋友也可以参考下 首先进入http://api.map.baidu.com/lbsapi/creatmap/，搜索自己想要显示的经纬度，即为定义的中心点坐标 其余的在代码中有注释，可以根据自己需 阅读全文
posted @ 2017-02-21 14:58 windowClass 阅读(1501) 评论(0) 推荐(0)
浅谈html5及其新特性
摘要：什么是 HTML5？ HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是对 HTML 阅读全文
posted @ 2016-12-06 14:05 windowClass 阅读(345) 评论(0) 推荐(0)
封装的ajax请求
摘要：在做登录注册这类提交表单数据时，我们经常需要局部刷新网页来验证用户输入的信息，这就需要用到ajax请求，我们通常需要获取表单中的数据，发起ajax请求,通过服务程序，与数据库的数据进行比对，判断信息的正确与否。这儿也将ajax请求进行了封装，当我们在项目中需要多次ajax请求时，就可以用封装的函数了 阅读全文
posted @ 2016-12-05 23:18 windowClass 阅读(2403) 评论(0) 推荐(0)
用jQuery基于原生js封装的轮播
摘要：我发现轮播在很多网站里面都用到过，一个绚丽的轮播可以为网页增色不少，最近闲来无事，也用原生js封装了一个轮播，可能不像网上的插件那么炫，但是也有用心去做。主要用了闭包的思想。需要传递的参数有：图片地址的数组，图片宽度，上一页，下一页的id,图片列表即ul的id(这儿使用无序列表排列的图片),自动轮播 阅读全文
posted @ 2016-12-05 22:46 windowClass 阅读(546) 评论(0) 推荐(0)
CSS与JavaScript的一些问题汇总
摘要：通过最近的学习，总结了一些问题，可能总结得不够完善，但是好记性不如烂笔头，先记在这儿，后面看到更完整的回答，再进行修改。 1、事件流，如何阻止冒泡事件流：在点击一个按钮时，实则，按的父容器与按钮的父容器的父容器也会被点击。就是从页面接受事件的顺序。阻止冒泡：e.cancelBubble=true I 阅读全文
posted @ 2016-11-24 13:55 windowClass 阅读(165) 评论(0) 推荐(0)
lightBox灯箱效果
摘要：最近想做一个类似QQ空间相册，点击照片会出现一个遮罩层，然后显示照片，可以左右切换照片，上网查了，原来叫灯箱效果，于是自己也写了一个简单的灯箱效果，并进行了简单封装，封装得不是很完善，后面还需要改进，下面先发布我的1.0版本，以下是源代码 这是html中 这是css样式 下面是js中的处理，对lig 阅读全文
posted @ 2016-11-18 19:40 windowClass 阅读(1585) 评论(0) 推荐(0)
简单的头像上传
摘要：最近做了一个简单的上传头像的功能，在前台页面需要用一个form表单，在里面对上传的头像做一些相关设置，然后就是提交之后一些相应的处理，我这儿是将上传的头像保存在当前项目的images文件夹下的specialLearnImages文件夹下的。并结合session将用户名显示在导航栏上。当然也可以获得上 阅读全文
posted @ 2016-11-18 15:58 windowClass 阅读(903) 评论(0) 推荐(0)