微信小程序 组件 组件所有组件与属性都是小写，以连字符 - 链接如：cover-image :覆盖在原生组件之上的图片视图视图组件:view 属性 hover-class，hover-start-time, hove-stay-time,hover-stop-propagation=‘{{true}}’是否阻止冒泡swiper：滑块视图容器，其中只可放置swiper-item组件，...
Wxml,事件等 AppApp只能声明在app.js中onLaunch(){} //监听小程序的初始化getApp()去获取全局唯一的app实例通过getApp（）获取实例之后，不要私自调用生命周期函数在每一个页面的js文件，都需要一个Page进行注册页面WXMLMustache语法 ：{{ }}公共属性:id,class,style,hidden,data-*,bind*/catch*...
微信小程序笔记 微信小程序订阅号：适用人群：个人，媒体， 报纸，企业，政府或其他组织一天只能群发1条消息服务号适用人群：媒体、企业、政府或其他组织。一个月内可发送4条消息企业微信原企业号企业的专业办公管理工具。小程序是一种新的开发能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的适用体验。小程序优点：开发周期短，开...
redux数据映射创建store redux数据映射创建store.js，在store中引入createStore创建的store仓库，把仓库公开，在createStore中引入reducer创建reducer.js，在reducer中创建共有数据存储的对象defaultState，把组件中共有的数据抽离到defaultState，在reducer.js创建公开方法,写入state和action参数，把默认数据defau...
react路由，脚手架 react脚手架的使用import React,{Component} from 'react'class 组件名 extends Component {state ={数据}}样式类名会全局泄露Axios组件下直接引入axiosPublick文件夹是特殊路径配置代理:package.json下 "proxy":"http://localhost:3001"Post请求使...
React的条件渲染，父子，兄弟传值 条件渲染：if(布尔值){ return(jsx)}else{ return (jsx)}条件是否成立&&模块显示隐藏三目运算： 条件？模块：模块注：阻止条件渲染时，不使用DOM内容情况下返回null，数据类型保持一致列表渲染：使用map方法进行遍历react中无论后期列表是否进行变动，都需要给遍历的虚拟DOM加上唯一的key，否则控制台会...
React不使用JSX创建元素，以及传值 不使用JSX创建元素:React.createElement(DOM名称，节点属性，DOM中写入的内容) const childa = React.createElement( 'h1', {className:"childa"}, 'hello' ) ReactDOM.render( childa, ...
关于React React把虚拟DOM渲染到真正DOM中ReactDom.render(组件，document.getElementById(根元素))虚拟DOM提升性能：虚拟DOM最大特点是只更新变化的内容，不变的内容就地复用JSX语法: {},相当于vue的 {{}}style={{key:val,key:val}} //第一个大括号为jsx语法，第二个大括号为style内写法...
vue优化，本地存储的方法 vue配合vuex和本地存储可以减少HTTP请求，进行优化本地储存：sessionStorage、localStorage和cookie之间的异同共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间 来回传递 cookie数据不能超过4KB,同时因为每次http请求都会携带cooki...
for..of for…of能够遍历数组，字符串，Set，Map结构，因为它们内置了Iterator遍历器，它们的原型中都有一个Symbol.iterator方法，而对象Object中并没有这个接口，无法被for…of遍历...
Vue全局前置守卫验证登录状态 全局前置守卫验证登录状态在login页 methods: { login() { this.$axios .post("/api", { user: this.user, password: this.pass }) .then(res => { if (res...
对象的新增方法 Object.is()源自：http://es6.ruanyifeng.com/#docs/object-methods#Object-getOwnPropertyDescriptorsES5比较两个值只有2个运算符,相等（==）和严格相等（==）相等运算符:会自动转换数据类型严格相等运算符:NaN不等于自身，+0等于-0ES6提出同值相等算法解决以上2个缺点 当用来比较两个值...
mixin混入，插槽，过滤器 Mixins混入：把各个组件下相同的js部分提取出来，分发给每一个用到的组件，这样可以减少代码量进行优化，但是分发到各个组件下的数据都是相互独立的在组件下引入混入的内容:import minxi在子组件内先引入import mixis from ‘./…/…/…/mixin’然后派发 mixins:[mixis] （mixis为提出来的公共部分的js...
对象的扩展 引用自http://es6.ruanyifeng.com/#docs/object属性的简洁写法ES6允许在大括号里，直接写入变量和函数，作为对象的属性和方法，更加简洁属性简写function f(foo,bar){ return (foo,bar)}f(1,2)//{foo:1,bar:2}这时属性名就是变量名，属性值就是变量值方法简写const foo ={ ...
数组扩展 数组扩展注：例子均来源于http://es6.ruanyifeng.com/Array.of( )Array.of方法用于将一组值，转换为数组其主要目的是弥补数组构造函数Array( )的不足：因为参数个数的不同，不导致Array（）的行为有差异如： let a = Array()//[] let b = Array(3)//[empty*3] ...
axios,vuex resource:本地的数据内容应该放在static文件夹下先下载npm install vue-resource ,在main.js中引入 vue-resource，使用 Vue.use（）；get：在需要请求数据的页面使用this.$http.get(路径).then((数据)=>{ 请求成功后拿到数据})post:在需要请求数据的页面使用this.$http.post(...
关于vue全家桶 vue全家桶包含哪些模块vue-cli vue脚手架vue-router 路由axios http请求vuex 状态管理（操作公用数据）UI库（element-ui）vue脚手架下，src文件夹下包含哪些文件，作用分别是什么？assets文件夹：一般放置图片components文件夹：放置所有自行编写的组件router文件夹：在index.js下进行路由配置...
Vue生命周期、自定义指令，传值，状态管理，路由 生命周期vue（包括组件)实例从 实例化到消亡的一个过程，每个vue实例在被创建时都要经一些列的初始化过程，如需要设置监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等生命周期8个钩子函数的作用：beforeCreater:初始化内容created：初始化数据完成，可以拿到数据了beforeMount：找到对应的el，把数据向虚拟DOM上挂载的过程mounted：...
Vue组件的命名 结论： 组件命名不能使用驼峰命名，可以使用 -形式，或者开头首字母大写形式，目的是为了跟普通html标签进行区分Vue.component("comA",{ template:``, }组件下用驼峰式命名不好，因为在DOM标签下要转为横杠形式，此处为否则报错.did you register the component correctl...
箭头函数与普通函数，以及使用场景 箭头函数和普通函数的区别如下。普通函数：根据调用我的人（谁调用我，我的this就指向谁）箭头函数：根据所在的环境（我再哪个环境中，this就指向谁）一针见血式总结:普通函数中的this:this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 ‘use strict’),没找到直...
v-model双向绑定的defineProperty实现 多选框绑定v-model时，会吧选中的对应的value值加入到v-model绑定的数组中下拉列别选取单个值时使用字符串，多个值(multiple)需要使用数组select下option 可以用v-for遍历，但是要用v-bind绑定如果option有value时，选中时会把option的innerHTML内容替代掉Vue下原生js实现数据双向绑定definePrope...
购物车 <!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-...
Vue列表渲染 列表渲染数组：（item，index） of arr对象:(val,key,index) of object实际使用时常用[{},{}] (数组嵌套对象)key的管理:(vue v-for 下key值的作用)在v-for使用v-bind:key绑定key,会使虚拟DOM记录节点的身份，在操作数组等元素进行变动时，DOM也会进行变动，在使用key值的情况下，不会让DO...
v-for为什么要加key v-for为什么要加key未加key时 <div id="app"> <input type="text" v-model="name"> <button @click="add">增加元素</button> <ul> <!-- 没有加唯一key值，会对元...
mysql安装错误mysqladmin: connect to server at 'localhost' failed，和 卡在配置环境Starting the server 前者解决办法：在mysql的bin目录下输入: mysqladmin -u root -p password 123456出现enter password后**，直接回车，**即可后者win+r 输入 services.msc,找到Mysql，右键=>属性=>登录确定...
组件化 组件:把页面中的UI模块拆分出来(header,footer,nav),把DOM放在组件中,组件可以重复调用,渲染到页面中,减少代码量(1) 全局组件:在每一个vue实例化中都可以取使用声明全局组件 Vue.component(‘组件名字’,{template:模板(HTML的内容,必须有一个唯一的根元素)})可以使用v-if进行判断显示,但是没有必要这样去实现,组件的命名不能使用驼峰命名...
vue 的class绑定方式，模板语法，计算属性，深度侦听 class绑定方式(1) :class="{box1:flag}" key代表style样式下的class名,val为布尔值控制绑定,动态绑定的class可以和固定静态class共存,绑定动态的class可以配合表单的v-model使用,例如checkbox(2) :class=“boxStyle” 对象方式绑定多个class,推荐使用在data写入对象的形式操作class(3) :...
什么是MVVM？mvvm和mvc区别? 什么是MVVMMVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型， 也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模 型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel...
Echarts，Highcharts，canvas Echarts，Highcharts，canvasEcharts 头部<!-- 引入 echarts.js --> <script src="./js/echarts.min.js"></script> bddy中 <!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" s...
D3.js D3.jsselect() 选取单个DOM元素selectAll() 选取多个DOM元素data（) 把输入写入到DOM节点中 data方法只能把数组的内容写入到DOM中，就算有一个数据也要写到数组中text（） 把内容返回到页面中style（key，value）写入样式，可以传入对象的方式{key：val,key:val}可以使用链式操作datum（）把单个...
国庆项目的一些坑与总结 1.npm安装spm报错:network If you are behind a proxy解决 npm config set registry http://registry.npmjs.org/2.input框type=file设置cursor:pointer的问题为了让美化上传文件框，设置了cursor:pointer;,然而不起作用，然后百度找到了解决方法，设置font-size:0...
利用forEach实现数组去重 var arr = [1, 2, 2, 1, 3]; var obj = {}; arr.forEach(function(val, index) { obj[val] = arr[index]; }); console.log(obj)//利用对象的key值不能重复这一特性console.log(Ob...
websocket与socket websocket与socket.iohttp协议是单向的，无状态的应答模式是客户端请求，服务器应答如果想想实现这种实时聊天？现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然...
koa和exprsss区别 koa和exprsss区别koa没有内置中间件express有几个内置的中间件,如express.static()//加载静态资源koa不再有req，res请求，它是封装在context里面 ctxexpress是有req请求数据，res相应内容koa自己封装了路由规则安装全局安装：koa-generator框架npm install koa-generator -g新建一个...
为什么mongodb启用需要先启用mongod再启用mongo mongod是服务端，mongo是命令行的客户端。再说明白点服务端是在服务器上的，客户端是在你的电脑上或者其他服务器上，大部分时候这两者不可能合在一起，任何你已知的数据库也应该都是这种模式。mongodb: mongod是服务端，mongo是命令行的客户端。mysql: mysqld是服务端 mysql是命令行客户端你要链接mongodb服务器，并不一定要使用mongo命令行，但是开服务器是...
Mongoose Mongoose可以为文档创建一个模式结构（schema）更加规范化，给属性值设置数据类型数据可以通过类型转换为对象模型mongoose中提供了几个新的对象Schema(模型对象)定义约束了数据库中的文档结构设置规范属性的数据类型数据类型(严格区分大小写)String,Number,Boolean,Array,Buffer,Date,ObjectId或Oid,M...
mongodb数据库 在这里插入代码片# 数据库把数据进行持久化储存数据库是按照数据结构来阻止，存储和管理数据的仓库安全，操作数据方便数据库编程语言传统的sql语言 结构化查询语言 Structured Query LanguageSQL Server(微软) MySql（开源免费) Oracle(甲骨文)SQLServer和mysql语法格式如果电脑安装以上的数据库，默认的端口是3306se...
webpack webpack是一个模块打包器，能够把所有的文件都当做是一个模块它把所有的文件资源(js,json,css,sass,图片)都看作为模块将这些文件资源解析处理以后，生成对应的打包文件使用webpack构建一些应用也是非常方便，比如基于node webpack vue-cli构建vue程序(脚手架)webpack是一个基于node.js运行环境，用于打包本地文件之间相互依赖并最终输出成...
模块化的理解 模块化的理解1.什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信2.为什么使用模块及模块化？模块及模块化以module.exports(暴露)和require(引入 )来说(1):达到代码重用性，避免全局变量的污染模块化是指解决一个复杂问题时自顶向下逐层把系统...
express模块 expresslet express = require('express')//创建一个应用程序let app = express();console.log(app);//定义一个路由app.get('/',(req,res)=>{ res.send('...')}).listen(3000)路由切换127.0.0.1/stu stu页面127.0.0.1/...
使用node.js删除文件夹以及文件 使用node.js删除文件夹以及文件var fs = require('fs')//引入fs模块var path = require('path')//引入path模块var filepath = path.resolve('./a')//获得想要删除的文件夹的绝对路径//console.log(filepath)function fun(dir){ var files =fs...
fs模块 fs模块 引入模块: var fs = require('fs') 文件操作格式: 同步操作格式 异步操作格式 简单操作格式 流式操作格式 同步操作模式： let fs =require('fs')let fd = fs.openSync('要打开的文件','a') r:只读 w:覆盖写...
模块化加载与commonjs 模块化加载与commonjs一个js文件对应就是一个模块文件es5不支持原生的模块化，它是以script引入进来node为了模块化，引入了commonJS规范commonJS：方便团队开发方便与模块的管理一个模块就是做你这个模块只要的事es6中模块 export 变量名=变量值引入<script type="module">import {...
关于module.exports和exports 关于module.exports和export总结：直接使用module.exports.属性名=属性值 的方式，根据后面的会覆盖前面的原则。使用module.exports={ 属性名:属性值}方式，由于module.exports是新指向了一块内存，exports还是指向原来内存，两者之间发生改变。来看1.exports 在前，module.exports.属性名=属性值 在后expo...
ES6----字符串，数值，对象，数组扩展 async函数 真正意义上去解决异步回调的问题，同步流程表达异步操作。本质上为Generator的语法糖 格式：async function foo（）{ await 异步操作； await 异步操作； } 返回的是一个Promise对象 Generator函数的格式：function* 函数名(){ } async 不会有next a...
Promise对象等 Promise对象 Promise对象：代表了未来某个将要发生的事件（通常是一个异步操作） 有了promise对象，可以将异步操作以同步的流程表达出来，避免了层层嵌套的回调函数 ，俗称 '回调地狱' ES6的Promise 是一个构造函数，用来生成Promise实例 状态： pending：初始化状态 fullfilled：成功状态 reject...
ECMAScript ECMAScriptES6.0是JavaScript语言下一代标准，2015遍6月正式发布目标：使JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言ES5 严格模式：strict mode 即在严格条件下运行 消除JavaScript语言的一些不合理，不严谨之处，减少一些怪异行为 消除代码运行的一些不安全之处，保证...
循环一个三行三列的结构 <style> *{ padding: 0;margin: 0; list-style: none; } li{ width: 90px; height: 190px; margin-right: 10px; float:left; background-color: chocolate;...
兼容浏览器 阻止冒泡事件 Document 3 2 1 <script> var div = document.getElementsByTagName("div") div[0].onclick=function(){ ...
document write()和innerHTML的区别 document.write()和innerHTML的功能类似，操作标签的内容，但是前者只能操作body的内容区别 ：1.document.write（）会覆盖标签中已有的内容，但是不会覆盖document.write()添加的内容。2.document.write()只能操作body的内容3.document.write()==document.body.innerHTML...
js数据类型 一.基本数据类型：String, Number, Boolean,Null,undefined复杂数据类型：Object（object，array，function）二.typeof Number—>functiontypeof 123–> numbertypeof String–>functiontypeof ‘123’–>stringtypeof null...
window onload的作用？ 作用是当文档和资源都加载完成后调用。当我们把script标签放到head里面去获取元素的时候，我们会发现获取到的值为null，因为代码是从上往下执行，当获取标签的时候，标签还没有被加载....
Javascript和ECMAScript的关系 网景公司和Sun公司成立了一个开发联盟，网景公司为了搭上媒体热潮Java的顺风车，临时把LiveScript改为JavaScript，所以本质上来说JavaScript和Java没什么关系...
什么是JavaScript？ JavaScripts 是一种具有面向对象能力的，解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言，因为它不需要再一个语言环境下运行，而只需要支持它的浏览器即可。它的主要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验等。...
关于浮动元素居中 可以使用ul 套 liul使用弹性布局 设置 display:flex;li设置 flex:1; text-align：center；由于5张图片为行内标签属性 所以会在li中居中显示。做到缩放或者放大浮动元素都不会换行。(图片 用rem设置宽高)PS.text-align:center 属性只对行内/行内块 起作用line-height只对行内标签起作用...
弹性布局以及流式布局 详解 首先是弹性布局宽度以及高度不能用px设置，用rem来设置，盒子的边距位置用px 来设置。流式布局的宽度要求设置maxwidth以及minwidth，盒子的宽度用百分比来设置，高度可以用px...
关于流式布局中轮播图问题 问题：用ul套8个li中8张图片，li 设置左浮动 。ul设置宽度为800%，因为是流式布局，宽度设置不能为像素px，此时的li应该设置为12.5%（100%/8=12.5%）,此时的100%是相对父标签，所以每个子标签为1/8，然后就在该模块父盒子设置maxwidth=xx px； overflow:hidden;切除多余的图片，始终保持只有一张图片在轮播...
关于在less中引入背景图片问题 问题：在Less中引入的背景图片路径（相对路径）是从该Less文件出发，导致引入的图片在网页中会找不到路径解答：引入的路径应该是从Less生成的Css文件目录出发...
关于弹性盒子 仿做了一个手机端携程网站的模块布局出现了一下问题：1.宽度设置问题:一开始我用写PC端的方法，固定了盒子的宽度，导致完成后，盒子无法根据不同分辨率弹性伸缩。解决方法:弹性盒子布局，宽度不要设置px，宽度由%来写，比如这里设置 左边盒子 flex:31% 中间盒子：23% 右边 46%在这三个盒子中也设置display:flex 内部文字 justify-align:start; 右边...
关于语义化 H5+CSS3部分H5新增语义化标签以及属性结构标签（1）<section></section> 独立内容模块 ，可以h1-h6组成大纲 ，表示文档结构，有章节、页眉、页脚或其他部分。（2）article （文章） 文章核心部分 （3）aside 标签内容之外相辅的信息 侧边栏（4）header 头部/标题(5)footer 底部(6)nav 导航（...
关于阿里矢量图标 day10字体图标1.阿里矢量图标库加入购物车 —> 下载代码—> 登录–>下载2:解压放入项目目录下 静态资源文件夹下 assets3;在头部通过link标签引入阿里的图标样式文件 iconfont.cssunicode 引入写到公共样式里就行@font-face { font-family: 'iconfont'; src: url('ico...
块级标签和行内标签的区别 行内标签（内联标签）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对齐等属性，常用于控制页面中文本的样式常见的行内标签a,strong,b,em,i,del,s,ins,u,span其中span标签是最典型的行内标签。 特点：和相邻行内标签在一行上高、宽无效，但水平方向的padding，margin可以设置，垂直方向的无效行内标签只能容纳文本或...
命名规范等 day09项目准备网站TDK T 标题 D 描述 K 关键字<title>小米商城 - 小米CC9、小米MIX 3、Redmi K20，小米电视官方网站</title><meta name="description" content="小米商城直营小米公司旗下所有产品，包括小米手机系列小米CC9、小米9、小米MIX 3，Redmi 红米系列Redmi K...
精灵图技术 day08精灵图技术why?1.减少请求次数，提高界面加载速度what?图片拼合技术，它就是把多张小图合成一张大图，利用 背景定位属性background-position：xpx ypx 实现显示大图当中的某一个小图how？1.确定显示小图片的那个盒子的宽高2.以背景的方式插入精灵图 background-image：url();3.移动图片的定位位置 backgrou...
精灵图 详解 精灵图技术why?1.减少请求次数，提高界面加载速度what?图片拼合技术，它就是把多张小图合成一张大图，利用 背景定位属性background-position：xpx ypx 实现显示大图当中的某一个小图how？1.确定显示小图片的那个盒子的宽高2.以背景的方式插入精灵图 background-image：url();3.移动图片的定位位置 background-positi...
等高布局 详解 3:等高布局height:auto时的现象height:auto 全部都是内容撑开每一列盒子高度同时变化,以最高的那列为基准 整个盒子的高度应该取决于最高的那列3:真等高—>背景盒子法原理：父盒子取决于内容盒子里最高的盒子的高度1.多列浮动并排 清除浮动影响2.给最外侧的盒子再套几个盒子 套的盒子数量 =列的数量（每一列都要分配一个背景盒子） <div clas...
ie的兼容问题以及处理 day071:常见的兼容问题兼容：通过代码实现各浏览器表现一致性1.ie8下图片边框问题<a><img src="" alt=""></a>解决方法img{ border:0;//去掉ie8下图片边框 or vertical-align:middle; 取消下间隙}2.图片下间隙问题解决方法: 1)图片转换为块元素 di...
关于定位，浮动，盒模型 day06定位 position:两个大布局: 盒模型 浮动定位:anywhere1:定位类型:静态定位 static 标准流下的默认值 一动不动相对定位 relative绝对定位 absolute固定定位 fixed2:定位方位值:left:当前定位元素距离父元素左侧边界的值top:当前定位元素距离父元素上侧边界的值bottom:当前定位元素距离父元素下侧边界的值...
JS变量的命名规则以及window onload的作用 1.名字见名知义，遵循驼峰标识。如：userName passWord2.变量名只能以字母，—，$开头3.不能使用关键字和保留字4.变量名不要相同（后面的会覆盖前面的）window.onload作用：当文档和资源都加载完成后调用。一般script标签写在head里去获取下方的元素时，会发现获取的值为null，因为代码是从上往下执行的，当获取标签的时候，标签还没有被加载。用window.o...
什么是JavaScript?JavaScript与ECMAScript的关系 JavaScript是一种面向对象能力的、解释型的程序设计语言。更具体一点，JavaScript是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的只要目的是，验证发往服务器端的数据、增加Web互动、加强用户体验度等由ECMAScript-262定义的ECMAScript与Web浏览器没有依赖关系。ECMAScript定义的只是...
浮动处理，图片下间隙处理 day05color:rgba(255,255,255,0.5) a:alpha 透明度 0-1 的小数 值越大越不透明文字默认以基线对齐1：调整文本垂直对齐方式的属性verticle-align:top定对齐/ middle 中线对齐/baseline基线对齐/bottm底线对齐对块级元素而言，用display：inline-block实现并排不是最好的做法**因...
引入CSS的方式 引入CSS的方式：1.行内引入(内联样式)：直接写在标签内<div style=" width:400px;height:500px"></div>2.内嵌引入(内部样式)<head> <style> .box{ width:400px;height:500px" } ...
合并单元格等 如何合并表格单元格使用table标签的rowspan(跨行合并),colspan(跨列合并)thead、tbody、tfoot有什么作用<thead>标签应用于组合HTML表格的标头内容<tbody>标签用于组合HTML表格的主体内容<tfoot>标签应用于组合HTML表格的页脚内容thead,tbody,tfoot 标签默认不会影响表格的布局常...
CSS的一些特性 day04字体缩进属性text-indent:20px/2em/2rem;em:相对于父元素字体大小的参考单位rem：相对于html根标签的参考单位text-indent：-999；隐藏文本的另外做法css三大特性层叠性，继承性（inherit），优先级继承性：text-，line-height，font- ， color字体颜色color:1.屌丝程序员表示法：red，...
简单的列表序列 列表序列无序列表 盒子 ul unorder 列表项 li list 第一条数据 第二条数据 第三条数据 ul>li3 div>div3 超链接标签<a></a> anchor 锚点链接使用href：链接地址target：控制链接的打开方式_self ...
关于HTML day 01 HTML 011: HTMLHTML : Hyper Text Makeup Language 超文本标记语言超：不仅仅可以放文字，还可以插入图片，插入链接，视频，音频 .html标记： 就是浏览器可以识别的文字和符号面试题：你常用的浏览器有哪些？ 浏览器内核：解析 html +css+js 渲染引擎 ：将html+css渲染 ...
b和strong（i和em)标签的区别 b和strong（i和em)标签的区别?b标签是一个实体标签，它所包围的字符被设为bold（粗体)，而strong标签是一个语义标签，作用是加强字符的语义em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。W3School 经常对重要的术语使用 em 标签。em 标签可以用来把这些名称和其他斜体字区别开来。WEB标准提...
HTML中行内元素与块级元素的区别 HTML中行内元素与块级元素的区别区别： 1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display:inline， 块级元素display：block。 2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的； 块级元素总是会在新的一行排列，各个块级元素独占一行，垂直向下排列，若想使其水平方向排列，可使用左右浮动（...
谈谈对语义化的理解 谈谈对语义化的理解 语义化是指 用合理的HTML标记以及其特有的属性去格式化文档内容。如，标题用h1-h6， 段落用p标签，合理得给图片添加alt属性（alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。） 语义化的好处：在没有CSS的情况下，页面也能呈现出很好的内容结构语义...
110阅读
0评论
0点赞
110阅读 0评论 0点赞 110阅读 0评论 0点赞