Vue.js 源码分析(十七) 指令篇 v-if、v-else-if和v-else 指令详解
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。
v-else-if，顾名思义，充当 v-if 的“else-if 块”，可以连续使用：
也可以使用 v-else 指令来表示 v-if 的“else ...[2019/7/4]
<dl>标签--定义列表
[2019.07.03 学习笔记2]
1.定义列表，没有项目符号，type无法起作用。
2.自定义列表以<dl>标签开始，自定义列表项始于<dt>标签，每个自定义列表项的定义始于<dd>。
<!DOCTYPE html>
<h...[2019/7/4]
Vue.js 源码分析(十六) 指令篇 v-on指令详解Vue.js 源码分析(十六) 指令篇 v-on指令详解
可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码，例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
...[2019/7/3]
状态码301 302状态码301 302
301：永久重定向
302：临时重定向
相同点：输入网址A，都会重定向到网址B
不同点：
① 301：旧地址A的资源不可访问了(永久移除),重定向到网址B，搜索引擎会抓取网址B的内容，同时将网址保存为B网址。
② 302：旧地址A的资源仍可访问，这个重定向只是临时从旧地址A跳转...[2019/7/3]
vue 封装公用函数vue 封装公用函数
Vue 函数封装
格式化浏览器时间
/**
* 格式化时间
* @param params
* @param blo 默认为true
* @returns {string}
* @constructor 冯刚 2019年6月12日11点01分
*/...[2019/7/3]
创建图 figure & figcaption
如报纸、杂志、报告等其他媒介上看到过图。通常，图是由页面上的文本引述出。
在HTML5出现之前，没有专门实现这个目的的元素，因此一些开发人员想出了他们自己的解决办法（通常会使用不那么理想的、没有语义的div元素）。
通过引入figure和figcaption，HTML5改变了这种情况。
...[2019/7/3]
<ul>标签--无序列表
[2019.07.02 学习笔记2]
1.定义无序列表,没有顺序。
2.默认情况下采用粗体圆点进行标记，无序列表始于<ul>标签，每个列表项始于<li>。
<!DOCTYPE html>
<html lang="en">
<...[2019/7/2]
详解Html5中video标签那些属性和方法
前言
最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来
video标签行内属性
src：视频的URL
poster：视频封面，没有播放时显示的图片
...[2019/7/2]
flex布局flex布局
flex布局(弹性布局) 注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。
6个属性： flex-direction属性：决定主轴的方向（即项目的排列方向） flex-direction: row | row-reverse | ...[2019/7/2]
Vue.js 源码分析(十五) 指令篇 v-bind指令详解
指令是Vue.js模板中最常用的一项功能，它带有前缀v-,比如上面说的v-if、v-html、v-pre等。指令的主要职责就是当其表达式的值改变时，相应的将某些行为应用到DOM上，先介绍v-bind指令
v-bind用于动态地绑定一个或多个特性，或一个组件 prop 到表达式。
例如:
...[2019/7/2]
《图解HTTP》.pdf电子版
链接：https: pan.baidu.com 10MIHQ82wFd16M_dcC_CFQQ提取码：iywp
http协议是如何通讯的，以及如何通过握手机制
通过图解的方式简单易懂，从基本知识到最新动向，一本书掌握http协议。。。。
原文链接：http: www...[2019/7/2]
<big>标签--格式化标签
[2019.07.01 学习笔记1]
1.呈现大号字体效果，直到上限 7 号文本。
2.如果被包围的字体已经是字体模型所支持的最大字号，那么 <big> 标签将不起任何作用。
<!DOCTYPE html>
<html lang="en">
...[2019/7/2]
<strong>标签--格式化标签<strong>标签--格式化标签
[2019.07.01 学习笔记3]
1.告诉浏览器强调内容，内容以粗体显示，强调程度strong>em。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF...[2019/7/2]
<sup>标签--格式化标签
[2019.07.01 学习笔记5]
1.定义上标文本。
2.在数学等式、科学符号和化学公式中都非常有用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-...[2019/7/2]
<sub>标签--格式化标签
[2019.07.01 学习笔记5]
1.定义下标文本。
2.在数学等式、科学符号和化学公式中都非常有用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-...[2019/7/2]
《微信小程序项目开发实战：用WePY、mpvue、Taro打造高效的小程序》（笔记1）WePY开发环境的安装
WePY的安装或更新都通过npm进行，全局安装或更新WePY命令行工具，使用以下命令：
npm install wepy-cli -g
稍等片刻，成功安装后，即可创建WePY项目。
注意：如果npm安装时间过长或者是连接超时而导致的失败，则可以使用国内的镜像源，这里推荐一个...[2019/7/2]
为元素添加 title 属性
---恢复内容开始---
可以使用title属性（不要与title元素混淆）为网站上任何部分加上提示标签。
1 ...
2 <ul title="Table of Contents">
3 <li><a href="#gaudi" title...[2019/7/2]
《HTML5游戏开发》.pdf电子版
链接：https: pan.baidu.com 1IKsAn_NotAX-lLuZLMVETQ 提取码：v23t
今天，大多数现代测览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能，是每一位Web设计和开发人员的当务之急。本书通过人们熟悉的一个个游戏让读者轻松...[2019/7/2]
指定细则 Small
根据HTML5，small表示细则一类的旁注（side comment）。
“通常包括免责声明、注意事项、法律限制、版权信息等。有时我们还可以用它来表示署名，或者满足许可要求。”
small通常是行内文本中的一小块，而不是包含多个段落或其他元素的大块文本。
**...[2019/7/2]
标记重要和强调的文本 strong & em标记重要和强调的文本 strong & em
strong元素表示内容的重要性，而em则表示内容的着重点。
根据内容需要，这两个元素既可以单独使用，也可以一起使用。
例如：
1 ...
2 <body>
3 <p><strong>Warning: Do not approach the
...[2019/7/2]
HTML5中重新定义的 b 和 i 元素HTML5中重新定义的 b 和 i 元素
HTML5强调元素的语义，而非表现。b和i元素是早期HTML遗留下来的产物，它们分别用于将文本变为粗体和斜体（那时CSS还未出现）。
当时的规范建议编码人员用strong替代b，用em替代i。不过，事实证明，em和strong有时在语义上并不合适。为此，HTML5重新定义了b和i。
...[2019/7/2]
<div>标签
[2019.06.30 学习笔记2]
1.<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
2.<div> 是一个块级标签，这意味着它的内容自动地开始一个新行，也就是说，浏览器通常会在 div 元素前后放置一...[2019/6/30]
<pre>标签--格式化标签
[2019.06.30 学习笔记6]
1.被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<!DOCTYPE html>
<html lang="en">
<head>
<met...[2019/6/30]
为什么要有语义化标签
1. 方便代码的阅读和维护
2. 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
3. 使用语义化标签会具有更好地搜索引擎优化 原文链接：http: www.cnblogs.com/bigbighu/p/11110741.html[2019/6/30]
HTML5深入学习之 WebSQL 数据库
概述
WebSQL 并不是 HTML5规范的一部分，而是一个独立的规范，它可以用来做一些离线应用
核心API
openDatabase() => 用来打开或创建数据库（没有时则创建，有则打开）
transaction() => 这个方法可以控制一个或多个事务，以及基于...[2019/6/30]
HTML5深入学习之数据存储
概述
本来，数据存储都是由 cookie 完成的，但是 cookie 不适合大量数据的存储，cookie 速度慢且效率低。
现在，HMLT5提供了两种在客户端存储数据的办法：
localStorage(没有时间限制的数据存储，即当我们设置了之后浏览器关闭后再去访问它依然存在)
...[2019/6/30]
HTML5深入学习之鼠标跟随，拖拽事件
知识点（鼠标跟随）：
mousedown: 当用户用鼠标点击在某一元素上就会触发该事件
mouseover: 当鼠标指针在某一元素上移动就会触发改事件
下面这个例子的效果就是鼠标点击元素后，元素跟着鼠标移动
<!DOCTYPE html>
<h...[2019/6/29]
<b>标签--格式化标签
[2019.06.29 学习笔记3]
1.呈现粗体文本的效果，属于字体样式元素，不建议使用，建议使用样式表。
2.行内标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta chars...[2019/6/29]
<em>标签--格式化标签
[2019.06.29 学习笔记5]
1.告诉浏览器强调内容，内容以斜体显示。不要滥用。
2.行内标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"...[2019/6/29]
<body>标签--基础标签
[2019.06.29 学习笔记1]
1.定义文档主体。
2.常见属性background：设置文档背景图片，不设置其他的情况默认平铺。
<!DOCTYPE html>
<html lang="en">
<head>
<met...[2019/6/29]
react网页版聊天|仿微信、微博web版|react+pc端仿微信实例
一、项目介绍
基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目，实现了聊天记录右键菜单、发送消息、表情(动图)，图片、视频预览，浏览器截图粘...[2019/6/29]
WebGL场景的两种地面构造方法
总述：大部分3D编程都涉及到地面元素，在场景中我们使用地面作为其他物体的承载基础，同时也用地面限制场景使用者的移动范围，还可以通过设置地块的属性为场景的不同位置设置对应的计算规则。本文在WebGL平台上借助Babylon.js库探索并实现了两种地面构造方法，除了两种确定的构造方法外，本文还包含了对...[2019/6/29]
node.js中的fs.rename()方法node.js中的fs.rename()方法
node.js 中的fs.rename()模块
var fs=require('fs'); node.js的核心模块 原生模块。修改文件名称，可更改文件的存放路径
方法说明 : 修改文件名称，可更改文件的存放路径
基本语法
fs.rename(oldFile, ...[2019/6/28]
css背景渐变
background: -moz-linear-gradient( top,#ccc,#000);background: -webkit-linear-gradient(top,#ccc,#000);background: -o-linear-gradient(top,#ccc, #000);
...[2019/6/28]
angular 前端路由不生效解决方案
angular 前端路由不生效解决方案
Intro
最近使用 Angular 为我的活动室预约项目开发一个前后端分离的客户端，在部署上遇到了一个问题，前端路由不生效，这里记录一下。本地开发正常，但是部署到服务器上就有问题，之前部署到IIS上时需要配置一个 url rewrite ，可能遇到了类似的...[2019/6/28]
Vue.js 源码分析(十四) 基础篇 组件 自定义事件详解Vue.js 源码分析(十四) 基础篇 组件 自定义事件详解
我们在开发组件时有时需要和父组件沟通，此时可以用自定义事件来实现
组件的事件分为自定义事件和原生事件，前者用于子组件给父组件发送消息的，后者用于在组件的根元素上直接监听一个原生事件，区别就是绑定原生事件需要加一个.native修饰符。
子组件里通过过this.$emit()将自定义事件以及...[2019/6/28]
手机网页唤醒支付宝APP发送加好友验证
手机网页唤醒支付宝APP发送加好友验证
<!DOCTYPE html> <html> <head> <meta charset="utf-...[2019/6/28]
Swiper4的基本使用
基本介绍：
中文文档地址：https: www.swiper.com.cn/
它是一个开源，免费，强大的触摸滑动插件。
它是用纯Javascript打造的滑动特效插件，既可用于PC端，也可用于移动端设备。
基本使用：
<!DOCTYPE html>
<ht...[2019/6/28]
Vue.js 源码分析(十三) 基础篇 组件 props属性详解Vue.js 源码分析(十三) 基础篇 组件 props属性详解
父组件通过props属性向子组件传递数据，定义组件的时候可以定义一个props属性，值可以是一个字符串数组或一个对象。
例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta cha...[2019/6/27]
001_html基本结构001_html基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<...[2019/6/27]
踩坑ios H5
目录
input获取焦点时，页面被放大
ios input输入时白屏
软键盘撑起页面下不来
ios页面滚动不流畅
position:fixed/absolute随屏幕滚动
1.input获取焦点时，页面被放大
设置meta标签
<meta name="apple-mobile...[2019/6/26]
Vue.js 源码分析(十二) 基础篇 组件详解Vue.js 源码分析(十二) 基础篇 组件详解
组件是可复用的Vue实例,一个组件本质上是一个拥有预定义选项的一个Vue实例,组件和组件之间通过一些属性进行联系。
组件有两种注册方式，分别是全局注册和局部注册，前者通过Vue.component()注册，后者是在创建Vue实例的时候在components属性里指定，例如:
<!...[2019/6/26]
Html5移动端适配IphoneX等机型的方法
先来看下iPhone X机型的样子
上图中，Iphonex机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的webapp的展示
h5做成的移动端页面，常见布局为头部+躯干+底部三栏模式，头部和顶部都是固定定位，躯干可里的内容可以滚动，暂定的布局如下：
...[2019/6/26]
转 echarts 的使用时遇到的坑 初始化和销毁，亲测有效！
纵观ECharts图表实例化的API，主要有一下几个相关的实例化方法：
1、setOption(Object option,{boolean = true} notMerge)
参数：
1）、Object类型的参数 option，表示图表数据结构 ，形如：
&n...[2019/6/26]
uni-app采坑记录uni-app采坑记录
1. uni-app采坑记录
1.1. 前言
这里记录下uni-app实践中踩的坑
1.2. 坑点
1.2.1. 触发事件@longTap和@longpre
这两个都表示长按触发事件，那么这两个有啥区别呢？
经过实践，发现在微信和h5端只有longpre 起效果，在支付宝小程序端只有lon...[2019/6/26]
Vue.js 源码分析(十一) 过滤器 filters属性详解
用法
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，例如:
<!DOCTYPE...[2019/6/25]
uni-app插件ColorUI步骤条
1. uni-app插件ColorUI步骤条
1.1. 前言
uni-app就不介绍了，前面几篇已经有所介绍，不知道的可以翻看我前面几篇博客
ColorUI-uniApp是uni-app的一款ui组件，事实上就是对uni-app组件添加c ，使其更加漂亮
这里我抛砖引玉的介绍一下步骤条的使用，之所...[2019/6/25]
web跨域及cookie相关知识总结
之前对于跨域相关的知识一致都很零碎，正好现在的代码中用到了跨域相关的，现在来对这些知识做一个汇总整理，方便自己查看，说不定也可能对你有所帮助。
本篇主要内容如下：
浏览器同源策略
http 请求跨域
http 请求跨域解决办法
cookie 机制
如何共享 cookie
浏览器同源策略
相...[2019/6/25]
Vue.js 源码分析(十) ref属性详解
用法
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例，例如:
<!DOCTYPE html>
<html ...[2019/6/25]
HTML5给我们带来了什么？
在2010年上半年的苹果与Adobe的冲突，使HTML5的存在一夜之间被很多人所知晓。在乔布斯的煽动下，这一已经在科技界潜行数年的下一代Web标准，被迅速拎到了台面上，苹果、谷歌、微软这科技界三巨头，连同众多业界明星，似乎突然对HTML5变得情有独钟，利益集团的之间的争夺，成了这个技术最好的催化剂...[2019/6/25]
经验首页