meta标签 | 易学教程

3.前端笔记之JavaScript基础

阅读更多关于 3.前端笔记之JavaScript基础

作者：刘耀部分内容参考一下链接参考： http://www.cnblogs.com/wupeiqi/articles/5369773.html http://javascript.ruanyifeng.com/oop/basic.html http://www.cnblogs.com/gaojun/archive/2013/10/24/3386552.html 一、JavaScript简介 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。二、组成部分 ECMAScript，描述了该语言的语法和基本对象文档对象模型（DOM），描述处理网页内容的方法和接口。浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。三、一些简单案例注：显示结果请自行测试 1.简单的html输出 <script> document.write('<h1>我是你耀哥</h1>') </script> 此脚本请在开头测试，如果在尾部测试，那么会覆盖整个html页面 2.简单的点击按钮弹出提示 <!DOCTYPE html> <html> <head lang="en">

博客需求分析和表结构

阅读更多关于博客需求分析和表结构

############################################ # 博客项目 # 拿到项目之后第一步就是需求分析 # 需求分析之后就是表设计 # 需要什么表： # 1，userinfo：用户名，密码，头像， # 2，文章表：title,publish_data,desc,author, # 3，评论表：user，时间，内容，关联的文章，是谁的子评论，文章和评论什么关系，一对多， # 3.1 文章详情表：info， # 4，标签：标签名，标签和文章，多对多， # 5，分类：分类名，分类和文章，多对多， # 6，点赞表：是赞，还是踩，点赞时间，关联文章，谁点的，关联user， ###################################### 因为当你makemigrations和migrate的时候会自动生成auth_user表所以创建用户表的时候可以用人家自定义的auth_user表，如果你还想在表里增加一些字段，可以利用继承 from django.contrib.auth.models import AbstractUser class UserInfo(AbstractUser): pass 要是这样用继承的话需要在settings中配置一下： AUTH_USER_MODEL ="应用名称.UserInfo" #############

移动端常见问题（单行和多行文字溢出省略）

阅读更多关于移动端常见问题（单行和多行文字溢出省略）

单行文字溢出省略：给容器添加css样式： .text-ellipsis{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ width:200px; background-color: lightblue; margin:0 auto; } .text-ellipsis{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } </style> </head> <body> <div class="text-ellipsis"> 欧派整体橱柜定制简约现代欧派整体橱柜定制简约现代欧派整体橱柜定制简约现代欧派整体橱柜定制简约现代 </div> </body> </html> 如果容器使用了flex布局：此时单行文字省略会出问题 <!DOCTYPE html> <html lang="en">

04-CSS选择器（复合选择器）

阅读更多关于 04-CSS选择器（复合选择器）

复合选择器交集选择器并集选择器后代选择器子元素选择器属性选择器伪元素选择器（CSS3) CSS书写规范空格规范选择器规范属性规范复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如：h3.special。交集选择器是并且的意思(即…又…)，比如： p.one 选择的是类名为one的p标签。用的相对来说比较少，不太建议使用。 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > Document </ title > < style > p.red { color : red ; } </ style > </ head > < body > < p > 这里是一段文本，样式没有设置 </ p > < p class = " red " > 这里是一段文本，字体是红色 </ p > </ body

前端基础之jQuery入门 01

阅读更多关于前端基础之jQuery入门 01

jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是："Write less, do more." 优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用。4

转的很好的前端html 内容

阅读更多关于转的很好的前端html 内容

HTML 初识 web服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: print("server is working.....") conn, address = sock.accept() request = conn.recv(1024) conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n<h1>Hello Yuan</h1>","utf8")) conn.close() if __name__ == '__main__': main() html是什么？超文本标记语言（Hypertext Markup Language，HTML）通过标签语言来标记要显示的网页中的各个部分。一套规则，浏览器认识的规则浏览器按顺序渲染网页文件，然后根据标记符解释和显示内容。但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性）静态网页文件扩展名：.html 或 .htm html不是什么？ HTML 不是一种编程语言，而是一种标记语言 (markup language) HTML

网站首页head区代码规范

阅读更多关于网站首页head区代码规范

head区是指首页HTML代码的〈head>和〈/head>之间的内容。必须加入的标签： 1.公司版权注释〈!--- The site is designed by Maketown,Inc 06/2000 ---> 2.网页显示字符集简体中文：〈META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁体中文：〈META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英语：〈META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息〈META name="author" content="webmaster@mQQZZZAAA.com"> 4.网站简介〈META NAME="DESCRIPTION" CONTENT="xxxxxxxxx"> 5.搜索关键字〈META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.网页的css规范〈LINK href="style/style.css" rel="stylesheet" type="text

网站首页head区代码规范

阅读更多关于网站首页head区代码规范

网站首页head区代码规范网站首页head区代码规范 head区是指首页HTML代码的<head>和</head>之间的内容。必须加入的标签 1.公司版权注释  2.网页显示字符集简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息 <META name="author" content="webmaster@maketown.com"> 4.网站简介 <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx"> 5.搜索关键字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.网页的css规范 <LINK href="style

网站首页head区代码规范收藏

阅读更多关于网站首页head区代码规范收藏

网站首页head区代码规范 head区是指首页HTML代码的<head>和</head>之间的内容。必须加入的标签 1.公司版权注释  2.网页显示字符集简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息 <META name="author" content=" webmaster@maketown.com "> 4.网站简介 <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx"> 5.搜索关键字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.网页的css规范 <LINK href="style/style.css"

[导入]网站首页head区代码规范

阅读更多关于 [导入]网站首页head区代码规范

head区是指首页HTML代码的<head>和</head>之间的内容。必须加入的标签 1.公司版权注释  2.网页显示字符集简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息 <META name="author" content="hhlong.com"> 4.网站简介 <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx"> 5.搜索关键字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.网页的css规范 <LINK href="style/style.css" rel="stylesheet" type="text

订阅 meta标签