- 博客(57)
- 收藏
- 关注
原创 Vue Elementui 项目实战 —— 项目的环境搭建
vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。1.全局安装脚手架注意:安装制定版本的脚手架5.0.62.全局卸载脚手架 cnpm uninstall -g vue-cli用上面指令卸载不了,可以手动删除,输入然后删除npm 下的所有 vue 文件,然后再查看是否存在脚手架。
2024-04-12 03:14:14
2319
原创 ExtJS 深入浅出—— 一个完整的EXT应用
在我们动手实现这些功能操作之前,首先应该确定页面的整体布局。在这里,我们用BorderLayout把页面分隔成4个部分:最上方显示系统的名称,最下方显示版权信息,中间部分左 侧显示学生信息列表,中间部分右侧中的表单用来添加或修改学生信息。我们使用Ext.Viewport为整个页面进行了布局设置,其中每个部分都直接用HTML参数做 了标记,现在我们就可以看到这个布局的显示效果如图12-2所示。如图12-2所示,现在我们看到的只是一个空白的框架,每一部分的具体内容都需要我们进一 步去实现。
2026-04-08 09:30:00
337
原创 ExtJS 深入浅出—— 数据存储与传输 详细版
Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以 Ext.data为媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data默认支持 Array、JSON、XML等数据格式,可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数 据。如果要实现新的协议和新的数据结构,只需要扩展reader和proxy即可。DWRProxy就实现 了自身的proxy和reader,让EXT可以直接从DWR获得数据。
2026-04-05 09:30:00
341
原创 ExtJS 快速入门—— 组件 详细版
前面我们讲到,,这个类也是 ext 组件的核心类, 他定义了组件的基本属性、构造函数、生命周期处理流程及相关方法,组件公开属性、方法 及事件。因此,学习 Ext 组件的功能及特性,需要从 Component 这个类入手,下面我们来 重点看看这个类。Component 类的的基本情况如下,该类位于 Ext 命名究竟中,在 Component.js 文件中定 义,该类的父类是 Observable。
2026-04-03 09:30:00
387
原创 ExtJS 快速入门—— 如何使用ExtJS组件 详细版
所谓组件,简单来说,就是指可以复用的应用程序组成部件。Ext 最大特点,就是拥有 一个庞大、功能齐全、结构及层次分明的组件体系,并在组件的基础上进一步封装出各种实 用的控件。我们在开发的时候,只需要直接使用这些组件及控件,就可以创建出丰富多彩的 应用程序界面。比如说窗口、树、表格、选项板、工具栏、菜单等都是可以直接复用的组件 及控件。Ext 组件是由 Component 其及子类定义,每一种组件都有一个指定的 xtype 属性值,通 过该值可以得到一个组件的类型或者是定义一个指定类型的组件。
2026-04-01 09:30:00
355
原创 JavaScript 动态网页实例 —— DHTML菜单
本章介绍使用DHTML对象模型方法设置菜单的思路。首先是一个折叠的下拉菜单,该实例非常实用,用户单击菜单项时,会显示其下一级菜单。当用户单击其他菜单项时,原先的菜单项收回,再显示其他子菜单项:然后,介绍一个远程菜单的示例程序,控制菜单和被控对象分处不同窗口之中,但仍可控制窗口内容:最后,给出一个左键弹出菜单的示例程序。用户在窗口内单击鼠标时,会在单击处弹出一个菜单。
2026-03-30 09:30:00
339
原创 ExtJS 快速入门—— 面板 详细版
Ext 中包含了几个以 get 开头的方法,这些方法可以用来得到文档中 DOM、得到当前文 档中的组件、得到 Ext 元素等,在使用中要注意区别使用。
2026-03-29 09:30:00
359
原创 JavaScript 动态网页实例 —— 特效样式菜单
本文介绍了多种特效菜单的实现方法,包括旋转导航菜单、隐藏滑动菜单等。旋转菜单通过JavaScript的DOM操作、定时器和样式控制实现动态旋转效果,使用setTimeout()控制旋转速度,visibility属性控制显示/隐藏。隐藏滑动菜单利用onmouseover/onmouseout事件触发移动动画,通过改变元素的left/top位置实现滑动效果。文中详细解析了各菜单的核心代码逻辑,如getPageSize()获取页面尺寸、spinMenu()构造旋转参数、move()控制菜单位移等。这些实例展示了如
2026-03-18 10:00:00
360
原创 PlayGround AI —— 使用图片生图器轻而易举
通过PlaygroundAI,我们可以在一个安全和支持的环境中进行实践,培养创造力和解决问题的能力。图生图(image to image)直接上传图片即可,相似度(image strength)数值越高和原图的引导性越强,推荐30即可。,毕竟是国外网站),首先打开 PlayGround AI 的网站地址:https://playgroundai.com/。提示词引导强度(prompt guidance)数值越大越接近于你的提示词,但并不是开得越大越好,一般默认选择7即可。
2026-03-15 18:16:42
462
原创 Visual Studio Code 简介
VSCode是一款轻量高效的跨平台代码编辑器,具备智能编码、内置调试、版本控制和强大扩展生态等核心功能。其快速启动、低内存占用和统一的操作体验,使其成为全栈开发、脚本编辑和远程协作的理想工具。通过丰富的插件生态(如ESLint、GitLens、Copilot等),可定制个性化开发环境。相比Visual Studio,VSCode更轻量且跨平台,适合各类开发场景。持续升级的AI功能(如任务自动化、代码生成)进一步提升了开发效率,是现代开发者的首选工具。
2026-03-13 10:30:00
599
原创 JavaScript 动态网页实例 —— 基本菜单的设计
本节实例给出基本的下拉菜单的实现方法。用户可以在下拉列表中选择一个链接,单击该链接后,将跳转至相应的链接页面。
2024-07-22 06:47:56
1372
原创 JavaScript 动态网页实例 —— 广告效果
广告是现代网页设计中不可或缺的内容。广告可以有很多种形式,但最终目的都是要吸引观众的注意力。尽管广告少不了画面、音效和广告语等效果,但其实现主要还是应用JavaScript 代码,只要很好掌握了JavaScript程序设计,剩下的就是创意和美工了。本章介绍几种广告效果,包括对联广告、飘动广告、滚动广告和特殊视觉效果的广告,相信读者会从中受到启发。
2024-07-02 07:14:18
1590
1
原创 JavaScript 动态网页实例 —— 视频动画
要在网页中播放各种视频和音频文件,需要为页面添加插件和控件。ActiveX是Microsof公司的对象组件技术,允许Windows程序在运行时刻载入并使用其他程序。ActiveX控件常用作浏览器的子程序,以增强页面的交互作用。另外,尽管没有官方的HTML描述,但通常都使用来包含正插件和Netscape 插件。本章介绍常见媒体文件以及 Flash文件在浏览器中使用的方法。
2024-06-29 23:26:12
1289
原创 JavaScript 动态网页实例 —— 背景效果
页面背景是网页设计中必不可少的重要内容之一,其背景的好坏直接影响网页浏览者的浏览兴趣。网页背景分为背景图和背景色两种,对于普通的背景图和背景色,完全可以通过HTML实现,而要实现复杂的背景效果,则需要借助于JavaScript。本章介绍页面背景的一些实现效果。首先是一个页面背景随机切换的实例:然后,通过3种不同的方法,分别实现用户对页面背景的自动选择:最后,介绍一个闪电的页面背景效果。
2024-06-29 23:25:04
2378
原创 JavaScript 动态网页实例 —— 图像运动与事件
除图像显示外,图像运动和对事件的响应也是常见的图像效果。本章介绍图像的运动与图像对事件的响应。其中,图像事件包括:图像的拖动、按钮控制图像的显示、图像感应鼠标等;图像运动包括:图像的滑动、图像的花环效果、图像的流星效果、图像的逐渐变大、图像分块飞行和图像分条飞行。其中,花环效果和流星效果代码中并不包含图像,但缤纷多彩,可给人图像的视觉效果,因此,也在本章进行介绍。
2024-06-10 07:32:07
1102
原创 JavaScript 动态网页实例 —— 图像显示
图像是网页设计中必不可少的内容之一,而图像的显示方式更是关系到网站的第一印象。本章介绍图像的显示,主要包括:图片的随机显示、图像的显示和隐藏、图像的滚动显示、图像的探照灯扫描显示、多幅图像的翻页显示、图像的水纹效果显示、全景图效果显示手电照射效果显示以及雷达扫描效果显示等。在这些显示效果中,应用了很多CSS的内容读者需要对CSS和JavaScript对CSS的处理有一定了解。
2024-06-08 09:44:34
1815
原创 JavaScript 动态网页实例 —— 框架操作
框架是一种可以操作的特殊窗口,当一个浏览器窗口包含多个框架的时候,可以使用window.fames[]对每个隔开的窗口对象进行访问。window.fames[]是一个数组,包含了窗口中的每个框架。本文主要介绍框架的访问、嵌套框架(内联框架)、框架间的交叉通信、嵌套框架间的交叉通信等内容。
2024-06-06 21:46:15
1563
原创 JavaScript 动态网页实例 —— 打开与关闭窗口
窗口的类型和操作很多,本章介绍窗口的基本操作:打开窗口与关闭窗口。同时,还介绍了窗口写入的方法,以及基于写入基础上的窗口交互。对话框作为一种特殊的窗口,在程序设计中的应用非常普遍。常见的对话框包括警告对话框、提示对话框和确认对话框。这些对话框的使用比较简单,本章将举例说明其用法。
2024-06-01 09:15:00
1504
原创 JavaScript 动态网页实例 —— 窗口控制
除了打开和关闭窗口之外,还有很多其他控制窗口的方法。例如,可以使用 window.focus()方法使窗口获得焦点,也可以利用与其相对的window.blur 方法使窗口失去焦点。本节介绍移动窗口、改变窗口大小、窗口滚动、窗口超时操作、常用窗口事件、常用窗口扩展等窗口控制的方法和手段。
2024-05-31 23:45:01
1338
原创 JavaScript 动态网页实例 —— 表单验证高级应用
本文介绍表单验证的高级应用。首先介绍混合表单验证的方法;然后介绍使用onchange直接调用相应的处理程序,对用户输入的内容进行验证的方法;最后,介绍更高级的应用:按键屏蔽,只要用户输入的内容不合要求,则不允许输入。
2024-05-26 08:08:34
1249
原创 JavaScript 动态网页实例 —— 简单的表单验证
表单验证是网页设计、特别是网站设计中必不可少的内容,狭义的验证指“用户是否进行了输入”、“输入的数据类型或格式是否符合要求”等,而广义的验证则包括口令确认与身份验证等内容。本章和下一章对表单验证的方式、方法进行介绍,本章只介绍一些简单的验证,包括:验证输入内容是否为空、验证 E-mail 地址格式是否正确和验证电话号码格式是否正确。
2024-05-24 09:56:33
1457
原创 JavaScript 动态网页实例 —— 表格处理
表格是网页设计中必不可少的内容之一。本章首先介绍HTML中普通表格的组成结构,然后,在此基础上,介绍如何使用JavaScript设置表格的属性。随后,更具体地介绍操作表格元素的一般方法,主要是对表格行、列的动态增删操作。有了这些基础,在本章的最后介绍对表元的操作,即如何动态修改表格单元格中的内容。
2024-05-24 08:56:19
1245
原创 JavaScript 动态网页实例 —— DOM中的节点操作
DOM是 Document Object Model的缩写,由W3C进行标准化。文档对象模型(DOM)是一个基础性概念,主要涉及网页页面元素的层次关系。很好地理解文档对象模型(DOM)的概念,对于编写出高效、实用的JavaScript程序是非常有帮助的。DOM将HTML文档理解为一棵完整的代码树,每个HTML标签就是该树上的一个节点。本章介绍DOM中的节点操作,主要包括:节点插入与追加、节点复制、节点删除与替换、修改节点内容等知识。
2024-05-23 08:50:15
1734
原创 JavaScript 动态网页实例 —— 页面处理
在 JavaScript中,提供了对 HTML,页面,尤其是 HTML页面元素的处理方法。从本文开始,着重介绍JavaScript对于HTML页面元素的处理方法。本文主要介绍文档页面元素的按位置访问,文档元素的按名称访问,动态修改页面元素的内容,尤其是对内容的修改。在本文最后,还给出一种动态改变页面样式的方法。
2024-05-19 18:04:22
1136
原创 JavaScript 动态网页实例 —— 文字显示
本文章继续介绍文字效果。本章主要介绍文字显示特效,主要包括:文字的随机显示,打字效果的实现,UBB代码的实现,文字“右一左”顺序排列的实现,古汉语文字排版的实现,以及蒙古族文字排版的实现。其中,文字的“右一左”顺序排列和古汉语文字排版也可以单独使用 HTML实现,应用到的JavaScript技术不多,本文章只提供一种用 JavaScript 实现的思路。
2024-05-18 08:41:15
1817
原创 JavaScript 动态网页实例 —— 文档处理
Document对象用于控制窗口或框架中的文档。在支持传统对象模型的早期浏览器中,只能对文档进行较少的操作。Document对象的主要属性都与标签相关,如背景、链接、文本颜色等:而在DOM下,则可对文档进行更多的操作。由于Document对象的内容较多,将从本章开始分几章进行介绍。本章主要介绍文档颜色设置、文档修改时间、DOM1中的相关属性、对 HTML元素属性的访问等内容。
2024-05-16 11:15:16
1218
原创 JavaScript 动态网页实例 —— 文字色彩与形状
首先介绍霓虹灯文字效果的设计,介绍文字色彩的静态渐变,然后介绍两个文字大小不断变化的示例,最后,则是两段文字色彩动态变化的代码。本章实例针对性较强,稍加修改就可以应用在网页中。读者不必拘泥于实例的效果,而应更重视实现这些效果的方法,相信这些实例能对开阔思路有一定的帮助。
2024-05-13 06:59:53
1721
原创 JavaScript 动态网页实例 —— 事件处理应用
事件处理的应用很广泛。在事件处理的应用中,鼠标事件的应用是最常用到的。本章给出几个鼠标事件处理应用的示例,包括:页面预览、图像切换、点亮文本、鼠标跟随、鼠标感应和禁用鼠标按键。在这些示例中,有的可以直接拿来应用,有的则只提供了一种应用的方法,稍加拓展,即可作出更加漂亮的应用。
2024-05-11 20:08:17
1528
1
原创 JavaScript 动态网页实例 —— DOM 中的事件处理
DOM2事件模型规则描述了创建、捕获、控制与取消事件的标准方法,还描述了事件传播行为,也就是说,一个事件如何到达其目标,以及达到后将要发生的动作。在6中,由于没有提供对 DOM2事件模型的支持,因此,本章中涉及DOM2的代码只能在Netscape和Mozilla浏览器中正常运行。DOM是 Document Object Model的缩写,由W3C进行标准化。目前标准化尚未完全完成,因此,还不能为所有浏览器兼容。DOM第0层(简称DOM0):大致相当于Netscape3和IE3支持的层次。
2024-05-09 09:55:57
820
原创 JavaScript 动态网页实例 —— 事件绑定与事件触发
在 Web页面中,浏览器可以调用JavaScript 响应用户的操作。例如,当用户单击了某个链接,或者编辑了表单域中的内容,浏览器就会调用相应的JavaScript 代码。在此过程中,JavaScript 响应的操作称为事件。事件将用户和web页面连接在一起,使页面可以与用户进行交互,响应用户的操作。本章介绍基本的事件绑定与事件触发,主要包括事件绑定的常见方式与事件编写两部分内容。
2024-05-07 09:56:02
1994
原创 JavaScript 动态网页实例 —— 文字移动
介绍文字使用的特殊效果。本章介绍文字的移动效果,主要包括:文字的垂直滚动、文字的渐隐渐显、文字的闪烁显示、文字的随意拖动、文字的坠落显示、页面内飘动的文字、漫天飞舞的文字、文字的下落效果。对于这些效果,读者只需稍加修改,就可以应用在自己的页面设计中。
2024-05-03 22:01:01
2571
1
原创 JavaScript 动态网页实例 —— 日期时间应用
日期和时间也是网站设计中不可或缺的重要内容。本章基于JavaScript中Date 对象的基本概念,介绍日期和时间的各种应用。鉴于其他章节已间接涉及部分内容,本章主要介绍各类不同时钟的设计,以及各种不同形式的时间的实现,同时,还涉及日历的设计和倒计时效果的实现。
2024-05-03 08:40:39
1422
3
原创 JavaScript 动态网页实例 —— 数值处理对象
Math对象用于进行数学运算。其属性是数学中一些常见的常数值,在程序中可以直接使用。Math对象的方法很多,主要完成一些常见的数学运算,如三角函数计算、乘方、开方、求对数等。在 Math 对象的方法中,除了random()之外的所有方法都需要一个或几个参数,并且其用法基本相同。本章通过两个示例介绍这些方法的使用。由于random()方法用于产生随机数,可以用在很多地方,将在其他章节举例。
2024-05-01 23:01:16
962
4
原创 JavaScript 动态网页实例 —— 数组
数组包含(或者存储)了一定编码的数据段。每个编码的数据段都称为该数组的一个元素,每个元素的编码称为该元素的下标。由于JavaScript 是一种无类型语言,所以,数组元素可以是任意的数据类型,同一数组的不同元素也可以具有不同的类型。数组的元素甚至可以是其他数组,这样就为创建多维数组提供了可能。本章首先介绍数组的定义与赋值,然后介绍对数组元素的操作,最后给出一个实现多维数组的示例。
2024-04-30 07:41:46
1237
2
原创 JavaScript 动态网页实例 —— 流程控制语句
在 JavaScript 中,流程控制语句主要有:if语句、switch语句、while语句、do-while 语句、for 语句,以及专门用于对象的 with 语句等。本文介绍常用语句及其变种的用法。本文内容是JavaScript程序结构的框架,也是JavaScrip程序设计的基础。学好流程控制语句,不仅是JavaScript程序设计的基础,也是很好理解本系列后面文章中示例代码的前提。
2024-04-28 08:38:27
1574
3
原创 JavaScript 动态网页实例 —— 数据类型转换
类型转换是网页编程不可或缺的内容,本文先介绍自动类型转换,接着是强制性的显式类型转换,最后如何将基本数据类型提升为对象。
2024-04-26 20:54:51
1083
原创 Web 前端基础—— JavaScript 学习笔记
在代码块内,使用 let、const 命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时 性死区”。当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于 以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可 以是 JS、图片、CSS、HTML 等。
2024-04-23 08:02:12
1136
原创 Web 前端基础—— Http 和CSS 学习笔记
是以浏览器支持的最高标准运行混杂模式:页面以宽松向下兼容的方式显示,模拟老式浏览器的行为Web标准不是某一个标准,而是一系列标准的集合结构 主要是有HTML标签组成表现 即指css样式表行为 主要是有js、dom组成web标准一般是将该三部分独立分开,使其更具有模块化。但一般产生行为时,就会有结构或者表 现的变化,也使这三者的界限并不那么清晰。W3C对于WEB标准提出了规范化的要求1)标签和属性名字母要小写2)标签要闭合3)标签不允许随意嵌套。
2024-04-23 08:01:50
1463
原创 Web 前端进阶—— Http 和数据结构 学习笔记
http 传输的数据都是未加密的,也就是明文的,网景公司设置了 SSL 协议来对 http 协议 传输的数据进行加密处理,简单来说 https 协议是由 http 和 ssl 协议构建的可进行加密传 输和身份认证的网络协议,比 http 协议的安全性更高。https: 是以安全为目标的 HTTP 通道,简单讲是 HTTP 的安全版,即 HTTP 下加入 SSL 层,HTTPS 的安全基础是 SSL,因此加密的详细内容就需要 SSL。http 的连接很简单,是无状态的;
2024-04-22 07:55:00
967
原创 Web 前端进阶—— JS 学习笔记
原型链:简单来讲就是原型组成的链,比如函数的原型是Function,Function的原型是Object,Object 的原型仍然是Object,一直追溯到最终的原型对象。函数通过prototype来追溯原型对象,对象通过proto来追溯原型对象。通过一个构造函数创建出来的多个实例,如果都要添加一个方法,给每个实例去添加并不是一个明智的 选择。这时就该用上原型了。在实例的原型上添加一个方法,这个原型的所有实例便都有了这个方法。//B继承了A,通过原型,形成链条。
2024-04-21 08:37:16
1354
1
JavaScript 动态网页实例 - DHTML菜单.rar
2024-05-24
JavaScript 动态网页实例 - 基本的下拉菜单.rar
2024-05-19
JavaScript 动态网页实例 - 广告效果.rar
2024-05-19
JavaScript 动态网页实例 - 视频动画.rar
2024-05-19
JavaScript 动态网页实例 - 背景效果.rar
2024-05-19
JavaScript 动态网页实例 - 图像运动与事件.rar
2024-05-19
JavaScript 动态网页实例 - 图像显示.rar
2024-05-17
JavaScript 动态网页实例 - 框架操作.rar
2024-05-16
JavaScript 动态网页实例 - 窗口控制.rar
2024-05-13
JavaScript 动态网页实例 - 打开与关闭窗口.rar
2024-05-13
JavaScript 动态网页实例 - 表单验证高级应用.rar
2024-05-12
JavaScript 动态网页实例 - 简单的表单验证.rar
2024-05-12
JavaScript 动态网页实例 - 表格处理.rar
2024-05-09
JavaScript 动态网页实例 - DOM中的节点操作.rar
2024-05-08
JavaScript 动态网页实例 - 页面处理.rar
2024-05-08
JavaScript 动态网页实例 - 文档处理.rar
2024-05-07
JavaScript 动态网页实例 - 文字显示.rar
2024-05-07
JavaScript 动态网页实例 - 文字色彩与形状.rar
2024-05-05
JavaScript 动态网页实例 - 文字移动.rar
2024-05-03
JavaScript 动态网页实例 - DOM 中的事件处理.rar
2024-04-24
JavaScript 动态网页实例 - 数组.rar
2024-04-21
JavaScript 动态网页实例 - 日期时间应用.rar
2024-04-21
JavaScript 动态网页实例 - 数值处理对象.rar
2024-04-21
JavaScript 动态网页实例 - 事件绑定与事件触发.rar
2024-04-21
JavaScript 动态网页实例 - 流程控制语句.rar
2024-04-21
JavaScript 动态网页实例 - 数据类型转换.rar
2024-04-21
JavaScrip整理t手册(详细版).rar
2024-04-10
整理10套bootstrap自适应HTML5模板
2024-04-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