html代码 | 易学教程

VUE重修01

阅读更多关于 VUE重修01

---恢复内容开始--- 1、框架与库的区别前端框架与库的区别? jquery 库 -> DOM(操作DOM) + 请求 art-template 库 -> 模板引擎框架 = 全方位功能齐全简易的DOM体验 + 发请求 + 模板引擎 + 路由功能 KFC的世界里,库就是一个小套餐, 框架就是全家桶代码上的不同一般使用库的代码，是调用某个函数，我们自己把控库的代码一般使用框架，其框架在帮我们运行我们编写好的代码框架: 初始化自身的一些行为执行你所编写的代码施放一些资源 2、vue使用npm下载完成后，其文件夹下会有几个不同后缀的文件： 1)vue.common.js是以commomjs为规范的文件 2）vue.esm.browser.js则是es6为标准的commonjs文件 3）vue.esm.js 是以es6为标准的 3.vue的基本使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="./node

django-kindeditor编辑器

阅读更多关于 django-kindeditor编辑器

一:kindeditor是HTML的一款编辑器插件. 1,下载地址:: KindEditor 4.1.11 (2016-03-31) 2,修改html页面的具体的操作: 1,在需要显示编辑器的位置添加textarea输入框 <textarea id="editor_id" name="content" style="width:700px;height:300px;"> #这里的id值是唯一的,但是也可以变,只要后面用到id值的地方都一样即可. </textarea> 注意: id在当前页面必须是唯一的值。在textarea里设置HTML内容即可实现编辑，在这里需要注意的是，如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容，则必须转换HTML特殊字符(>,<,&,”)。　　具体请参考各语言目录下面的demo.xxx程序，目前支持ASP、ASP.NET、PHP、JSP。在有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高度可用inline样式设置，也可用编辑器初始化参数设置。 2,在该HTML页面添加以下脚本 <script charset="utf-8" src="/editor/kindeditor.js"></script> #这里的两行视情况而定.<script charset="utf-8" src="/editor

JavaScript&HTML DOM

阅读更多关于 JavaScript&HTML DOM

1、JavaScript介绍 Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript代码。 JS是Netscape网景公司的产品，最早取名为LiveScript;为了吸引更多java程序员。更名为javascript。 JS是弱类型，Java是强类型。 java的情况类型变量名 = 指定类型的值。 int i = 整型 js的情况 var 变量名 = 任意值。这个变量的类型是由你具体赋的值来决定。而且这个变量的类型会随着赋值而发生改变。后面我们所有指到的js 就是javaScript 特点：交互性（它可以做的就是信息的动态交互）安全性（不允许直接访问本地硬盘）跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关） 2、数组定义方式 Js 中数组的定义：格式： var 数组名 = []; // 定义一个空的数组 var 数组名 = [12,”abc”,true]; // 定义数组的同时初始化数组元素 3、函数的三种定义方式第一种定义函数的方式，使用function关键字，定义一个函数。格式如下： function 函数名（参数列表）{ 函数体 } 如何定义一个带有返回值的函数。只需要在函数体内直接使用reutrn语句返回值即可。函数的第二种定义方式（很少使用，了解即可） var 函数名

JavaScript与DOM（上）

阅读更多关于 JavaScript与DOM（上）

本来像自己写一篇的。。。结果看到了Tom uncle的这篇。。总结的确实很赞，其他文章也非常好推荐转载自：http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 文档对象模型Document Object Model DOM（Document Object Model，文档对象模型）是一个通过和JavaScript进行内容交互的API。Javascript和DOM一般经常作为一个整体，因为Javascript通常都是用来进行DOM操作和交互的。主要内容来自：http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-dom-series-lesson-1/ 关于DOM，有些知识需要注意： 1. window对象作为全局对象，也就是说你可以通过window来访问全局对象。属性在对象下面以变量的形式存放，在页面上创建的所有全局对象都会变成window对象的属性。方法在对象下面以函数的形式存放，因为左右的函数都存放在window对象下面，所以他们也可以称为方法。 2. DOM为web文档创建带有层级的结果，这些层级是通过node节点组成，这里有几种DOM node类型，最重要的是Element, Text, Document。

JS基础篇--HTML DOM classList 属性

阅读更多关于 JS基础篇--HTML DOM classList 属性

