2024 年 6月随笔档案 - 花溪月影

Node.js与ES632_babel6

摘要：一、export和import ES6在语言标准的层面上，实现了模块功能。ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。遗憾的是export和import命令不能在浏览器直接使用，不过可以通过babeI转换为es5再运行。import导入模块、expo 阅读全文

posted @ 2024-06-24 17:13 花溪月影阅读(17) 评论(0) 推荐(0) 编辑

Node.js与ES632_ES6特性5

摘要：创建static web测试工程：es 一、let和const命令 1、let var：之前，js定义变量只有一个关键字: var var有一个问题，就是定义的变量有时会莫名奇妙的成为全局变量。 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文

posted @ 2024-06-24 16:58 花溪月影阅读(6) 评论(0) 推荐(0) 编辑

Node.js与ES632_ES6概述4

摘要：一、概述编程语言javaScript是ECMAScript的实现和扩展。ECMAScript是由ECMA (一个类似W3C的标准组织)参与进行标准化的语法规范。 ECMAScript定义了： ▶ 语言语法：语法解析规则、关键字、语句、声明、运算符等。 ▶ 类型：布尔型、数字、字符串、对象等。 ▶ 阅读全文

posted @ 2024-06-24 16:31 花溪月影阅读(7) 评论(0) 推荐(0) 编辑

Node.js与ES632_Webpack3

摘要：一、什么是Webpack Webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。webpack.js 从图中我们可以看出，Webpack 可以将多种静态资源js、css等转换成一个静态文件，减少了页面的请求。接下来简单为大阅读全文

posted @ 2024-06-24 15:06 花溪月影阅读(13) 评论(0) 推荐(0) 编辑

Node.js与ES632_包资源管理器NPM2

摘要：一、什么是NPM npm全称Node Package Manager，是node包管理和分发工具。其实我们可以把NPM理解为前端的Maven。通过npm可以很方便地下载js库，管理前端工程。现在的node.js已经集成了npm工具，在命令提示符输入npm -V可查看当前npm版本小结：npm是阅读全文

posted @ 2024-06-24 14:37 花溪月影阅读(10) 评论(0) 推荐(0) 编辑

Node.js与ES632_Node.js入门

摘要：一、什么是Node.js 简单的说Node.js就是运行在服务端的JavaScript。 Node.js是一个基于Chrome JavaScript运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的阅读全文

posted @ 2024-06-24 13:24 花溪月影阅读(14) 评论(0) 推荐(0) 编辑

Vue31_小结6

摘要：阅读全文

posted @ 2024-06-21 19:14 花溪月影阅读(2) 评论(0) 推荐(0) 编辑

Vue31_Vuejs ajax5

摘要：Vuejs 并没有直接处理ajax的组件，但可以使用axios或vue-resource组件实现对异步请求的操作。一、vue-resource vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。当vue更新到 2.0之后阅读全文

posted @ 2024-06-21 17:43 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

Vue31_组件化4

摘要：在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了开发的成本。所以会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。可以将通用或者公用的页面模块抽取成vue组件，在阅读全文

posted @ 2024-06-21 15:42 花溪月影阅读(2) 评论(0) 推荐(0) 编辑

Vue31_指令3

摘要：一、什么是指令？指令 (Directives) 是带有 v- 前缀的特殊属性。例如在入门案例中的v-model，代表双向绑定。二、插值表达式 1、花括号格式： {{表达式}} 说明：该表达式支持JS语法，可以调用js内置函数（必须有返回值）表达式必须有返回结果。例如 1 + 1，没有结果的阅读全文

posted @ 2024-06-20 18:07 花溪月影阅读(7) 评论(0) 推荐(0) 编辑

Vue31_实例2

摘要：目标：了解Vue实例生命周期，生命周期的钩子函数及created函数常用场景分析：在创建vue实例的时候可以制定模板id、数据和方法；而如果要在实例化、模板渲染的过程中需要执行一些其它操作的话，那么可以使用钩子函数。一、创建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vu 阅读全文

posted @ 2024-06-20 16:41 花溪月影阅读(6) 评论(0) 推荐(0) 编辑

Vue31_入门1

摘要：一、概述 1、前言先了解一下前端开发模式的发展。静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容。异步刷新，操作DOM 1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript 阅读全文

posted @ 2024-06-20 13:38 花溪月影阅读(5) 评论(0) 推荐(0) 编辑

