![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 86
全栈学习系列前端部分
残·影
大多数内容都是看视频做的笔记,侵删
展开
-
Vue入门
Vue基础语法传送门VUE基础语法 在学习vue之前,我们应了解一下什么是vue.js?一、什么是Vue.js?Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js借鉴了Angular以及React的一些核心思想,综合各自的长处进行了操作以及性能等方面的优化,进而打造出一款性能更优,学习更容易的MVVM框架。二、学习Vue基本语法1、v-bind转载 2021-02-19 18:32:08 · 248 阅读 · 0 评论 -
TCP/IP的三次握手和四次挥手
写在最前本文是借鉴了传送门的博客并加上了一些自己的理解,侵删TCP三次握手所谓三次握手(Three-Way Handshake)即建立TCP连接,就是指建立一个TCP连接时,需要客户端和服务端总共发送3个包以确认连接的建立。在socket编程中,这一过程由客户端执行connect来触发,整个流程如下图所示:在这里插入图片描述(1)第一次握手:Client将标志位SYN置为1,随机产生一个值seq=J,并将该数据包发送给Server,Client进入SYN_SENT状态,等待Server确认。(转载 2020-10-21 08:53:14 · 2909 阅读 · 0 评论 -
JavaScript之事件处理机制
基本概念绑定事件处理函数绑定HTML元素属性绑定JavaScript对象属性addEventListener与attachEventaddEventListenerattachEvent事件处理函数的执行环境事件处理函数中的this关键字访问事件对象使用返回值取消默认行为调用顺序在代码中触发事件事件传播取消...原创 2020-04-29 08:36:30 · 10623 阅读 · 0 评论 -
通过querySelector实现显示内容的切换
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu...原创 2020-04-22 19:29:44 · 11074 阅读 · 0 评论 -
下拉菜单示例
html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu...原创 2020-04-22 19:21:30 · 10720 阅读 · 0 评论 -
DOM编程
DOM模型概述DOM模型和HTML文档访问HTML元素根据ID访问HTML元素根据CSS选择器来访问HTML元素代码示例: <div id="a">疯狂java讲义</div> <textarea name="" id="b" cols="25" rows="3">轻量级javaee企业应用实战</textarea> ...原创 2020-04-22 20:27:36 · 10990 阅读 · 0 评论 -
JavaScript学习之面向对象
面向对象JavaScript的继承机制代码示例:<script> //prototype function Person(name ,age){ this.name = name; this.age = age; this.info = function (){ ...原创 2020-04-20 19:30:06 · 10577 阅读 · 0 评论 -
JavaScript学习三函数、对象相关
函数的三种定义方式在同一个script标签中,函数会有函数提升特性,但是在不同的script中只是后面的能调用前面的定义命名函数定义匿名函数匿名函数的可读性更好,也是最常用的方法利用Function类匿名函数可读性很差!!!!!局部函数函数、方法、对象、变量和类函数的实例属性和类属性代码示例:Person类的age是成员变量,national是静态变量,b...原创 2020-04-17 20:01:18 · 10596 阅读 · 0 评论 -
JavaScript学习二
变量提升问题代码示例:<script> // 局部变量和全局变量的覆盖问题,变量提升问题 var scope = "全局变量"; function test(){ document.writeln(scope + "<br>"); var scope = "局部变量"; ...原创 2020-04-16 20:01:53 · 10466 阅读 · 0 评论 -
JavaScript学习一
变量相关隐式定义的都是全局变量,用var在函数内部定义的是局部变量JavaScript没有块范围,只认方法的大括号,其他诸如if for switch等等不受限制代码示例: <script> function test(o){ var i = 0; if(typeof o == "object"){...原创 2020-04-15 19:26:30 · 7898 阅读 · 0 评论 -
CSS学习之变形与动画与相关属性
transform属性代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2020-04-15 19:08:46 · 7876 阅读 · 0 评论 -
CSS学习
盒子模型背景相关background-clip:设置背景覆盖的范围示例代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...原创 2020-04-14 19:41:14 · 6897 阅读 · 0 评论 -
上传图片到数据库的两种方法
思路不管是用form方式还是ajax方式提交,原理都是在后台新建一个文件夹专门放图片/文件,把文件的名字存到数据库中通过form提交html部分:input框type选file,enctype选multipart/form-data(用二进制方式传输)<!DOCTYPE html><html><head><meta charset="UTF-...原创 2020-04-13 19:11:59 · 16153 阅读 · 0 评论 -
基于servlet和mysql的简易新闻系统
项目结构前端页面:登录页面:login.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2020-04-11 14:51:26 · 2028 阅读 · 0 评论 -
day08 数据的三种提交方式 get post和ajax
get方式和post方式提交请求代码示例:html部分<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body> <h1>Get方式提交请求...原创 2020-04-07 18:41:49 · 1611 阅读 · 0 评论 -
Day02 前端基础
主流浏览器及其内核 浏览器分为shell 和 内核 主流浏览器及其内核 IE trident Firefox Gecko Google Chrome webkit/blink Safari webkit Opera presto1.行级元素:inline 内容决定元素所占位置 不可以通过css改变宽高 span strong em a d...原创 2020-04-05 08:31:21 · 222 阅读 · 0 评论 -
day07前端学习html与css
弹性盒子布局本部分笔记参考别人的笔记,为转载,原地址:https://www.jianshu.com/p/d9373a86b748/ display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。 是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。 目前,它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写,意为"弹性布局"...转载 2020-04-03 19:17:34 · 349 阅读 · 0 评论 -
day 06 前端学习
颜色表示 颜色表示方式: (1)颜色的英文单词:red,blue等等 (2)#后面加上六位十六进制的数,每两位对应一种颜色,16*16=256正好对应一种颜色。000000----ffffff对应着从黑到白 (3)颜色函数rgb(0-255,0-255,0-255); (3)颜色函数rgba(0-255,0-255,0-255,0-1);a的值的范围是0-1,也就...原创 2020-04-03 07:32:03 · 268 阅读 · 0 评论 -
day05 javaweb初步以及linux数据库基础
**Servlet新建出错是因为没有引入Servlet库,把下图的包导入localhost和127.0.0.1都代表本机地址request.setCharacterEncoding(“UTF-8”);response.setCharacterEncoding(“UTF-8”);response.setContentType(“text/html;charset=utf-8”);requ...原创 2020-04-03 07:13:57 · 223 阅读 · 0 评论 -
Day 04 链表复习 web基础介绍
链表复习(1)增加用头插法可以避免尾插法中第一次没有内存的情况(2)普通的删除需要区分是不是头结点,因为头结点没有父节点,所以给链表加一个空的父节点,。public class List { //列表有一个空的头结点 private Node link = new Node(); //添加使用头插法,把插入节点放到空的头结点的后面 public void add(int value...原创 2020-04-01 08:15:50 · 250 阅读 · 0 评论 -
Day3 Java数组复习,计算机网络,前端CSS选择器与linux基础命令
数组基本操作复习:只要是new出来的对象都是有默认值的,基本类型默认值是0,引用类型默认值是null,布尔类型的默认值是false。在方法里面声明的变量没有默认值,类里面的变量有默认值。在内存中数组的地址是连续的。代码的计算效率不能小于人的计算效率。增:注意到没到数组上限删:(1):按照数组下标删除,首先注意index有没有越界,如果没有越界, 删除就按照后面的数据覆盖前面的数据就...原创 2020-03-30 19:08:04 · 225 阅读 · 0 评论 -
Day 2 前端基础
主流浏览器及其内核 浏览器分为shell 和 内核 主流浏览器及其内核 IE trident Firefox Gecko Google Chrome webkit/blink Safari webkit Opera presto1.行级元素:inline 内容决定元素所占位置 不可以通过css改变宽高 span strong em a d...原创 2020-03-27 19:12:08 · 314 阅读 · 0 评论