web前端
文章平均质量分 85
在学习web后端框架时粗略地学习了一些HTML、CSS、JavaScript,就是用到什么学什么那种,整个下来也仅仅是粗略学习,知识不成体系,对一些细节没有进行了解,为了进一步掌握web后端技术、开发高可用的web程序,就有必要对前端的编程基础及相关框架有所了解,所以有了这个学习系列。
dangfulin
这个作者很懒,什么都没留下…
展开
-
使用 CommonJS 标准的导出语句时报错 JSHint: ‘module‘ is not defined.(W117)
飘红原因是 JavaScript linting 工具 JSHint 无法识别语法 module.exports(Node.js 特有)。要解决此错误,则需要配置 JSHint 以识别 Node.js 环境。原创 2023-02-13 22:19:41 · 985 阅读 · 1 评论 -
jQuery——3:jQuery中的事件与应用
关于事件的一些概念以及JavaScript如何处理事件,可以简单参考JavaScript——7:事件及事件处理一,页面载入事件jQuery——1:jQuery基础与选择器中提到过,在文档“就绪”之前,是无法安全操纵页面的。为此, jQuery 的$(document).ready(function(){}); 可以先检测这种状态,功能上它与原生JavaScript中的 window.onload=function(){}; 可以进行替换,但在执行时间、执行数量以及简化能力方面有些区别,这里就这两种方式进原创 2021-05-28 17:30:45 · 522 阅读 · 0 评论 -
jQuery——2:jQuery操作DOM
一,DOM 基础这里不再介绍,可以简单参考:JavaScript——6:操作DOMjQuery——1:jQuery基础与选择器二,jQuery操作 DOM在所有 DOM 操作中,对元素的访问是最频繁,然后就是对元素属性、内容、值、CSS的操作。(一)元素属性操作attr()方法获取和设置元素属性。removeAttr()方法删除某一指定属性。1,获取元素的属性使用$.attr( attributeName )方法获取元素的属性。<!DOCTYPE html PUBLIC "-/原创 2021-05-22 16:26:52 · 359 阅读 · 0 评论 -
jQuery——1:jQuery基础与选择器
一,使用jQuery(一)引入jQuery文件库通常,我们会下载jQuery库到本地进行使用。然后与其他静态文件一样,在 HTML 头部使用标签引入:<script src="JScript/jquery-1.8.2.min.js" type="text/javascript"></script>(二)第一个简单的jQuery程序<!DOCTYPE html><html> <head> <title>第一个简单的j原创 2021-05-20 22:12:16 · 898 阅读 · 9 评论 -
HTML——表单
HTML 表单用于搜集不同类型的用户输入。这里将从结构到样式、从数据处理到自定义小部件来介绍HTML表单。一,创建一个表单(一)HTML表单是什么?表单是网页交互的基本工具, 一般网站都借助表单实现用户与服务器之间的信息交流,但是web页面也可以自己拦截它并使用它。HTML表单是由一个或多个小部件组成的,这些小部件可以是输入框、选择框和按钮。而且为了更好地实现无障碍HTML与更好的交互,大多数情况下,这些小部件还需要与描述其目的的标签配对。如何处理表单数据与如何设计好表单一样重要。(二)创建一原创 2021-04-22 21:27:58 · 3220 阅读 · 0 评论 -
Vue:表单与v-model
Vue提供了 v-model 指令,用于在表单类元素上双向绑定数据。一,基本用法v-mode负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将Vue实例的数据作为数据来源。v-model在内部为不同的输入元素使用不同的property并抛出不同的事件:text 和 textarea:value property 和 input 事件。checkbox 和 ra原创 2020-11-19 10:11:15 · 221 阅读 · 0 评论 -
Vue:内置渲染指令与事件
一,基本指令1,v-cloakv-cloak 不需要表达式,它会在 Vue 实例结束编译时从绑定的 HTML 元素上移除,经常和css的display:none配合使用,以解决低网速下Vue实例初始化慢导致页面的闪动:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>学习Vue</title> <style type="text/css"&原创 2020-11-04 23:25:13 · 1293 阅读 · 0 评论 -
Vue:Class与Style绑定
一,回顾1,v-bind指令在前面我们已经使用过v-bind指令了,它的基本用途是动态更新HTML元素上的属性。它还支持指令缩写,2,计算属性计算属性computed就是内部可以对各属性进行计算的Vue属性。一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,并响应式地返回一个结果。二,绑定class在数据绑定中,最常见的两个需求就是元素的样式名称class和内联样式 style 的动态绑定,它们也是HTML的属性,因此可以使用v-bind:class指令。1,对象语法1,绑定单字原创 2020-11-03 14:40:04 · 728 阅读 · 0 评论 -
Vue:计算属性
一,计算属性通过前面的学习,我们可以在模板中双向绑定一些数据或表达式了。但是表达式如果过长,或逻辑更为复杂时,就会变得雕肿甚至难以阅读和维护。例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>这里是想要显示变量 message 的翻转字符串,为了达到目的。这个表达式包含了三个操作。显然,如果想要在模板中多包含此处的翻转字符串时,就会显得代码相当臃肿。当一个属性的值依赖于其它属性的原创 2020-11-02 19:51:20 · 1694 阅读 · 1 评论 -
Vue:指令概述
一,指令1,指令在之前的Vue文章中我们已经使用过指令了,比如v-bind、v-pre等。其实指令Directives就是带有 v- 前缀的特殊 。指令attribute的值预期是单个JavaScript表达式 (v-for 是例外情况)。指令的职责是当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。举个例子:<div id="app"> <p v-if="show">现在你看到我了</p></div><script原创 2020-10-31 19:51:55 · 284 阅读 · 0 评论 -
Vue:Vue实例与数据绑定
一,实例与数据1,构造函数在Vue:创建Vue项目Hello Vue!的初学者部分,我们都使用到var app =new Vue({ //doSomething })这样的语句。它的作用,就是通过构造函数 Vue() 创建一个 Vue 的根实例app,并启动 Vue 应用。几乎所有代码都是作为对象传入Vue实例的选项内。2,el对象el 用于指定 个页面中己存在的 DOM 元素来挂载Vue实例。它可以是HTMLElement,也可以是CSS选择器。下面两种写法是等价的:<div id=原创 2020-10-31 14:56:42 · 2266 阅读 · 0 评论 -
Vue:创建Vue项目Hello Vue!
1,安装nodejs。傻瓜式安装。2,安装检查。打开CMD,进入安装目录,输入:node -v能查看到node的版本号,表示安装成功。3,创建全局安装文件夹与缓存文件夹。在安装路径D:\tools_software\nodejs下创建两个文件夹node_global与node_cache,并在CMD中执行以下两条命令:npm config set prefix "D:\tools_software\nodejs\node_global"npm config set cache "D:\t原创 2020-10-30 15:27:38 · 1850 阅读 · 0 评论 -
jQuery入门
一,jQuery是什么?jQuery是一个在页面中引用的JavaScript文件。 它允许你通过CSS样式选择器来找到一些元素, 并且在这些元素上使用jQuery提供的一些方法。jQuery对象拥有很多方法来操作选中的元素。 这些方法对应需要对节点进行的常用操作。1:使用CSS样式选择器查找元素可以通过一个名叫jQuery()的函数在页面中查找一个或多个元素。 它会创建一个名叫jQuery的对象, 其中保存了这些元素的引用° 为了便于书写,通常会使用缩写$()来代JQuery()。如下所示:与D原创 2020-09-07 21:33:44 · 760 阅读 · 0 评论 -
web前端基础概述:基于一个简单的网页示例
在学习web后端框架时粗略地学习了一些HTML、CSS、JavaScript,就是用到什么学什么那种,整个下来也仅仅是粗略学习,知识不成体系,对一些细节没有进行了解,为了进一步掌握web后端技术、开发高可用的web程序,就有必要对前端的编程基础及相关框架有所了解,所以有了这个学习系列,参考的书有《JavaScript & jQuery交互式Web前端开发》、《JavaScript从入门到精通 标准版》和《Web前端开发 HTML5+CSS3+jQuery+AJAX从学到用完美实践》。一,HTML原创 2020-08-14 20:35:39 · 3130 阅读 · 0 评论