meta标签

【jQuery基础】

笑着哭i 提交于 2019-11-28 15:02:52
原文: http://blog.gqylpy.com/gqy/240 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:" Write less, do more. "

【前端基础之HTML】

流过昼夜 提交于 2019-11-28 14:57:49
原文: http://blog.gqylpy.com/gqy/235 目录 一、HTML介绍 二、head内常用标签 三、body内常用标签 一、HTML介绍 1. web服务本质 from socket import socket, SOL_SOCKET, SO_REUSEADDR sk = socket()sk.setsockopt(SOL_SOCKET, SO_REUSEADDR, 1)sk.bind(('127.0.0.1', 8080))sk.listen() while 1: conn, addr = sk.accept() info = conn.recv(10240) print(info) conn.send(b'HTTP/1.1 200 OK\r\n\r\n') conn.send(b'<h1>Hello world!</h1>') conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 2. HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页(对于不同的浏览器

005 vue路由

孤街浪徒 提交于 2019-11-28 13:22:44
一:元素的获取 1.ref元素获取   可以通过ref获取DOm,也可以获取组件的引用 <!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"> <title>Document</title> <script src="./lib/vue-2.4.0.js"></script> </head> <body> <div id="app"> <input type="button" value="获取元素" @click="getElement" ref="mybtn"> <h3 id="myh3" ref="myh3">哈哈哈, 今天天气太好了!!!</h3> <hr> <login ref="mylogin"></login> </div> <script> var login = { template: '<h1>登录组件</h1>', data() { return { msg: 'son msg' } }, methods: { show() { console

移动前端知识总结

橙三吉。 提交于 2019-11-28 13:15:30
移动前端知识总结 文章目录 meta基础知识 常见问题 常用的移动端框架 iscroll.js underscore.js 滑屏框架 FastClick meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name = "viewport" content = "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name = "format-detection" content = "telephone=no" /> 忽略 Android 平台中对邮箱地址的识别 <meta name = "format-detection" content = "email=no" /> 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对 ios 的safari <meta name = "apple-mobile-web-app-capable" content = "yes" /> <!-- ios7.0版本以后,safari上已看不到效果 --> 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 <meta name = "apple-mobile

10个js小案例

只谈情不闲聊 提交于 2019-11-28 12:25:02
知识梳理: 1.DOM(document object model)文档对象模型:html(标签对象集合) 标签名获取对象:document.getElementsByTagName('标签名');//返回的是一个数组 类名获取对象:document.getElementsClassName('类名’);//返回的是一个数组 id获取(id唯一):document.getElementById(); 获取内容标签: innerText,innerHTML 区别: innerHTML可以把标签写进html 基本操作: 创建标签:var h1=document.createElement('h1'); 给标签追加标签:var div=document.getElementsByTagName('div')[0]  //获取第一个div div.appendChild(h1);  //这样就把h1标签添加到了div中 类名操作: 对象.className='类名'; 标签已经有类名的情况下: 标签对象.classList.remove('移除的类名'); 标签对象.classList.add('追加的类名'); 标签对象.classList.contains('是否包含的类名');   //判断:返回true或者false 标签对象属性操作: 标签对象.setAttribute('属性名

重学前端

