前端
文章平均质量分 95
前端
迎风海盗旗
这个作者很懒,什么都没留下…
展开
-
JavaScript 动态网页实例 —— 页面处理
在 JavaScript中,提供了对 HTML,页面,尤其是 HTML页面元素的处理方法。从本文开始,着重介绍JavaScript对于HTML页面元素的处理方法。本文主要介绍文档页面元素的按位置访问,文档元素的按名称访问,动态修改页面元素的内容,尤其是对内容的修改。在本文最后,还给出一种动态改变页面样式的方法。原创 2024-05-19 18:04:22 · 595 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文字显示
本文章继续介绍文字效果。本章主要介绍文字显示特效,主要包括:文字的随机显示,打字效果的实现,UBB代码的实现,文字“右一左”顺序排列的实现,古汉语文字排版的实现,以及蒙古族文字排版的实现。其中,文字的“右一左”顺序排列和古汉语文字排版也可以单独使用 HTML实现,应用到的JavaScript技术不多,本文章只提供一种用 JavaScript 实现的思路。原创 2024-05-18 08:41:15 · 953 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文档处理
Document对象用于控制窗口或框架中的文档。在支持传统对象模型的早期浏览器中,只能对文档进行较少的操作。Document对象的主要属性都与标签相关,如背景、链接、文本颜色等:而在DOM下,则可对文档进行更多的操作。由于Document对象的内容较多,将从本章开始分几章进行介绍。本章主要介绍文档颜色设置、文档修改时间、DOM1中的相关属性、对 HTML元素属性的访问等内容。原创 2024-05-16 11:15:16 · 1050 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文字色彩与形状
首先介绍霓虹灯文字效果的设计,介绍文字色彩的静态渐变,然后介绍两个文字大小不断变化的示例,最后,则是两段文字色彩动态变化的代码。本章实例针对性较强,稍加修改就可以应用在网页中。读者不必拘泥于实例的效果,而应更重视实现这些效果的方法,相信这些实例能对开阔思路有一定的帮助。原创 2024-05-13 06:59:53 · 1163 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 事件处理应用
事件处理的应用很广泛。在事件处理的应用中,鼠标事件的应用是最常用到的。本章给出几个鼠标事件处理应用的示例,包括:页面预览、图像切换、点亮文本、鼠标跟随、鼠标感应和禁用鼠标按键。在这些示例中,有的可以直接拿来应用,有的则只提供了一种应用的方法,稍加拓展,即可作出更加漂亮的应用。原创 2024-05-11 20:08:17 · 1182 阅读 · 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 · 653 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 事件绑定与事件触发
在 Web页面中,浏览器可以调用JavaScript 响应用户的操作。例如,当用户单击了某个链接,或者编辑了表单域中的内容,浏览器就会调用相应的JavaScript 代码。在此过程中,JavaScript 响应的操作称为事件。事件将用户和web页面连接在一起,使页面可以与用户进行交互,响应用户的操作。本章介绍基本的事件绑定与事件触发,主要包括事件绑定的常见方式与事件编写两部分内容。原创 2024-05-07 09:56:02 · 1570 阅读 · 0 评论 -
JavaScript 动态网页实例 —— 文字移动
介绍文字使用的特殊效果。本章介绍文字的移动效果,主要包括:文字的垂直滚动、文字的渐隐渐显、文字的闪烁显示、文字的随意拖动、文字的坠落显示、页面内飘动的文字、漫天飞舞的文字、文字的下落效果。对于这些效果,读者只需稍加修改,就可以应用在自己的页面设计中。原创 2024-05-03 22:01:01 · 1348 阅读 · 1 评论 -
JavaScript 动态网页实例 —— 日期时间应用
日期和时间也是网站设计中不可或缺的重要内容。本章基于JavaScript中Date 对象的基本概念,介绍日期和时间的各种应用。鉴于其他章节已间接涉及部分内容,本章主要介绍各类不同时钟的设计,以及各种不同形式的时间的实现,同时,还涉及日历的设计和倒计时效果的实现。原创 2024-05-03 08:40:39 · 1000 阅读 · 3 评论 -
JavaScript 动态网页实例 —— 数值处理对象
Math对象用于进行数学运算。其属性是数学中一些常见的常数值,在程序中可以直接使用。Math对象的方法很多,主要完成一些常见的数学运算,如三角函数计算、乘方、开方、求对数等。在 Math 对象的方法中,除了random()之外的所有方法都需要一个或几个参数,并且其用法基本相同。本章通过两个示例介绍这些方法的使用。由于random()方法用于产生随机数,可以用在很多地方,将在其他章节举例。原创 2024-05-01 23:01:16 · 727 阅读 · 4 评论 -
JavaScript 动态网页实例 —— 数组
数组包含(或者存储)了一定编码的数据段。每个编码的数据段都称为该数组的一个元素,每个元素的编码称为该元素的下标。由于JavaScript 是一种无类型语言,所以,数组元素可以是任意的数据类型,同一数组的不同元素也可以具有不同的类型。数组的元素甚至可以是其他数组,这样就为创建多维数组提供了可能。本章首先介绍数组的定义与赋值,然后介绍对数组元素的操作,最后给出一个实现多维数组的示例。原创 2024-04-30 07:41:46 · 872 阅读 · 2 评论 -
JavaScript 动态网页实例 —— 流程控制语句
在 JavaScript 中,流程控制语句主要有:if语句、switch语句、while语句、do-while 语句、for 语句,以及专门用于对象的 with 语句等。本文介绍常用语句及其变种的用法。本文内容是JavaScript程序结构的框架,也是JavaScrip程序设计的基础。学好流程控制语句,不仅是JavaScript程序设计的基础,也是很好理解本系列后面文章中示例代码的前提。原创 2024-04-28 08:38:27 · 1240 阅读 · 3 评论 -
JavaScript 动态网页实例 —— 数据类型转换
类型转换是网页编程不可或缺的内容,本文先介绍自动类型转换,接着是强制性的显式类型转换,最后如何将基本数据类型提升为对象。原创 2024-04-26 20:54:51 · 843 阅读 · 0 评论 -
Web 前端基础—— JavaScript 学习笔记
在代码块内,使用 let、const 命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时 性死区”。当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于 以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可 以是 JS、图片、CSS、HTML 等。原创 2024-04-23 08:02:12 · 1003 阅读 · 0 评论 -
Web 前端基础—— Http 和CSS 学习笔记
是以浏览器支持的最高标准运行混杂模式:页面以宽松向下兼容的方式显示,模拟老式浏览器的行为Web标准不是某一个标准,而是一系列标准的集合结构 主要是有HTML标签组成表现 即指css样式表行为 主要是有js、dom组成web标准一般是将该三部分独立分开,使其更具有模块化。但一般产生行为时,就会有结构或者表 现的变化,也使这三者的界限并不那么清晰。W3C对于WEB标准提出了规范化的要求1)标签和属性名字母要小写2)标签要闭合3)标签不允许随意嵌套。原创 2024-04-23 08:01:50 · 1198 阅读 · 0 评论 -
JavaScript 设计模式 —— 接口
接口提供了一种用以说明一个对象应该具有哪些方法的手段。尽管它可以表明(或至少是暗示)这些方法的语义,但它并不规定这些方法应该如何实现。例如,如果一个接口包含有一个名为setName的方法,那么你有理由认为这个方法的实现应该具有一个字符串参数,并且会把这个参数赋给一个name变量。有了这个工具,你就能按对象提供的特性对它们进行分组。原创 2024-04-14 05:48:15 · 833 阅读 · 1 评论 -
JavaScript 高性能编程 —— 加载和运行
管理浏览器中的 JavaScript 代码是个棘手的问题,因为代码执行阻塞了其他浏览器处理过程,诸如用户界面绘制。每次遇到标签,页面必须停下来等待代码下载(如果是外部的)并执行,然后再继续处理页面其他部分。但是,有几种方法可以减少 JavaScript 对性能的影响:将所有标签放置在页面的底部,紧靠 body 关闭标签的上方。此法可以保证页面在脚本运行之前完成解析。将脚本成组打包。页面的标签越少,页面的加载速度就越快,响应也更加迅速。原创 2024-04-16 20:04:34 · 924 阅读 · 0 评论 -
Web 前端进阶—— Http 和数据结构 学习笔记
http 传输的数据都是未加密的,也就是明文的,网景公司设置了 SSL 协议来对 http 协议 传输的数据进行加密处理,简单来说 https 协议是由 http 和 ssl 协议构建的可进行加密传 输和身份认证的网络协议,比 http 协议的安全性更高。https: 是以安全为目标的 HTTP 通道,简单讲是 HTTP 的安全版,即 HTTP 下加入 SSL 层,HTTPS 的安全基础是 SSL,因此加密的详细内容就需要 SSL。http 的连接很简单,是无状态的;原创 2024-04-22 07:55:00 · 650 阅读 · 0 评论 -
Web 前端进阶—— JS 学习笔记
原型链:简单来讲就是原型组成的链,比如函数的原型是Function,Function的原型是Object,Object 的原型仍然是Object,一直追溯到最终的原型对象。函数通过prototype来追溯原型对象,对象通过proto来追溯原型对象。通过一个构造函数创建出来的多个实例,如果都要添加一个方法,给每个实例去添加并不是一个明智的 选择。这时就该用上原型了。在实例的原型上添加一个方法,这个原型的所有实例便都有了这个方法。//B继承了A,通过原型,形成链条。原创 2024-04-21 08:37:16 · 947 阅读 · 1 评论 -
JavaScript 高性能编程 —— Data Access 数据访问
经典计算机科学的一个问题是确定数据应当存放在什么地方,以实现最佳的读写效率。数据存储在哪里, 关系到代码运行期间数据被检索到的速度。在 JavaScript 中,此问题相对简单,因为数据存储只有少量方 式可供选择。正如其他语言那样,数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下,对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些,具体高多少,很大程度上依赖于浏 览器。原创 2024-04-20 13:50:15 · 1544 阅读 · 0 评论 -
jQuery 性能优化 —— 学习笔记 详细版
如果你发现你的页面一直是载入中的状态,很有可能就是$(document).ready 函数引起的。你可以通过将 jQuery 函数绑定到$(window).load 事件的方法来减少页面载入时的 cpu 使用 率。在线压缩地址: http://dean.edwards.name/packer/ 压缩之前,请保证你的代码的规范性,否则可能失败,导致 Js 错误。虽然我把绑定事件重新写了一次,代码多了点,但这种方式的效率明显高于 live()方式, 特别是在频繁的 DOM 操作中,这点非常明显。原创 2024-04-16 07:34:17 · 1235 阅读 · 0 评论 -
JavaScript 设计模式 —— 富有表现力的JavaScript
揭示了JavaScript语言富有表现力的特点。从中你可以体会到,这种语言允许你用各种各样的编程风格来完成同样的任务,还允许你在面向对象编程的过程中借用函数式编程的概念来丰富其实现方式。这一章解释了究竟为什么应该使用设计模式,以及它们在JavaScript程序设计中的运用是如何使代码更高效、更易于处理的。原创 2024-04-15 06:45:13 · 1193 阅读 · 1 评论 -
React EasyUI插件 学习笔记(基础)详细版
如果你想在 React 中使用类似 EasyUI 的组件库,你可能需要寻找专门为 React 设计的 UI 框架,比如 Ant Design、Material-UI、React Bootstrap 等。这些框架提供了丰富的组件和样式,可以方便地在 React 项目中使用。原创 2024-04-13 07:08:23 · 1061 阅读 · 0 评论 -
EasyUI Jquery 学习笔记 ——DataGrid(数据网格)与 Tree(树)详细版
数据网格(datagrid)以表格格式显示数据,并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格(datagrid)的设计目的是为了减少开发时间,且不要求开发人员具备指定的知识。它是轻量级的,但是功能丰富。它的特性包括单元格合并,多列页眉,冻结列和页脚,等等。原创 2024-04-13 07:06:41 · 1405 阅读 · 0 评论 -
Vue Elementui 项目实战 —— 项目的环境搭建
vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。1.全局安装脚手架注意:安装制定版本的脚手架5.0.62.全局卸载脚手架 cnpm uninstall -g vue-cli用上面指令卸载不了,可以手动删除,输入然后删除npm 下的所有 vue 文件,然后再查看是否存在脚手架。原创 2024-04-12 03:14:14 · 1865 阅读 · 0 评论 -
EasyUI Jquery 学习笔记 —— Window(窗口)详细版
消息框(messager)提供不同样式的消息框,包括警示(alert)、确认(confirm)、提示(prompt)、进展(progress)等等。所有的消息框都是异步的。用户可以在与消息框交互后使用回调函数来完成一些动作。原创 2024-04-12 03:03:32 · 1076 阅读 · 0 评论 -
JavaScript学习笔记——实用技巧集锦 详细版
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回。原创 2024-04-11 05:58:31 · 1084 阅读 · 1 评论 -
Angular EasyUI插件 学习笔记(基础)详细版
继承输入名称类型描述默认boolean定义是否显示向下箭头按钮。truearrowAlignstring箭头图标对齐方式。可选的值:'left','right'。rightpanelAlignstring面板对齐方式。可选的值:'left','right'。leftpanelStyleObject下拉面板样式。nullmultipleboolean定义是否支持多个选择。falseseparatorstring多个选择时用于文本分隔符。delay。原创 2024-04-10 05:57:19 · 862 阅读 · 1 评论 -
Vue EasyUI插件 学习笔记(基础)详细版
Vue EasyUI 是基于 Vue的用户界面插件集合。使用 EasyUI 你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。原创 2024-04-10 05:55:21 · 1088 阅读 · 1 评论 -
EasyUI Jquery 学习笔记 ——Base(基础)详细版
通过 $.fn.progressbar.defaults 重写默认的 defaults。进度条(progressbar)提供了一种显示长时间操作进度的反馈。进度可被更新以便让用户知道当前正在执行的操作。进度条(ProgressBar)组件可以从 html 标记创建或者编程创建。从标记创建更容易些,把 'easyui-progressbar' class 加入到 标记。使用 javascript 创建进度条(ProgressBar)。我们获取当前值并且给这个组件设置一个新值。原创 2024-04-09 12:47:44 · 886 阅读 · 1 评论 -
EasyUI Jquery 学习笔记 —— Form(表单)详细版
微调器(spinner)是创建其他微调器组件(比如:数值微调器 numberspinner、时间微调器 timespinner,等等)的基础组件。时间微调器(timespinner)是基于微调器(spinner)创建的。密码框会通过显示圆点的方式来保护您输入的密码文本,同时输入框中会提供一个眼睛的图标来通过点击的动作查看您输入的密码,来确保您输入的密码正确无误。与日期框(datebox)相似,日期时间框(datetimebox)允许用户选择要显示的带有指定格式的日期和时间的日期和时间。原创 2024-04-09 07:17:03 · 1261 阅读 · 1 评论 -
EasyUI Jquery 学习笔记 —— Menu(菜单)与 Button(按钮)详细版
与菜单按钮(menubutton)相似,分割按钮(splitbutton)也与链接按钮(linkbutton)及菜单(menu)有关。与菜单按钮(menubutton)不同的是,分割按钮(splitbutton)被分割为两部分。当移动鼠标到分割按钮(splitbutton)上时,将显示一条分割线。只有当移动鼠标在分割按钮的右侧部分时才显示菜单(menu)。原创 2024-04-08 08:50:19 · 859 阅读 · 0 评论 -
EasyUI Jquery 学习笔记 —— Layout(布局)详细版
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。原创 2024-04-08 13:00:00 · 892 阅读 · 0 评论 -
Bootstrap v3 学习笔记 —— 组件
Bootstrap 自带了大量可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。原创 2024-04-06 16:24:37 · 764 阅读 · 1 评论 -
Bootstrap v3 学习笔记 —— 全局 CSS 样式
Bootstrap v3 设置全局的 CSS 样式。原创 2024-04-05 13:35:41 · 1311 阅读 · 0 评论