Ajax30

摘要：一、概念 ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上同步：客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。异步：客户端不需要等待服务器端的响应。在服务器处理请求的过程中阅读全文

posted @ 2024-06-20 11:10 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

JQuery高级29_案例3

摘要：一、广告的自动显示与隐藏需求：1.当页面加载完，3秒后，自动显示广告 2.广告显示5秒后，自动消失。分析： 1.使用定时器来完成。setTimeout(执行一次定时器) 2.分析发现JQuery显示隐藏动画效果其实就是控制display 3.使用 show/hide方法来完成广告的显示 <!DO 阅读全文

posted @ 2024-06-19 18:41 花溪月影阅读(4) 评论(0) 推荐(0) 编辑

JQuery高级29_事件绑定&插件2

摘要：一、jquery标准的绑定方式 jq对象.事件方法(回调函数)；注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。表单对象.submit();//让表单提交 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jqu 阅读全文

posted @ 2024-06-19 17:52 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

JQuery高级29_动画&遍历1

摘要：一、动画三种方式显示和隐藏元素 1、默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来指定切换效果阅读全文

posted @ 2024-06-18 16:49 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

JQuery基础28_案例4

摘要：一、隔行换色需求：将数据行的奇数行背景色设置为 pink，偶数行背景色设置为 yellow <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1 阅读全文

posted @ 2024-06-18 16:39 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

JQuery基础28_DOM操作3

摘要：一、属性内容操作 1、html()：获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font>　2、text()：获取/设置元素的标签体纯文本内容 <a><font>内容</font></a> --> 内容　3、val()：获取/设置元素的val 阅读全文

posted @ 2024-06-18 16:36 花溪月影阅读(5) 评论(0) 推荐(0) 编辑

JQuery基础28_选择器2

摘要：一、作用筛选具有相似特征的元素(标签) 二、基本操作学习 1、事件绑定 //1.获取b1按钮 $("#b1").click(function(){ alert("abc"); }); 2、入口函数 jquery入口函数，dom文档加载完成之后执行该函数中的代码 $(function () { }) 阅读全文

posted @ 2024-06-18 12:52 花溪月影阅读(5) 评论(0) 推荐(0) 编辑

JQuery基础28_入门1

摘要：一、概念一个JavaScript框架。简化JS开发　jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多阅读全文

posted @ 2024-06-18 12:02 花溪月影阅读(5) 评论(0) 推荐(0) 编辑

综合练习27

摘要：一、页面调整 list.jsp： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <ht 阅读全文

posted @ 2024-06-14 19:47 花溪月影阅读(4) 评论(0) 推荐(0) 编辑

EL&JSTL26_MVC&三层架构4

摘要：一、MVC：开发模式 1、jsp演变历史 1. 早期只有servlet，只能使用response输出标签数据，非常麻烦 2. 后来有了jsp，简化了Servlet的开发。如果过度使用jsp，在jsp中既写大量的java代码，又写html标签，造成难于维护，难于分工协作 3. 再后来，java的web 阅读全文

posted @ 2024-06-14 17:31 花溪月影阅读(4) 评论(0) 推荐(0) 编辑

EL&JSTL26_JSTL标签3

摘要：一、概念 JavaServer Pages Tag Library JSP标准标签库　是由Apache组织提供的开源的免费的jsp标签 <标签> 二、作用用于简化和替换jsp页面上的java代码三、使用步骤 1、导入jstl相关jar包　2、引入标签库：taglib指令： <%@ taglib 阅读全文

posted @ 2024-06-14 17:29 花溪月影阅读(11) 评论(0) 推荐(0) 编辑

EL&JSTL26_EL表达式2

摘要：一、概念 Expression Language 表达式语言二、作用替换和简化jsp页面中java代码的编写三、语法 ${表达式} 浏览器访问http://localhost/day17/el/el1.jsp 四、注意 jsp默认支持el表达式的。如果要忽略el表达式 1. 设置jsp中pag 阅读全文

posted @ 2024-06-14 13:28 花溪月影阅读(7) 评论(0) 推荐(0) 编辑

EL&JSTL26_JSP1

摘要：一、JSP 1. 指令 2. 注释 3. 内置对象二、指令 1、作用：用于配置JSP页面，导入资源文件　2、格式： <%@ 指令名称属性名1=属性值1 属性名2=属性值2 ... %> <%@ page contentType="text/html;charset=UTF-8" language 阅读全文