走远了吗. 提交于 2019-11-28 10:54:11
先来看个大纲 整个系列包含三个部分,即构建Web应用程序或页面要用的最基本的三部分: HTML 、 CSS 和 JavaScript 。 HTML部分 HTML语义:只用 div 和 span 是不是就够了? HTML语义:一篇wiki文章究竟会用到哪些语义元素? 文档元信息:你知道 head 里一共能写哪几种标签吗? 链接:除了 a 标签,还有标签叫链接? 嵌入型元素:怎么 link 一个CSS要用 href ,而引入JS要用 src 呢? HTML标签:标签总结 HTML语言: dtd 到底是什么? ARIA:可访问性不止是给盲人用户的特性 初看了一下提纲中的八个部分。细思了一下,原本自以为相对了解HTML的我,有几点还是不敢肯定、准确的说出答案。那么从我自己的角度来看这几点。 HTML语义化 早期的前端开发者都会比较在意和注重这方面。随着时代的迁移,其实有很多同学开始不太在意这方面的细节。因此在很多网站通篇的只能看到 div 这样的标签元素。但事实上,像 div 和 span 这样的标签元素是没有任何语义化的,他们仅仅是只被运用于布局上。而且在任何浏览器中,都无法使用键盘让其获得焦点,另外也可访问性API也无法进行任何通信。事实上,构建一个具有语义化的页面或应用程序,我们除了使用具有语义化的HTML标签之外,还需要在结构做一些考量,比如说, header 、 footer 、

vue--vuex详解

旧街凉风 提交于 2019-11-28 07:36:45
  Vuex     什么是Vuex?        官方说法:Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的 所有组件的状态 ,并以相应的规则保证状态以一种可预测的方式发生变化。       个人理解:Vuex是用来管理组件之间通信的一个插件     为什么要用Vuex?       我们知道组件之间是独立的,组件之间想要实现通信,我目前知道的就只有props选项,但这也仅限于父组件和子组件之间的通信。如果兄弟组件之间想要实现通信呢?嗯..,方法应该有。抛开怎么实现的问题,试想一下,当做中大型项目时,面对一大堆组件之间的通信,还有一大堆的逻辑代码,会不会很抓狂??那为何不把组件之间共享的数据给“拎”出来,在一定的规则下管理这些数据呢? 这就是Vuex的基本思想了。     Vuex有什么特性?     怎么使用Vuex?       引入Vuex.js文件       创建实例: <!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

Django学习笔记

跟風遠走 提交于 2019-11-28 05:46:49
安装django pip3 install django 删除django pip3 uninstall django 创建django项目 # django-admin startproject 创建的项目名 django-admin startproject mywebsite 运行django项目 # 运行时需要进入到django目录 python manage.py runserver 创建django-app(即django应用) # python manage.py startapp 应用名称 python manage.py startapp news 注册django-app # 在项目下的settings文件中进行注册 # 在INSTALLED_APPS中增加需要注册的应用名,如上news 修改django界面默认语言为中文 # 在项目下的settings文件中进行设置 # LANGUAGE_CODE = 'en-us' LANGUAGE_CODE = 'zh-hans' 创建django后台管理员用户与密码 python manage.py createsuperuser MVT M——models 主要封装数据库,对数据库进行访问,对数据进行增删改查。 V——views 进行业务逻辑处理 T——templates 主要进行展示 URL url标准语法

<head>标签

血红的双手。 提交于 2019-11-28 05:26:31
head 是为一张网页储存必要的信息,这些信息被浏览器和搜索所利用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="keywords" content="手机,音响,电脑,手表"/> </head> <body> </body> </html> meta 标签就来存放他的信息, 意思就 name="keywords" 是一个要查找关键字,后面的content装的就是具有查找的内容。 2019-08-22 13:45:08 来源: https://www.cnblogs.com/qf928/p/11393891.html

Django orm操作

允我心安 提交于 2019-11-28 00:44:57
所有的数据错做都用这个表结构 表结构 from django.db import models from django.contrib.auth.models import User # Create your models here. class Customer(models.Model): '''客户信息表''' name = models.CharField(max_length=32,blank=True,null=True) qq = models.CharField(max_length=64,unique=True) qq_name = models.CharField(max_length=64,blank=True,null=True) phone = models.CharField(max_length=64,blank=True,null=True) source_choices = ((0,'转介绍'), (1,'QQ群'), (2,'官网'), (3,'百度推广'), (4,'51CTO'), (5,'知乎'), (6,'市场推广') ) source = models.SmallIntegerField(choices=source_choices) referral_from = models.CharField(verbose_name=