AngularJS 包含
在 AngularJS 中,你可以在 HTML 中包含 HTML 文件。
在 HTML 中包含 HTML 文件
在 HTML 中,目前还不支持包含 HTML 文件的功能。
服务端包含
大多服务端脚本都支持包含文件功能 (SSI: Server Side Includes)。
使用 SSI, 你可在 HTML 中包含 HTML 文件,并发送到客户端浏览器。
PHP 实例
<?php……继续阅读 »
3年前 (2022-05-15) 326浏览 0评论
0个赞
AngularJS 事件
AngularJS 有自己的 HTML 事件指令。
ng-click 指令
ng-click
指令定义了 AngularJS 点击事件。
AngularJS 实例
<div ng-app=“” ng-controller=“myCtrl”>
<button ng-click=“count
= count + ……继续阅读 »
3年前 (2022-05-15) 310浏览 0评论
0个赞
AngularJS 模块
模块定义了一个应用程序。
模块是应用程序中不同部分的容器。
模块是应用控制器的容器。
控制器通常属于一个模块。
创建模块
你可以通过 AngularJS 的 angular.module 函数来创建模块:
<div ng-app=“myApp”>…</div>
<script>
var app = angular……继续阅读 »
3年前 (2022-05-15) 111浏览 0评论
0个赞
AngularJS ng-model 指令
ng-model 指令用于绑定应用程序数据到 HTML 控制器(input,
select, textarea)的值。
ng-model 指令
ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。
AngularJS 实例
<div ng-app=“myApp” ng-controller=“myC……继续阅读 »
3年前 (2022-05-15) 263浏览 0评论
0个赞
React 表单与事件
本章节我们将讨论如何在 React 中使用表单。
HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。
在 HTML 当中,像 <input>, <textarea>, 和 <select> 这类表单元素会维持自身状态,并根据用户输入进行更新。但在React中,可变的状态通常保存在组件的状态属性中,并且只能用……继续阅读 »
3年前 (2022-05-15) 138浏览 0评论
0个赞
React 元素渲染
元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。
const element = <h1>Hello, world!</h1>;
与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。
将元素渲染到 DOM 中
首先我们在一个 HTML 页面中添……继续阅读 »
3年前 (2022-05-15) 326浏览 0评论
0个赞
Vue3 项目打包
打包 Vue 项目使用以下命令:
cnpm run build
执行以上命令,输出结果如下:
执行完成后,会在 Vue 项目下会生成一个 dist 目录,该目录一般包含 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 images(如果有图片的话)。
如果直接双击打开 index.html,在浏览器中页面可能是空白了,要正常显示……继续阅读 »
3年前 (2022-05-15) 206浏览 0评论
0个赞
Vue3 教程
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
Vue 只关注视图层, 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue 学习起来非常简单,本教程基于 Vue 3.0.5 版本测试。
阅读本教程前,您需要了解的知识:
HTML
CSS
JavaScript
本教程主要介绍了 Vue……继续阅读 »
3年前 (2022-05-15) 238浏览 0评论
0个赞
Vue.js Ajax(vue-resource)
Vue 要实现异步加载需要使用到 vue-resource 库。
Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。
<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
Get 请求
以下是……继续阅读 »
3年前 (2022-05-15) 181浏览 0评论
0个赞
Vue.js 路由
本章节我们将为大家介绍 Vue.js 路由。
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。
通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。
Vue.js 路由需要载入 vue-router 库
中文文档地址:vue-router文档。
安装
1、直接下载 / CDN
https://unpkg.com/……继续阅读 »
3年前 (2022-05-15) 148浏览 0评论
0个赞
Vue.js 事件处理器
事件监听可以使用 v-on 指令:
v-on
<div id="app">
<button v-on:click="counter += 1">增加 1</button>
<p>这个按钮被点击了 {{ counter }} 次。</p>
</div>
<script&……继续阅读 »
3年前 (2022-05-15) 165浏览 0评论
0个赞
jQuery 树型菜单插件(Treeview)
jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。适用于一些菜单的导航,支持基于 cookie 的持久性菜单。
<ul id="browser" class="filetree treeview-famfamfam">
<li><span class="folder"……继续阅读 »
3年前 (2022-05-15) 244浏览 0评论
0个赞
jQuery 遍历 – 同胞(siblings)
同胞拥有相同的父元素。
通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。
在 DOM 树中水平遍历
有许多有用的方法让我们在 DOM 树进行水平遍历:
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()
jQuery siblings() 方法……继续阅读 »
3年前 (2022-05-15) 293浏览 0评论
0个赞
jQuery 遍历
什么是遍历?
jQuery 遍历,意为”移动”,用于根据其相对于其他元素的关系来”查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。
下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DO……继续阅读 »
3年前 (2022-05-15) 310浏览 0评论
0个赞
jQuery – 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法:
append() – 在被选元素的结尾插入内容
prepend() – 在被选元素的开头插入内容
after() – 在被选元素之后插入内容
before() – 在被选元素之前插入内容
……继续阅读 »
3年前 (2022-05-15) 162浏览 0评论
0个赞