页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CSS类。添加类（add） document.getElementById("myDIV").classList.add("mystyle"); 为 <div> 元素添加多个类: document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass"); 移除类(remove) 使用remove方法，你可以删除单个CSS类： document.getElementById("myDIV").classList.remove("mystyle"); 移除多个类： document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass"); 切换类(toggle) 这个方法的作用就是，当myDiv元素上没有这个CSS类时，它就新增这个CSS类；如果myDiv元素已经有了这个CSS类，它就是删除它。就是反转操作。 document.getElementById("myDIV").classList

前端Web开发MVC模式-入门示例

阅读更多关于前端Web开发MVC模式-入门示例

MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗可以扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目？例如需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法：（view和model control完全混合） <html> <head> <title> example </title> </head> <body> <input type="button" value="baidu" onclick="alert(this.value);"/> </body> </html> 说明：如上写法的好处：简单、直接；严重的弊端：如果都是这样写法，页面代码很大的时候，修改js代码还需要查找整个页面，导致整个页面非常混乱。批注：类似与 jsp中直接嵌入java片段语句。 2、将html和js代码进行适当分离：（view和model control在同一页面适当分离）修改以上的写法： <html> <head> <title> example </title> </head>

前端mvc的学习笔记之二

阅读更多关于前端mvc的学习笔记之二

从百度空间转过来的一个例子看起来很易懂小例子容易懂，大项目用起来可能就会复杂一些了，看空间的标题名称什么的很有可能还和我是一个公司呢，这里谢过了啊 --------------------------------------------华丽的分割线------------------------------------------------------------------------------------------------------- 前端web开发的MVC模式 - 从一个简单实例讲起 MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。例如需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法：（view和model control完全混合） <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value=

简单理解前端web开发的MVC模式

阅读更多关于简单理解前端web开发的MVC模式

随着前端Ajax兴起、前端开发工作进一步划分：js开发和ui页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。例如需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法：（view和model control完全混合） <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value="baidu" onclick="alert(this.value);"/> </BODY> </HTML> 说明：如上写法的好处：简单、直接；严重的弊端：如果都是这样写法，页面代码很大的时候，修改js代码还需要查找整个页面，导致整个页面非常混乱。 2、将html和js代码进行适当分离：（view和model control在同一页面适当分离）修改以上的写法： <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value="baidu" onclick="tipInfo(this);"/> <SCRIPT LANGUAGE="JavaScript"> <!-- function tipInfo(obj){ alert

浅谈SPA

阅读更多关于浅谈SPA

　　最近一直在学习关于Vue的一些知识，由于遇到了问题，去网上查找资料，收获颇丰，在此分享。 1. 什么是SPA？　　单页Web应用（single page web application, SPA）,就是只有一张Web页面的应用，是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序，是指在浏览器中运行的应用，在使用期间不会重新加载页面。像所有的应用一样，它旨在帮助用户完成任务，比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web服务器加载的富客户端。　　速度：更好的用户体验，让用户在web app感受native app的速度和流畅，　　MVC：经典MVC开发模式，前后端各负其责，后端只需要提供数据接口　　ajax：重前端，业务逻辑全部在本地操作，数据都需要通过AJAX同步、提交。　　路由：在URL中采用#号来作为当前视图的地址,改变#号后的参数，页面并不会重载，这个也就是哈希。　　　　SPA也是当今网站开发技术的一种趋势和潮流，毕竟前端三大框架不是盖的~~，很多的传统网站都在或者已经转型为单页Web应用，新的单页Web应用网站（包括移动端平台上面的）也雨后春笋涌现出来。　　单页Web应用和前端工程师们息息相关，因为主要的变革发生在浏览器端，用到的技术其实还是HTML+CSS+JavaScript，所有的浏览器都原生支持

JavaScript语言概况(一)

阅读更多关于 JavaScript语言概况(一)

JavaScript教程语言概况（李晓华　2001年04月29日 01:50）　　Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇迹。随着Internet技术的突飞猛进，各行各业都在加入Internet的行业中来。无论从管理方面，还是从商业角度来看，Internet都可以带来无限生机。通过Internet，可以实现地区、集体乃至个人的连接，从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到WWW 服务器，是广大用户日益关心的问题。采用超链技术（超文本和超媒体技术）是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支持环境，那就是HTML超文本标识语言。通过它们可制作所需的Web网页。　　通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web)，构成网络文档(Document)，实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。　　然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源

订阅 html代码