随笔分类 -  前端

原生JS实现图片预览功能
摘要:html代码: 原生js代码: 阅读全文
posted @ 2018-09-28 09:32 SoftBlue 阅读(701) 评论(0) 推荐(0)
input type="file"多图片上传 原生html传递的数组集合
摘要:单个的input type="file"表单也是可以实现多图片上传的 代码如下: 这里要给file表单加上一个multiple属性 multiple="multiple"也可以 name的属性值后面要加上[]这样就可以了 print_r($_FILES)可得到如下信息: 阅读全文
posted @ 2018-09-28 09:17 SoftBlue 阅读(1690) 评论(0) 推荐(0)
Bootstrap+PHP fileinput 实现多图上传 这是ajax上传,只能单张单张图片地上传
摘要:插件及源代码可以在这里下载 http://www.jq22.com/jquery-info5231下面是根据下载的demo进行补充:使用bootstrap界面美观,可预览,可拖拽上传,可配合ajax异步或同步上传,下面是效果图: 前端代码:fileinput.html 后台代码: 阅读全文
posted @ 2018-09-28 09:09 SoftBlue 阅读(435) 评论(0) 推荐(0)
js原生语法实现表格操作
摘要:HTML页面: JS文件: 阅读全文
posted @ 2018-05-21 18:50 SoftBlue 阅读(490) 评论(0) 推荐(0)
使用clear来清除localStorage保存对象的全部数据
摘要:清空localStorage的全部数据 阅读全文
posted @ 2018-05-21 18:30 SoftBlue 阅读(4150) 评论(0) 推荐(0)
JS设置CSS样式的集中方式
摘要:1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; 2. 直接设置属性(只能用于某些属性,相关样 阅读全文
posted @ 2018-05-21 18:19 SoftBlue 阅读(283) 评论(0) 推荐(0)
Vue.js——60分钟快速入门
摘要:Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时 阅读全文
posted @ 2018-05-18 17:54 SoftBlue 阅读(280) 评论(0) 推荐(0)
JS获取IP地址
摘要:结果如下: 阅读全文
posted @ 2018-04-02 18:54 SoftBlue 阅读(166) 评论(0) 推荐(0)
原生 js 实现点击按钮复制文本
摘要:最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一、原理分析 浏览器提供了 copy 命令 ,可以复制选中的内容 如果是输入框,可以通过 select() 方法,选中输 阅读全文
posted @ 2018-03-13 13:59 SoftBlue 阅读(202) 评论(0) 推荐(0)
js验证前后密码是否一致,为什么当我输入不一致密码时,不会弹出警告啊
摘要:<form name="form" action="#"><input type="password" id="pwd1" /> <input type="password" id="pwd2" /> <input type="submit" value="提交" onclick="return c 阅读全文
posted @ 2018-01-14 12:42 SoftBlue 阅读(335) 评论(0) 推荐(0)
js阻止a标签默认事件的几种方法
摘要:方法/步骤 疑问 打开编辑器,新建html并加入a标签,如图所示,小编想点击a标签时执行pop函数同时禁止a标签的默认的href跳转,该如何阻止呢? 方法一 要阻止a标签跳转,可以改变href的值,直接写成“JavaScript:void(0)”即可阻止跳转; 或者将a标签href值写成“JavaS 阅读全文
posted @ 2018-01-14 12:40 SoftBlue 阅读(9884) 评论(0) 推荐(1)
绘制3D的js库
摘要:有哪些值得推荐的绘制3D的js库? 有哪些值得推荐的绘制3D的js库? 有哪些值得推荐的绘制3D的js库? 有哪些值得推荐的绘制3D的js库? 有哪些值得推荐的绘制3D的js库? 4 个回答 默认排序​ 草皮子 HTML5/GAME 4 人赞同了该回答 只用过three.js,所以推荐这个.不清楚你 阅读全文
posted @ 2017-12-31 18:42 SoftBlue 阅读(1599) 评论(0) 推荐(0)
Canvas游戏计算机图形教程
摘要:TechbrooD 主站 WOW 登录 注册 TechbrooD 主站 WOW 登录 注册 主站 WOW 登录 注册 登录 注册 0首页 1简介 1.1WWW 技术变迁和生态 1.2WWW 学习建议 1.3WWW 互联网基础知识 1.4WWW Web 1.5 WWW Web 浏览器 1.1WWW 技 阅读全文
posted @ 2017-12-31 18:39 SoftBlue 阅读(228) 评论(0) 推荐(0)
Three.js学习笔记
摘要:three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够 阅读全文
posted @ 2017-12-31 18:26 SoftBlue 阅读(280) 评论(0) 推荐(0)
运用JS设置cookie、读取cookie、删除cookie
摘要:JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在 阅读全文
posted @ 2017-12-31 10:34 SoftBlue 阅读(143) 评论(0) 推荐(0)
地区三级联动
摘要:// 初始化地址列表 addressInit(); function addressInit() { $.get('order.php?act=address', function (resp) { // 测试是否存在收货地址 if (0 == resp.data.length) { retur... 阅读全文
posted @ 2017-12-30 09:32 SoftBlue 阅读(297) 评论(0) 推荐(0)
浅析JavaScript访问对象属性和方法及区别
摘要:属性是一个变量,用来表示一个对象的特征,如颜色、大小、重量等;方法是一个函数,用来表示对象的操作,如奔跑、呼吸、跳跃等。 在JavaScript中通常使用”."运算符来存取对象的属性的值。或者使用[]作为一个关联数组来存取对象的属性。 对象的属性和方法统称为对象的成员。 访问对象的属性 在JavaS 阅读全文
posted @ 2017-12-29 13:01 SoftBlue 阅读(237) 评论(0) 推荐(0)
JSON.parse()和JSON.stringify()
摘要:parse用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":"23"}' 结果: JSON.parse(str) Object Object 注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。 stringif 阅读全文
posted @ 2017-12-29 13:00 SoftBlue 阅读(144) 评论(0) 推荐(0)
在JS中使用全局变量
摘要:在JS中使用全局变量不像C++,也不像PHP。 先摆出错的代码: 这里弹出的是undefined. 要像这样用: 这里弹出的就是全局变量globalvar的值’a'啦。 使用”window.全局变量名“可以获取、修改全局变量。 阅读全文
posted @ 2017-12-26 15:29 SoftBlue 阅读(13877) 评论(0) 推荐(0)
原生和jQuery的ajax用法
摘要:form数据的序列化: jQuery的ajax方法: 原生的ajax方法: 阅读全文
posted @ 2017-12-26 15:27 SoftBlue 阅读(285) 评论(0) 推荐(0)