前端
关注
分享
扫一扫
潇潇的雨幕里
好记性不如烂笔头
展开
-
1-41 Ajax&Json
今日内容1. AJAX：2. JSONAJAX：1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 [1] 通过在后台与服务器进原创 2021-02-24 08:22:45 · 96 阅读 · 0 评论 -
1-40 JQuery高级
今日内容：1. JQuery 高级 1. 动画 2. 遍历 3. 事件绑定 4. 案例 5. 插件JQuery 高级1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来指定切换效果，默认是"swing"原创 2021-02-24 08:21:44 · 76 阅读 · 0 评论 -
1-39 JQuery基础
今日内容1. JQuery 基础： 1. 概念 2. 快速入门 3. JQuery对象和JS对象区别与转换 4. 选择器 5. DOM操作 6. 案例JQuery 基础：1. 概念： 一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封原创 2021-02-24 08:20:24 · 80 阅读 · 0 评论 -
1- 38 Filter&Listener
今日内容1. Filter：过滤器2. Listener：监听器Filter：过滤器1. 概念： * 生活中的过滤器：净水器,空气净化器，土匪、 * web中的过滤器：当访问服务器的资源时，过滤器可以将请求拦截下来，完成一些特殊的功能。 * 过滤器的作用： * 一般用于完成通用的操作。如：登录验证、统一编码处理、敏感字符过滤...2. 快速入门： 1. 步骤： 1. 定义一个类，实现接口Filter 2. 复写方法 3. 配置拦截路径 1. web.xml原创 2021-02-24 08:19:35 · 127 阅读 · 0 评论 -
1- 36 EL&JSTL
今日内容1. JSP: 1. 指令 2. 注释 3. 内置对象2. MVC开发模式3. EL表达式4. JSTL标签5. 三层架构JSP:1. 指令 * 作用：用于配置JSP页面，导入资源文件 * 格式： <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %> * 分类： 1. page ： 配置JSP页面的 * contentType：等同于response.setContentType() 1. 设置响应体的mime类型以原创 2021-02-24 08:19:53 · 102 阅读 · 0 评论 -
1-35 Cookie&Session&JSP入门
Cookie&Session1. 会话技术 1. Cookie 2. Session2. JSP：入门学习会话技术1. 会话：一次会话中包含多次请求和响应。 * 一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止2. 功能：在一次会话的范围内的多次请求间，共享数据3. 方式： 1. 客户端会话技术：Cookie 2. 服务器端会话技术：SessionCookie：1. 概念：客户端会话技术，将数据保存到客户端2. 快速入门： * 使用步骤：原创 2021-02-23 20:06:39 · 101 阅读 · 0 评论 -
1-34 Response
Response1. HTTP协议：响应消息2. Response对象3. ServletContext对象HTTP协议：1. 请求消息：客户端发送给服务器端的数据 * 数据格式： 1. 请求行 2. 请求头 3. 请求空行 4. 请求体2. 响应消息：服务器端发送给客户端的数据 * 数据格式： 1. 响应行 1. 组成：协议/版本 响应状态码 状态码描述 2. 响应状态码：服务器告诉客户端浏览器本次请求和响应的一个状态。 1. 状态码都是3位数字原创 2021-02-23 19:54:03 · 176 阅读 · 0 评论 -
1-33 Servlet&HTTP&Request
Servlet&HTTP&Request：1. Servlet2. HTTP协议3. RequestServlet：1. 概念2. 步骤3. 执行原理4. 生命周期5. Servlet3.0 注解配置6. Servlet的体系结构 Servlet -- 接口 | GenericServlet -- 抽象类 | HttpServlet -- 抽象类 * GenericServlet：将Servlet接口中其他的方法做了默认空实现，只将service(原创 2021-02-23 19:51:57 · 97 阅读 · 1 评论 -
1-32 Tomcat&Servlet
Tomcat&Servlet1. web相关概念回顾2. web服务器软件：Tomcat3. Servlet入门学习web相关概念回顾1. 软件架构 1. C/S：客户端/服务器端 2. B/S：浏览器/服务器端2. 资源分类 1. 静态资源：所有用户访问后，得到的结果都是一样的，称为静态资源.静态资源可以直接被浏览器解析 * 如： html,css,JavaScript 2. 动态资源:每个用户访问相同资源后，得到的结果可能不一样。称为动态资源。动态资源被访问后，需要先原创 2021-02-23 19:49:42 · 87 阅读 · 0 评论 -
1-32 xml
1-32 XML1. XML 1. 概念 2. 语法 3. 解析XML：1. 概念：Extensible Markup Language 可扩展标记语言 * 可扩展：标签都是自定义的。 <user> <student> * 功能 * 存储数据 1. 配置文件 2. 在网络中传输 * xml与html的区别 1. xml标签都是自定义的，html标签是预定义。 2. xml的语法严格，html语法松散 3. xml是存储数据的，htm原创 2021-02-23 19:47:52 · 109 阅读 · 0 评论 -
1-31 BootStrap
1-31 BootStrap1. BootstrapBootstrap：1. 概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 * 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。 * 好处： 1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。 2. 响应式布局原创 2021-02-23 19:46:13 · 122 阅读 · 0 评论 -
1-30 ECMAScript、BOM、DOM、事件
1-30 JavaScript高级1. JavaScript： 1. ECMAScript： 2. BOM： 3. DOM： 1. 事件DOM简单学习：为了满足案例要求* 功能：控制html文档的内容* 获取页面标签(元素)对象：Element * document.getElementById("id值"):通过元素的id获取元素对象* 操作Element对象： 1. 修改属性值： 1. 明确获取的对象是哪一个？ 2. 查看API文档，找其中有哪些属性可以设置 2.原创 2021-02-23 19:44:53 · 92 阅读 · 0 评论 -
1-29 JavaScript
1-29 JavaScript1. JavaScript基础JavaScript：* 概念： 一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言：不需要编译，直接就可以被浏览器解析执行了* 功能： * 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。* JavaScript发展史： 1. 1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名原创 2021-02-23 19:43:23 · 84 阅读 · 0 评论 -
1-28 HTML&CSS
1-28 HTML&CSS1. HTML标签：表单标签2. CSS：HTML标签：表单标签* 表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL * method:指定提交方式 * 分类：一共7种，2种比较常用原创 2021-02-23 19:41:26 · 93 阅读 · 0 评论 -
1-27. web概念概述、HTML
1. web概念概述、HTML1. web概念概述2. HTMLweb概念概述* JavaWeb： * 使用Java语言开发基于互联网的项目* 软件架构： 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序，在远程有一个服务器端程序 * 如：QQ，迅雷... * 优点： 1. 用户体验好 * 缺点： 1. 开发、安装，部署，维护 麻烦 2. B/S: Browser/Server 浏览器/服务器端 * 只需要一个浏原创 2021-02-23 19:40:20 · 158 阅读 · 0 评论 -
动画
公告栏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g原创 2020-11-24 23:05:42 · 108 阅读 · 0 评论 -
数据可视化
可视化面板介绍 应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。01-使用技术完成该项目需要具备以下知识：div + css 布局flex 布局Less原生js + jquery 使用rem适配echarts基础02- 案例适配方案设计稿是1920pxflexible.js 把屏幕分为 24 等份cssrem 插件的基准值是 80px插件-配置按钮—配置扩展原创 2020-11-18 23:43:35 · 492 阅读 · 0 评论 -
2020-11-05
1. Git基础1.1 版本管理1.1.1 什么是版本管理版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容。1.1.2 人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制，不方便多人同时编辑同一个文档，容易产生覆盖1.2 Git 是什么Git是一个版本管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。1.3 Git 安装下载地址1.4 Git 基本工作原创 2020-11-05 00:09:25 · 227 阅读 · 1 评论 -
作用域插槽
作用域插槽一：假设第一个场景，需要你写一个商品卡片组件，并通过循环去展示多个卡片，并且要求能响应每个卡片上的图片或者其他内容的点击事件而跳转到商品详情页，你会怎么写？我会使用如下的处理方式，首先将商品卡片写成一个组件Commodity.vue，而在CommodityList.vue中用一个v-for来处理商品卡片列表的展示。<commodity v-for="(item,index) in commodities" @clickCommodity="onCommodityClick">&l原创 2020-10-25 03:01:22 · 1458 阅读 · 0 评论 -
Vue组件、组件传值和组件插槽
Vue组件、组件传值和组件插槽一、Vue组件：1.组件 (Component) 是 Vue.js 最强大的功能之一，通过组件可以扩展 HTML 元素，封装可重用的代码；2.组件是可复用的 Vue 实例，与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等3.组件注册：3.1 组件参数的data值必须是函数 同时这个函数要求返回一个对象3.2 组件模板必须是单个根元素3.3 组件模板的内容可以是模板字符串3.4 组件可以重复使用多原创 2020-10-21 23:51:19 · 1211 阅读 · 0 评论 -
vue实例化发生了什么？从生命周期函数角度
vue实例化发生了什么？本文将从生命周期钩子函数角度出发，介绍vue实例化过程中发生的那些事儿…const app = new Vue({ el:"#app', data:{ message:'hello,lifePeriod' }, methods:{ init(){ console.log('这是一个方法!') } }})vue实例化类似于创建一个对象,里面包含生命周期钩子函数,data（对象）,methods（方法）.component原创 2020-10-19 23:40:50 · 455 阅读 · 0 评论 -
虚拟DOM相关知识
虚拟DOM相关知识以下从以下问题引出虚拟DOM相关知识点1.为什么需要虚拟DOM?2.虚拟 DOM 的好处？3.如何用 JS 对象模拟 DOM 树？4.虚拟 DOM 的优缺点？5.Vue 中的 key 有什么作用1.为什么需要虚拟DOM?JS 操作真实 DOM 的代价？ 用我们传统的开发模式，原生 JS 或 JQ 操作 DOM 时，浏览器会从构建 DOM 树开始从头到尾执行一遍流程。在一次操作中，我需要更新 10 个 DOM 节点，浏览器收到第一个 DOM 请求后并不知道还有 9 次更新操作原创 2020-10-19 23:33:05 · 222 阅读 · 0 评论 -
vue双向绑定原理
vue双向绑定原理当一个 vue 实例被创建时,他向 Vue 的响应式系统中加入了其 data 对象中能找到的所有属性.【proxy和defineProperty的区别(下面)】再利用 es5 特性 Object.defineProperty实现数据劫持,通过遍历 data 对象下所有属性,将其转化为 getter/setter,以便拦截对象赋值与取值操作,(//然后利用发布/订阅者模式,)调用变量实际上是调用的访问器属性，当数据发生变化后，就会调用访问器属性，调用访问器属性就会触发通知系统，vm获得通原创 2020-10-19 23:16:28 · 462 阅读 · 0 评论 -
模块化相关规范及webpack基础知识
模块化相关规范及webpack基础知识一：模块化相关规范1.概述：传统开发模式的主要问题：a.命名冲突b.文件依赖可通过模块化解决：模块化：就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成 员，也可以依赖别的模块；好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2.浏览器端模块化规范 ：a.AMD: Require.js (http://www.requirejs.cn/)b.CMD:Sea.js(https://seajs.gi原创 2020-10-19 22:19:29 · 389 阅读 · 0 评论