meta

2.10 学习总结 之 JQ加强

梦想的初衷 提交于 2020-02-10 10:39:51
一、说在前面 昨天 完成了体温统计APP的编写 今天 学习json数据结构 二、学习总结 1、json数据结构 1)什么是json:   JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。 2)json的数据格式(json的结构有两种结构) 第一种:对象结构:对象在js中表示为“{}”括起来的内容,数据结构为 {key:value,key:value,...}的键值对的结构,在面向对象的语言中,key为对象的属性,value为对应的属性值,key的类型为字符串,value的类型可以是 数字、字符串、数组、对象几种。 示例:描述一个用户:  {"id":100,"username":"张三","age":28,"addr":"天津"} 第二种:数组结构:数组在js中是中括号“[]”括起来的内容,数据结构为 ["java","javascript","vb",...],取值方式和所有语言中一样,使用索引获取,字段值的类型可以是 数字、字符串、数组、对象几种。 (注意:在实际开发中,对象结构和数组结构会相互嵌套,相互包含

动态触击式特效代码实现

▼魔方 西西 提交于 2020-02-10 09:03:30
代码是转载的,经过本地测试没得问题可以跑 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> </head> <body> <script> !function(){function n(n,e,t){return n.getAttribute(e)||t}function e(n){return document.getElementsByTagName(n)}function t(){var t=e("script"),o=t.length,i=t[o-1];return{l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",.5),c:n(i,"color","0,0,0"),n:n(i,"count",99)}}function o(){a=m.width=window.innerWidth||document

学生管理servlet

送分小仙女□ 提交于 2020-02-10 09:01:27
下载链接 目录结构如下: edu.lishan.bean>>         Student.java edu.lishan.servlet>>         LoginServlet.java edu.lishan.util>>         DbConnect.java WebRoot>>         index.jsp         loginAction.jsp         stuAdd.jsp Student.java package edu.lishan.bean; public class Student { private int id; private String name; private String sex; private String specialty; private String grade; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getSex() { return sex; } public

采用JDBC解释java SPI机制和线程上下文类加载器——————开开开山怪

折月煮酒 提交于 2020-02-09 14:05:52
采用JDBC解释JAVA SPI机制和线程上下文类加载器 SPI(Service Provider Interface)网上有关于SPI的解释,在这里我简单总结一下。 SPI机制可以做到将服务接口和真正的服务接口的实现类分开,可以增加程序的可扩展性,通过扫描规定的路径来进行实现类的获取,可以说是一种服务发现机制。 优点 : 在面向对象的设计中,我们一般建议基于接口的编程,如果代码中涉及到具体的实现类,如果我们想要换一种实现方案就不得不更改代码,但是采用接口的方式,只要我们采用一种机制,可以使得我们能够获取接口的不同的实现类,那么我们的代码的灵活性就比较的高,这种机制就是SPI。 SPI机制的工作过程 当服务提供者提供了服务接口的实现类,当实现类打成jar包之后,在jar包的META-INF/services/ 建立一个以服务接口名称为文件名称的文件,并且文件的内容为该服务接口的实现类的名称,那么当应用程序需要这部分功能模块的时候,就能通过META-INF/services/下的这个配置文件找到对应的实现类的名称,可以进行加载并且实例化。这也是同时也是服务提供者需要遵守的规则。 下面我们举例子所说的服务提供者就是mysql-connector-java-5.1.46-bin.jar 服务接口就是java.sql.Driver. 栗子: 在我们程序中,需要链接数据库的时候

【Web前端开发】《零基础入门学习Web开发》(HTML5&CSS3)(小甲鱼)

╄→尐↘猪︶ㄣ 提交于 2020-02-09 11:18:37
1 P1:凉凉好像挺厉害的奥? 听完了! 2 P2:HTML是用来描述网页的一种语言 官方:超文本 标记语言 Hyper Text Markup Language 使用标签来描述网页 < >括起来的就是标签,成双成对 开始标签+结束标签 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>第一个程序</title> 5 </head> 6 <body> 7 <h1>Hello world</h1> 8 <p>2020 CS</p> 9 </body> 10 </html> 第一行:声明——由HTML5(最新)编写。声明的作用是帮助编译器去解析你的代码。 html元素:描述所有网页的内容 head元素:所有头部元素的容器 title指定网页的标题 body:包含网页中所有可见的内容 h1:标题的尺寸 往下由h1,h2,h3,h4,h5,h6 h1最大 p元素:定义了一个段落,存放文本 P3: 服务器搭建?? 课程案例在线演示:http://demo.fishc.com HTML5速查宝典:http://man.fishc.com/html5 CSS3速查宝典:http://man.fishc.com/css3 扩展阅读:bbs.fishc.com 课堂课后资料 阶段考核——项目!!! img标签——插入一个图片 必须设置alt src属性

Web前端—01HTML超文本标记语言

拥有回忆 提交于 2020-02-09 03:10:19
文章目录 一、Wed前端开发介绍 1、Web概述 2、Web起源 3、Web的特点 4、Web工作原理 5、URL介绍 二、HTML网页结构 1、HTML介绍 2、HTML基本结构 3、文档类型 4、文档规范与注释 三、HTML标签 1、文本标签 2、换行标签 3、列表标签 4、div和span标签 5、图片标签img 6、超链接标签 7、表格标签 (1)表格标签 (2)表格标签合并 (3)案例 8、表单标签 (1)表单标签 (2)表单项标签 (3)案例 (3)文本域标签 (4)下拉列表标签 (5)按钮标签 9、html内嵌框架 以上介绍到的是一些常用的标签,还有很多,需要时可以上网查询,菜鸟教程或者W3C 一、Wed前端开发介绍 1、Web概述 前端开发三剑客: HTML :超文本标记语言 CSS :层叠样式表,用来装饰HTML框架 JavaScript :前端编程语言,用来使页面进行交互,动态展示 三者可以理解为:人(HTML) ---- 给人化妆 (CSS)---- 使人动起来(JavaScript) 在使用JavaScript时候,它很底层,开发的时候太慢,为了使开发页面更快,其实是封装了JS的一些框架,类似于python中的模块,比如jQuery,viewe.js等 2、Web起源 1984年蒂姆伯纳斯李创造了世界上第一个万维网导航站点世界上第一个网站 3、Web的特点

CSS之⑩伪类选择器(复合选择器④)

橙三吉。 提交于 2020-02-08 22:18:34
CSS之⑩伪类选择器(复合选择器④) QQ:3020889729 小蔡 何为伪类选择器 链接伪类选择器 链接伪类选择器的选择器名字 链接伪类选择器的作用范围 链接伪类选择器的基本格式 链接伪类选择器的使用 :focus伪类选择器 :focus伪类选择器的选择器名字 :focus伪类选择器的作用范围 :focus伪类选择器的基本格式 :focus伪类选择器的使用 QQ:3020889729 小蔡 何为伪类选择器 不用于一般的选择器,伪类选择器起到为标签/元素 设置特殊效果 的作用。 一个例子:(就是我们写博客时候的目录) 链接伪类选择器 链接伪类选择器的选择器名字 a:link a:visited (被点击产生设定的效果,该效果直到该页面缓存清除后才会消失(也就是可能出现点击一次后,再刷新网页也没可能还是被点击后的样式)) a:hover (悬停特效:不只是用到a标签,还可以用到其它的标签) a:active (激活特效:鼠标未松起时的特效——用法和hover相同) 依次为: 未访问过的链接效果,访问过的链接效果,鼠标触摸的链接效果,鼠标按下未松起的链接效果的链接伪类选择器的名字 (ps:link/visite只用于超链接标签a,后两个还可以用于其它标签) 链接伪类选择器的作用范围 所有的链接标签范围都有用。 链接伪类选择器的基本格式 格式:a+:+link/visited

css经典布局——头尾固定高度中间高度自适应布局

那年仲夏 提交于 2020-02-08 22:15:43
转载:穆乙 http://www.cnblogs.com/pigtail/ 相信做过后台管理界面的同学,都非常清楚这个布局。最直观的方式是框架这个我不想多写费话,因为我们的重心不在这里。如果有不了解的同学可以百度、google。这里我不得不吐下槽!! 百度实在让我这个“粉丝”失望。就目前情况来说,百度已经完全轮为“有钱人排行榜”!再也不顾及用户的搜索需求了,因为主导地位实在是:不可撼动! 不相信的同学,可以亲身对比下B vs G的搜索结果。别告诉我google如何强大!! 很久以前,百度的搜索结果更符合目标,因为他更了解中国人的习惯,这是不可争议,现在情况已经完全相反! 虽然google经常是六脉神剑,但我更欣赏它的搜索结果。吐槽打住!!! 现在开始正式谈论这个经典布局 —— 头尾固定高度中间高度自适应布局 下面说下要求: 1 头部固定高度,宽度100%自适应父容器; 2 底部固定高度,宽度100%自适应父容器; 3 中间是主体部分,自动填满,浏览器可视区域剩余部分,内容超出则中间部分出现流动条; 4 整个内容填满浏览器可视区域,并且不超出此区域! 先看下效果图: 相信,做过两年前端的同学,拿到这个需求,都有一个感觉——这挺简单的! 是的,本来就挺简单! 方法一:position:absolute定位,不设高,并改变"包含块"的尺寸渲染 从我脑海崩出来的第一个念头就是定位布局—

vue中全局前置守卫router.beforeEach出现死循环日记

旧街凉风 提交于 2020-02-08 18:59:53
今天我用vue写登录的时候,想利用全局前置守卫来进行路由控制,判断是否登录和是否有此资源写完后会发现页面空白,并进入死循环。 设置路由 1 const routes = [ 2 { 3 path: '/', 4 redirect: "/login" // 重定向 5 }, 6 { 7 path: '/home', 8 component: Home, 9 children: [ // 子路由 10 { 11 path: '', 12 name: 'home', 13 component: Dash, 14 meta: { 15 auth: true 16 } 17 }, 18 { 19 path: 'about', 20 name: 'About', 21 component: () => import('../views/About.vue'), 22 meta: { 23 auth: true 24 } 25 }, 26 { 27 path: 'list', 28 name: 'list', 29 component: () => import('../views/List.vue'), 30 meta: { 31 auth: true 32 } 33 }, 34 { 35 // path: 'detail', 36 path: 'detail/:id', //

0621笔记

﹥>﹥吖頭↗ 提交于 2020-02-08 04:08:23
html 开发网站的三种技术 Html 负责网页的结构 Css 站在美学的角度进行美化 JavaScript 站在用户体验的角度设计网页的交互效果 主讲Html 超文本标记语言(HyperText Markup Language) 文本:txt文本 超文本:文本、图片、链接、音乐、程序 标记:标签 单标签和双标签 html当中,不存在编程语言的语法,而是充斥着各式各样的标签 html运行环境是浏览器(用于打开网页) 在浏览器中打开的网页本质上都是一个文本,而这个文本称之为html html5文档结构说明 <!DOCTYPE html> html5 文档声明头 <html></html> 双标签 定义html文档内容的结构 <head></head> 头部 里面写的内容是对于当前网页的一些预定义信息 <body></body> 写给用户看的内容 <meta charset = "UTF-8"> 设定当前网页的编码格式 <title>网页标题</title> 通常情况下,title要放在meta字符集设置的下面,防止出现乱码 <link rel = "stylesheet" href = "style.css"> 引入外部的css文件 meta标签的其他用法 标签的定义及使用说明 元数据(Metadata)是数据的数据信息。 标签提供了 HTML 文档的元数据。元数据不会显示在客户端