posted @ 2024-06-13 16:16 花溪月影阅读(4) 评论(0) 推荐(0) 编辑

Xml25

摘要：一、概念 Extensible Markup Language 可扩展标记语言可扩展：标签都是自定义的。 <user> <student> 功能存储数据 1. 配置文件 2. 在网络中传输 xml与html的区别 1. xml标签都是自定义的，html标签是预定义。 2. xml的语法严格，ht 阅读全文

posted @ 2024-06-12 15:39 花溪月影阅读(5) 评论(0) 推荐(0) 编辑

BootStrap24

摘要：一、概念一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。框架：一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。好处： 1. 定阅读全文

posted @ 2024-06-12 15:19 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

javaScript高级23_事件4

摘要：一、概念某些组件被执行了某些操作后，触发某些代码的执行。事件：某些操作。如：单击，双击，键盘按下了，鼠标移动了事件源：组件。如：按钮，文本输入框... 监听器：代码。注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器代码。二、常见的事件 1、点阅读全文

posted @ 2024-06-05 16:41 花溪月影阅读(9) 评论(0) 推荐(0) 编辑

javaScript高级23_DOM3

摘要：一、概念 Document Object Model 文档对象模型。当网页被加载时，浏览器会创建页面的文档对象模型。将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行CRUD的动态操作通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元阅读全文

posted @ 2024-06-04 17:41 花溪月影阅读(8) 评论(0) 推荐(0) 编辑

javaScript高级23_BOM2

摘要：一、概念 Browser Object Model 浏览器对象模型　将浏览器的各个组成部分封装成对象。二、对象组成 Navigator：浏览器对象 Window：窗口对象（一个标签页） Location：地址栏对象 History：历史记录对象 Screen：显示器屏幕对象三、Window：窗口阅读全文

posted @ 2024-06-04 17:33 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

javaScript高级23_DOM事件学习1

摘要：一、主要内容概述 JavaScript： 1. ECMAScript 2. BOM 3. DOM：事件二、DOM简单学习：为了满足案例要求 1、功能：控制html文档的内容 2、获取页面标签(元素)对象：Element document.getElementById("id值")：通过元素的id获阅读全文

posted @ 2024-06-04 17:21 花溪月影阅读(5) 评论(0) 推荐(0) 编辑

javaScript基础22_基本对象3

摘要：一、Function：函数(方法)对象 1、创建： 1. var fun = new Function(形式参数列表,方法体); //忘掉吧 2. function 方法名称(形式参数列表){ 方法体 } 3. var 方法名 = function(形式参数列表){ 方法体 } 2、方法： 3、属性阅读全文

posted @ 2024-06-03 16:34 花溪月影阅读(6) 评论(0) 推荐(0) 编辑

javaScript基础22_基本语法2

摘要：ECMAScript：客户端脚本语言的标准一、与html结合方式 1、内部JS：定义<script>，标签体内容就是js代码　2、外部JS：定义<script>，通过src属性引入外部的js文件 3、注意： 1. <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。阅读全文

posted @ 2024-06-03 16:15 花溪月影阅读(4) 评论(0) 推荐(0) 编辑

javaScript基础22_概念1

摘要：一、概念一门客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎脚本语言：不需要编译，直接就可以被浏览器解析执行了二、功能可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。三、JavaScript发展史阅读全文

posted @ 2024-06-03 16:01 花溪月影阅读(3) 评论(0) 推荐(0) 编辑

CSS21

摘要：一、概念 Cascading Style Sheets 层叠样式表，用于页面美化和布局控制层叠：多个样式可以作用在同一个html的元素上，同时生效二、好处 1. 功能强大 2. 将内容展示和样式控制分离降低耦合度。解耦让分工协作更容易提高开发效率三、CSS的使用：CSS与html结合方式阅读全文

posted @ 2024-06-03 12:51 花溪月影阅读(5) 评论(0) 推荐(0) 编辑

HTML20_HTML表单标签4

摘要：一、概念用于采集用户输入的数据的。用于和服务器进行交互。二、form标签用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围　1、form属性： action：指定提交数据的URL method：指定提交方式分类：一共7种，2种比较常用 1. get： 1. 请求参数会在地址栏中显示阅读全文

posted @ 2024-06-03 12:33 花溪月影阅读(13) 评论(0) 推荐(0) 编辑

搜索

常用链接

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论