随笔分类 -  前端

1 2 下一页
Flask 快速入门
摘要:一个最小的应用 调试模式 路由 静态文件 模板渲染: 除了/static, /templates 目录; 在模版里面,可以访问request, session 和 g对象,以及get_flashed_messages. 模版继承 访问请求数据 request 单元测试的最简单的解决方案是:用test 阅读全文
posted @ 2017-12-14 09:24 Zoe233 阅读(113) 评论(0) 推荐(0)
HTML模版组件
摘要:1、介绍 BootStrap (最好看的) css js [x] 学习 BootStrap 规则 jQueryUI (美观一般,偏后台。*) css js [x] 学习 jQueryUI 规则 EasyUI (html框架和生成的效果不一样,有时需要修改css、js,代价大一点) css js [x 阅读全文
posted @ 2017-12-12 17:11 Zoe233 阅读(155) 评论(0) 推荐(0)
JavaScript正则表达式及jQuery回顾
摘要:JavaScript 正则表达式,用于规定在文本中检索的内容。 一、定义正则表达式: /…/ 用于定义正则表达式 /…/g 表示全局匹配 /…/i 表示不区分大小写 /…/m 表示多行匹配 JS正则匹配时本身就是支持多行,此处多行匹配只是影响正则表达式^和$,m模式也会使用^$来匹配换行的内容。 二 阅读全文
posted @ 2017-12-12 17:07 Zoe233 阅读(181) 评论(0) 推荐(0)
jQuery 教程
摘要:大纲 一、jQuery简介 二、jQuery 和Dom关系及jQuery版本 1、jQuery版本 2、jQuery和Dom转换 三、jQuery 选择器 1.1、基本 1.2、层级 2、基本筛选器 3、属性选择器 4.1、表单 4.2、表单对象属性 四:jQuery 示例 1、示例:全选、反选、取 阅读全文
posted @ 2017-12-12 16:39 Zoe233 阅读(197) 评论(0) 推荐(0)
JavaScript HTMlL DOM对象(下)
摘要:DOM:document operation model 文档操作模型 每个标签都是一个对象。 一、查找元素 DOM 回顾 搜索框的示例 二、元素操作 1、样式操作 样式操作(增删改 选中对象的 类名): 更细力度设置样式 2、属性操作 创建标签,并添加到HTML中: a. 字符串形式 b. 对象的 阅读全文
posted @ 2017-12-12 14:24 Zoe233 阅读(218) 评论(0) 推荐(0)
HTML后台管理页面布局
摘要:设计网页,让网页好看:网上找模板 搜 HTML模板 BootStrap 一、内容回顾: HTML CSS 二、页面布局之主站页面 主站布局一般不占满页面,分为菜单栏、主页面、底部 上中下三部分。伪代码如下: 三、页面布局之后台布局 后台页面一般分为上面顶部菜单、左侧操作栏、中右为内容三部分。有的后台 阅读全文
posted @ 2017-12-12 11:45 Zoe233 阅读(4713) 评论(0) 推荐(0)
JavaScript HTMlL DOM对象(上)
摘要:Dom:document。相当于把所有的html文件,转换成了文档对象。 之前说过:html-裸体的人;css-穿上衣服;js-让人动起来。 让人动起来,就得先找到他,再修改它内容或属性。 找到标签 操作标签 一、查找元素 1、直接查找 查找操作练习 2、间接查找 二、操作标签 1、内容操作 2、样 阅读全文
posted @ 2017-12-12 10:37 Zoe233 阅读(179) 评论(0) 推荐(0)
HTML JavaScript 基础(上)
摘要:一、初识JavaScript JavaScript 和 Java什么关系? 半毛线关系都没有,只是名字有点重合而已。 JavaScript 和python、C#、Java、Ruby一样,都是一门独立的编程语言。 像Python、C、Java等都需要解释器,学习它们的语法。而浏览器本身就是JavaSc 阅读全文
posted @ 2017-12-12 10:18 Zoe233 阅读(136) 评论(0) 推荐(0)
HTML中使用CSS样式(下)
摘要:上节内容回顾加补充: 补充:默认img标签,有一个1px的边框 如果点击图片跳转到连接,a标签下套img标签,在IE有的版本中,会有蓝色边框。 原因:因为a标签默认字体颜色就是蓝色,img标签继承了父级标签,而IE浏览器默认给边框加了宽度。 解决: 回顾 一、css 之 position 分层 1、 阅读全文
posted @ 2017-12-12 09:20 Zoe233 阅读(271) 评论(0) 推荐(0)
HTML中使用CSS样式(上)
摘要:在每一个标签上都可以设置style属性,这就是CSS样式: 但是上面的样式没有重用性。如何提高重用性呢? 一、编写css样式 1、ID选择器 由于ID唯一,所以也是写多遍。 2、class选择器 class选择器是最常用的。 3、标签选择器 不管那一层,只要是这个标签就应用这个样式。 4、层级选择器 阅读全文
posted @ 2017-12-11 21:55 Zoe233 阅读(302) 评论(0) 推荐(0)
HTML 教程之常用html标签
摘要:前端三把利器: HTML:赤裸裸的人 20个标签 CSS:华丽的衣服 颜色 位置 …… JS:让这个人动起来 HTML:赤裸裸的人 20个标签 CSS:华丽的衣服 颜色 位置 …… JS:让这个人动起来 20个标签 颜色 位置 …… 一、HTML本质及在web程序中的作用 web访问中,浏览器充当一 阅读全文
posted @ 2017-12-11 17:14 Zoe233 阅读(270) 评论(0) 推荐(0)
B/S和C/S架构的区别
摘要:一、B/S架构 什么是B/S模式 B/S模式,即浏览器/服务器模式,是一种从传统的二层CS模式发展起来的新的网络结构模式,其本质是三层结构C/S模式。B/S网络结构模式是基于Intranet的需求而出现并发展的。 B/S模式的工作原理 在B/S模式中,客户端运行浏览器软件。浏览器以超文本形式向Web 阅读全文
posted @ 2017-09-30 09:40 Zoe233 阅读(376) 评论(0) 推荐(0)
WEB框架
摘要:1.所有的WEB框架或WEB请求本质上是什么?答:所有的WEB框架或WEB请求本质上是一个socket。 2.http是什么呢?答:服务端无论通过Apache还是nginx实现,只要服务端运行,本质上就是一个socket服务端;浏览器充当的是socket客户端,浏览器去服务器端请求,建立一次TCP链 阅读全文
posted @ 2017-09-21 10:19 Zoe233 阅读(226) 评论(0) 推荐(0)
前端开发框架
摘要:1 EasyUI 推荐指数:暂时不推荐,由于存在大量的Ajax操作。 官网:http://www.jeasyui.net/ 优点:功能齐全,demo多,主要支持后台管理界面开发 缺点:修改EasyUI时代价大,不仅要改CSS,还要改JS. 使用方式: 第一步:下载到本地 第二步:到demo中找想要的 阅读全文
posted @ 2017-09-21 10:08 Zoe233 阅读(147) 评论(0) 推荐(0)
JS 正则
摘要:正则表达式的两大功能: - 判断字符串是否符合规定的正则 - 获取匹配的数据 正则表达式两大方法的基本介绍及应用: test - 判断字符串是否符合规定的正则 rep = /\d+/; rep.test("asdfoiklfasdf89asdfasdf") //默认只要存在符合的就返回true。 # 阅读全文
posted @ 2017-09-21 10:06 Zoe233 阅读(182) 评论(0) 推荐(0)
登陆注册验证
摘要:一、登录注册验证 1.1 自定义事件和默认事件执行顺序 a标签,input标签(type=checkbox,submit)都有默认事件,如果给相应的标签加上了自定义事件,那么默认事件和自定义事件的执行顺序是怎样的? 解:默认情况下,都是自定义事件先执行。 具体分类如下: a.默认事件先执行的标签(特 阅读全文
posted @ 2017-09-21 09:54 Zoe233 阅读(301) 评论(0) 推荐(0)
jQuery
摘要:参考手册:http://jquery.cuishifeng.cn/ 模块 <==> 类库DOM/BOM/JavaScript的类库 版本: 1.X 目前所使用的均为1.X版本系列。 2.X 3.X jQuery对象具有jQuery的属性方法,可以通过jQuery对象.attribute调用,另外还可 阅读全文
posted @ 2017-09-20 10:18 Zoe233 阅读(313) 评论(0) 推荐(0)
JavaScript词法分析解析
摘要:JavaScript代码运行前有一个类似编译的过程即词法分析,词法分析主要有三个步骤: 分析参数 再分析变量的声明 分析函数声明 具体步骤如下: 函数在运行的瞬间,生成一个活动对象(Active Object),简称AO 第一步:分析参数: 第二步:分析变量声明:如var age;或var age= 阅读全文
posted @ 2017-09-19 13:41 Zoe233 阅读(579) 评论(3) 推荐(0)
DOM事件
摘要:Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行! 事件句柄 (Event Handlers) HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当 阅读全文
posted @ 2017-09-11 22:58 Zoe233 阅读(314) 评论(0) 推荐(0)
DOM
摘要:文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。 它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。 我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。 DOM属于浏览器,而不是JavaScript语言规范里 阅读全文
posted @ 2017-09-11 17:28 Zoe233 阅读(170) 评论(0) 推荐(0)

1 2 下一页