随笔分类 -  js

前端之masonry（图片瀑布流插件）
摘要：加载代码： 1 2 <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> <script src="http://jq22.qiniudn.com/masonry-docs.min.js"></script> 阅读全文
posted @ 2018-06-25 11:34 人生不如戏 阅读(554) 评论(0) 推荐(0)
Django项目实战之用户头像上传与访问
摘要：1 将文件保存到服务器本地 upload.html urls.py views.py 总结 这样，我们就做好了一个基本的文件上传小示例，这里需要注意的有几点： 2 将文件上传到数据库 models.py views.py 总结 上面已经实现了将文件上传到数据库的功能，需要注意的有几点： 附加 功能我 阅读全文
posted @ 2018-04-14 17:24 人生不如戏 阅读(4831) 评论(1) 推荐(3)
前端插件之Bootstrap Switch 选择框开关控制
摘要：简介 Bootstrap Switch是一款轻量级插件，可以给选择框设置类似于开关的样式 它是依赖于Bootstrap的一款插件 下载 下载地址 在线引用 导入 因为它是依赖于Bootstrap的一款插件，所以，在引入之前要先引入Bootstrap样式 使用 属性 除了默认的样式，还可以通过给inp 阅读全文
posted @ 2018-04-11 11:13 人生不如戏 阅读(16374) 评论(0) 推荐(1)
前端框架之SweetAlert
摘要：简介 SweetAlert是一款很好用的弹出框框架 下载 点我下载 导入 博主用的是bootstrap-sweetalert,所以要依赖bootstrap，导入前先导入原生jQuery以及bootstrap 基本样式 1、单条弹出框 2、删除警告框（取消时不提示） 3、删除警告框（取消时提示） 4、 阅读全文
posted @ 2018-04-08 17:31 人生不如戏 阅读(1201) 评论(0) 推荐(0)
Bootstrap框架
摘要：Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap？ 在Bootstrap出现之前： 阅读全文
posted @ 2018-03-20 18:37 人生不如戏 阅读(435) 评论(0) 推荐(0)
Font Awesome矢量图标框架
摘要：一、font awesome简介 目前图标总数共有519个; 不依赖Javascript 矢量图形,无限缩放 免费,可用于商业 CSS控制样式,自定义图标颜色,大小,阴影,一切可能实现的效果 支持retina显示(苹果retina 屏幕) 源于BS框架(最初的目标设计使用方向),现在基本支持主流的框 阅读全文
posted @ 2018-03-20 17:05 人生不如戏 阅读(650) 评论(0) 推荐(1)
Toastr 通知提示插件
摘要：Toastr 简介 jquery toastr 一款轻量级的通知提示框插件。 网页开发中经常会用到提示框，自带的alert样式无法调整，用户体验差。 所以一般通过自定义提示框来实现弹窗提示信息，而jquery toastr正是为此的一款非常棒的插件。 开发中用angular比较多，所以笔记记录了an 阅读全文
posted @ 2018-03-20 15:32 人生不如戏 阅读(8844) 评论(0) 推荐(3)
JavaScript之事件及动画
摘要：一、事件 常用事件 事件绑定 语法： events： 事件 selector: 选择器（可选的） function: 事件处理函数 移除事件 语法： events： 事件 selector: 选择器（可选的） function: 事件处理函数 阻止后续事件执行 页面载入 当DOM载入就绪可以查询及操 阅读全文
posted @ 2018-03-16 15:27 人生不如戏 阅读(482) 评论(0) 推荐(0)
jQuery基础
摘要：一、jQuery是什么？ jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do mor 阅读全文
posted @ 2018-03-14 17:31 人生不如戏 阅读(261) 评论(0) 推荐(0)
jQuery实例
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="jquery-3.2.1.min.js"></script> <style> * { margin: 0px; padding: 0px; } li 阅读全文
posted @ 2018-03-14 16:26 人生不如戏 阅读(158) 评论(0) 推荐(0)
JavaScript之实例
摘要：<meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <tit 阅读全文
posted @ 2018-03-13 20:39 人生不如戏 阅读(234) 评论(0) 推荐(0)
JavaScript之DOM
摘要：一、什么是DOM？ DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 DOM（Document Object Model）是一套对文档的内容进行抽象和概念化的方法。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Ob 阅读全文
posted @ 2018-03-13 17:30 人生不如戏 阅读(230) 评论(0) 推荐(0)
JavaScript之BOM
摘要：一、什么是BOM？ BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 二、Windows对象 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对 阅读全文
posted @ 2018-03-13 17:18 人生不如戏 阅读(333) 评论(0) 推荐(0)
JavaScript函数与对象
摘要：函数 函数的定义 JavaScript中的函数和Python中的非常类似，只是定义方式有点区别。 // 普通函数定义 function f1() { console.log("Hello world!"); } // 带参数的函数 function f2(a, b) { console.log(ar 阅读全文
posted @ 2018-03-12 16:21 人生不如戏 阅读(660) 评论(0) 推荐(0)
JavaScript基础
摘要：一、JavaScript简介 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中)，后将其改名ScriptEase(客户端执行的语言)。 Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Nav 阅读全文
posted @ 2018-03-09 19:12 人生不如戏 阅读(283) 评论(0) 推荐(0)
前端知识总汇
摘要：一、HTML HTML基础 HTML标签详解 二、CSS CSS基础 CSS属性详解 CSS实例 三、JavaScript JavaScript基础 JavaScript函数和对象 BOM DOM JavaScript实例 四、jQuery jQuery基础 jQuery事件 jQuery实例 五、 阅读全文
posted @ 2018-03-05 16:27 人生不如戏 阅读(361) 评论(0) 推荐(0)