记录vue用 html5+做移动APP 用barcode做扫一扫功能时安卓 的bug(黑屏、错位等等)和解决方法
最近做项目时，要用到扫一扫二维码的功能，在html5+里面有提供barcode功能，于是照过来用了，
写的代码如下 ：
扫码页面：
<style lang="le " scoped>
#camera {
height: 100%;
width: 100%;...[2019/6/24]
<p>标签--基础标签
[2019.06.21 学习笔记3]
1.<p>段落标签
2.多用于文章、长篇文字，没有内容字数限制 原文链接：http: www.cnblogs.com/Caixingmin/p/11067291.html[2019/6/24]
使用layer.msg 时间设置不起作用
前几天使用layer.msg设置时间后发现不起作用，这里记录一下。
开始出错误的代码：
后面查看文档后得知调用layer.msg后如果有后续操作需要写在function()中：
eg1
layer.msg(''只想弱弱提示'');
...[2019/6/24]
<html>标签--基础标签
[2019.06.23 学习笔记2]
1.定义HTML文档
<!DOCTYPE html>
<html> <!--HTML文档开始-->
<head> </head>
<b...[2019/6/24]
<title>标签--基础标签
[2019.06.23 学习笔记4]
1.定义文档标题，显示在浏览器窗口的标题栏上。
2.<head>中唯一的必须标签。
3.<title>中的内容有利于搜索引擎搜索到网站。
<!DOCTYPE html>
<ht...[2019/6/24]
<link>标签--基础标签
[2019.06.23 学习笔记5]
1.定义文档与外部资源的关系。
2.链接样式表
<link rel="stylesheet" type="text/c " href="/c index.c ">
rel="stylesheet"
&...[2019/6/24]
Vue 2.0 深入源码分析(九) 生命周期详解
用法
先来看看官网的介绍:
主要有八个生命周期，分别是:
beforeCreate、created、beforeMount、mounted、beforeupdate、updated 、beforeDestroy和destroyed，分别对应...[2019/6/21]
前端知识点总结——HTML前端知识点总结——HTML
HTML：HTML4.01 指的就是网页技术HTML5：HTML4.01的升级版本
1.web的基础知识
web与Internet1.Internet:全球性的计算机互联网络，因特网，互联网，交互网2.提供服务
3.Internet上的应用程序
4.we...[2019/6/21]
Vue 2.0 深入源码分析(八) 基础篇 依赖注入 provide/inject组合详解
用法
先来看看官网的介绍:
简单的说，当组件的引入层次过多，我们的子孙组件想要获取祖先组件的资源，那么怎么办呢，总不能一直取父级往上吧，而且这样代码结构容易混乱。这个就是这对选项要干的事情
provide和inject需要配合使用，它们的含义如下:
provide&nbs...[2019/6/21]
ios浏览器调试踩坑（1）----mescroll.js和vue-scroller
主要记录在ios浏览器出现触摸无限加载的情况
使用vue-scroller和mescroll.j mescroll.vue先踩ios浏览器默认滑动会影响mescroll的方法调用。
首先给公共js加入以下代码禁用我们的页面在ios浏览器下会滑动上下页面。
...[2019/6/21]
react聊天室|react+redux仿微信聊天IM实例|react仿微信界面react聊天室|react+redux仿微信聊天IM实例|react仿微信界面
一、项目概况
基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom，实现了聊天记录...[2019/6/21]
CSS样式表及选择器相关内容(二)-伪类与伪元素选择器
伪类与伪元素选择器归纳:一.伪类选择器(伪类以":"开头，用在选择器后，用于指明元素在某种特殊的状态下才能被选中) 1.a标签伪类选择器，其他标签类似 eg: &nb...[2019/6/20]
uni-app学习（六）好用的插件4uni-app学习（六）好用的插件4
1. uni-app学习（六）好用的插件4
1.1. QQ音乐模板
点击这里
示例
1.2. 画廊(ynGallery)组件
点击这里
看起来不错的
示例
1.3. 评价模板
学到个动画用法
image.active{
animation: star_move ease...[2019/6/20]
<meta>标签
[2019.06.19 学习笔记3]
1.meta网页文档的属性，也就是编码格式
国内常用：UTF-8
国外常用：GBK、GB2312
2.例子
<!DOCTYPE html>
<html l...[2019/6/20]
HTTP Protocol
HTTP协议
1 HTTP请求状态码
当用户试图通过 HTTP 访问一台正在运行 Internet 信息服务 (IIS) 的服务器上的内容时，IIS 返回一个表示该请求的状态的数字代码。状态代码可以指明具体请求是否已成功，还可以揭示...[2019/6/20]
Vue 2.0 深入源码分析(七) 基础篇 侦听器 watch属性详解Vue 2.0 深入源码分析(七) 基础篇 侦听器 watch属性详解
用法
先来看看官网的介绍:
官网介绍的很好理解了，也就是监听一个数据的变化，当该数据变化时执行我们的watch方法,watch选项是一个对象，键为需要观察的数据名，值为一个表达式(函数),还可以是一个对象，如果时对象可以包含如下几个属性:
...[2019/6/19]
Vue 2.0 深入源码分析(六) 基础篇 computed 属性详解
用法
模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护,比如:
<div id="example">{{ me age.split('''').reverse().join('''') }}</div...[2019/6/19]
跳转常规 -- 为什么不要使用404、500等http状态码作为业务代码响应跳转常规 -- 为什么不要使用404、500等http状态码作为业务代码响应
不要使用HTTP状态码作为业务代码响应
HTTP状态码
是指浏览器访问网址，成功或异常时浏览器或服务器告知用户的代码数字，它指的是网络或服务器的状态，有着不同的含义。
参加MDN、Java Api，常见的状态码:
200 OK 请求成功
301 重定向
400 错误请求
401 需要访问授权，通...[2019/6/19]
uni-app学习（五）好用的插件3
1. uni-app学习（五）好用的插件3
1.1. 分享推广页面
分享推广页面，分享第三方、保存二维码、复制推广地址
模板地址
示例
这个用到的几率还是蛮大的，可以直接拿来修改下用
1.2. 教育APP首页
纯界面设计，可以吸取点界面设计经验
地址
示例
1.3. 项目框架...[2019/6/19]
Vue 生命周期
/*
* @version: V.1.0.0.1
* @Author: fenggang
* @Date: 2019-06-18 19:38:19
* @LastEditors: fenggang
* @LastEditTime: 2019-06-18 20:22:14
* @Descr...[2019/6/19]
Vue 2.0 深入源码分析(五) 基础篇 methods属性详解Vue 2.0 深入源码分析(五) 基础篇 methods属性详解
用法
methods中定义了Vue实例的方法，官网是这样介绍的:
例如::
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">...[2019/6/18]
解析html5 canvas实现背景鼠标连线动态效果代码
流行的动态背景连线特效。下面的代码是作者在扒下来的代码上进行整理和注释，很适应参考学习。
效果截图：
效果演示：https: jc1144096387.github.io/canvas_nest/
作者地址：https: blog.csdn.net/u013556477/arti...[2019/6/18]
使用canvas一步步实现图片打码功能的方法
原文地址
https: github.com/MY729/front-common-funtion/blob/master/picture-code-demo/README.md
预览地址
https: my729.github.io/front-common-funtion/pictur...[2019/6/18]
前端canvas动画如何转成mp4视频的方法前端canvas动画如何转成mp4视频的方法
用户通过上传合适尺寸的图片，选着渲染动画的效果和音乐，可以预览类似幻灯片的效果，最后点击确认生成视频，可以放到头条或者抖音播放。
生成视频可能的方案
纯前端的视频编码转换(例如WebM Encoder Whammy)
图片地址只能是相对地址
音乐不能收录
...[2019/6/18]
Vue 2.0 深入源码分析(四) 基础篇 响应式原理 data属性
用法
官网对data属性的介绍如下:
意思就是:data保存着Vue实例里用到的数据，Vue会修改data里的每个属性的访问控制器属性，当访问每个属性时会访问对应的get方法，修改属性时会执行对应的set方法。
Vue内部实现时用到了ES5的Object.d...[2019/6/17]
canvas的基础入门
canvas是定义在浏览器上的画布。它不仅仅是一个标签元素更是一个编程工具是一套编程的接口。利用它可以开发出很多东西，比如动画，游戏，动态的图表等富有变现力和感染力的应用。还可以开发出绚丽的3D动态效果。接下来我们一起学习！
一、 创建canvas
...[2019/6/17]
sweetalert使用随笔sweetalert使用随笔
删除前确认框：
找到删除那天记录的按钮，触发点击事件
$(".del").on(''click'', function () {
swal({
title: "操作确认",
text: "删除后，您将无法恢复此文件！...[2019/6/17]
uni-app学习（二）uni-app学习（二）
1. uni-app学习（二）
1.1. 好用c 记录
一定透明度的背景色background: rgba(255,255,255,.6);
1.2. 好用的代码段
store（用户登录）
export default {
state: {
hasLogin: fa...[2019/6/17]
uni-app悬浮框模板
1. uni-app悬浮框模板
1.1. 目标
模仿饿了吗app的悬浮框效果，即上移过程中，中间的某个组件框到顶部后不再上移，呈类似置顶的效果
1.2. 问题
中间遇到fixed固定组件导致flex失效问题，这会导致样式的混乱，后通过这篇文章解决
1.3. 效果
最后实现效果
1.4...[2019/6/17]
Vue 2.0 深入源码分析(一) 代码结构
关于Vue
vue是一个兴起的前端js库，是一个精简的MVVM。MVVM模式是由经典的软件架构MVC衍生来的，当View(视图层)变化时，会自动更新到ViewModel(视图模型)，反之亦然，View和ViewModel之间通过双向绑定(data-binding)建立联系。
...[2019/6/14]
Vue 2.0 深入源码分析(三) 基础篇 模板渲染 el、emplate、render属性详解Vue 2.0 深入源码分析(三) 基础篇 模板渲染 el、emplate、render属性详解
用法
Vue有三个属性和模板有关，官网上是这样解释的:
el ;提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标
template ;一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂载元素的内容都将被忽略，除非模板的...[2019/6/14]
移动端底部导航固定配合vue-router实现组件切换
在我们平时练习或者实际项目中也好，我们常常遇到这么一个需求：移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。相信对于很多朋友而言，这是一个很简单的需求，而且市面上有很多开源的组件库就可以实现，像比如说：cube-ui等！那么对于一个要是还在练...[2019/6/14]
6.12号整理（h5新特性-图片、文件上传） - Mr-往事随风
<input type="file" id=''myFile'' multiple>
<ul>
<li>
<img src="" alt="">
</li>
...[2019/6/13]
关于数据可视化页面制作
先出思路
数据可视化，目的是为了让纷繁的数据变得直观，更易领会数据代表的趋势、模型等。既然是带着目的的，应先把目标明确下来。目标写下来，思想上算落地了，那么就能给大脑腾出继续深入或扩展的空间。所以，写下目标就有进度，就可完善，从而最终可体系化。而相反，则可能让精力耗尽且仍止步于或局限于某几个点！
...[2019/6/13]
详解利用canvas实现环形进度条的方法
前提：有时候在项目中会有用到进度条的情况，使用c 3也可以实现，但是对于性能不好的设备，或者网络不好的情况下，卡顿现象非常明显，避免出现不流畅的尴尬情况，所以记录一下，使用canvas来实现的方法。
效果图
DOM中，首先定义canvas画板元素：
<canvas ...[2019/6/13]
一文彻底解决HTML5页面中长按保存图片功能
本文详细介绍了如何在H5中实现长按保存图片的功能。
长按保存图片是现在一些宣传页H5中很常见的需求，但是js没有这样的能力，所以要么借助android或ios的原生能力,要么用canvas自己画一个（截屏），相比较原生成本太高，且必须依赖于app，相对于流传性很广且跨平台的H5来说不合时宜，所...[2019/6/11]
html5语义化标签
1.
可以是页面任何独立的内容区域，比如文章/博客/新闻/故事/论坛帖子/评论等等任何独立的内容。
文章标题
发布时间：2019-06-10
作者：xxx
文章内容.........
文章内容.........
2.
定义文档中的...[2019/6/11]
为产品接入微信支付解决方案（公司&个人）
微信支付个人及公司的区别
H5支付：主要实现的效果是在非微信内网页中点击支付，拉起微信APP内的微信支付进行付款。
APP支付：主要实现的效果是在APP内部点击支付，拉起微信APP内的微信支付进行付款。
其实上述两种区别是同类性质，都是要在微信外部进行唤醒微信...[2019/6/11]
HTML5 canvas 在线涂鸦
插件地址
http: bencentra.github.io/jq-signature/
采用技术
jq-signature.min.js
Developed using jQuery 2.1.4.
<!DOCTYPE html>
<html>
<head>...[2019/6/10]
自定义分页模板（银角大王版）
当数据库中数据有很多，我们通常会在前端页面做分页展示。
分页的数据可以在前端页面实现，也可以在后端实现分页。
后端实现分页的原理就是每次只请求一页数据。
准备工作
我们使用脚本批量创建一些测试数据（将下面的代码保存到bulk_create.py文件中放到Django项目的根目录，直...[2019/6/10]
设置onselectstart在ie浏览器下对于input及textarea标签页会生效
设置onselectstart在ie浏览器下对于input及textarea标签页会生效，
可以使用js来控制对于某种标签不生效，代码如下:
document.onselectstart = disableselect; var omitformtags = ["input", "textar...[2019/6/10]
HTML5的Video标签的属性,方法和事件汇总
前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。下面分类列出来一下。
<video>标签的属性##
src ：视频的属性
post...[2019/6/6]
HTML、CSS 和 JS框架之Bootstrap
一.Bootstrap简介：
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
详细参考内容：Bootstrap_v3
二.Bootstrap安装：下载地址：https: v3.bootc .com/（使用v3版，不要使...[2019/6/6]
实名认证API“智慧数据”打造企业服务新入口
随着人工智能的快速发展，智慧数据为企业服务打造出了新的入口，而最为瞩目的便是API，因其成本低、接入快等的一系列特点，其应用场景也在不断的增多。翔云人工智能开放平台结合市场需求与自身技术，特推出了多种实名认证API产品服务。
现如今随着互联网产业的多元化发展，尤其是互联网金融，O2O，移动支付...[2019/6/6]
canvas、svg、canvas与svg的区别
一、canvas
canvas 画布，位图
<canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形
注意：不要在style中给canvas设置宽高，会有位移差
canvas的使用：
先获取canvas
v...[2019/6/4]
关于element-ui的弹框问题
el-dialog获取数据。
el-dialog加载到页面中的时候，其实已经加载好了。只是默认隐藏了。
第一次点击的时候弹出，为何拿不到数据？之后再次操作就一点问题都没有了。 原文链接：http: www.cnblogs.com/twf520/p/10966016.html[2019/6/4]
高清屏中使用Canvas绘图出现模糊的问题及解决方法
高清屏出现以前，屏幕的一个物理像素就是c 所定义的一个逻辑像素（估计那个时候还没有物理像素和逻辑像素的概念）。因此使用下面代码就可以在浏览器中展示一个600x386的Canvas。
<html>
<head>
<title>Can...[2019/6/4]
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
电子签章图片采集
印章图片的采集两种互补方式：
方式1：在线生成印章图片方式，但是这种方式有个弊端，对印章中公司名称字数有限制，字数越多可能就完蛋了。
方式2：上传印章扫描件，系统来对扫描图片进行处理，提取扫描件中的印章图片。
本文介绍方式1，方式2待后续发...[2019/6/4]
使用html5 canvas绘制圆环动效使用html5 canvas绘制圆环动效
最近笔者有个需求，需求内容为：一组文字显示在圆环的周围，用户可添加文字，文字围绕着圆环，每个词对应圆环周围的的蓝色小圆点，当用户鼠标放在圆环上方小蓝点时时，实现放射出三角形，再显示出文字，先看看动图效果吧！
如上图所示，当鼠标放在对应蓝色小圆...[2019/6/4]
canvas结合三角函数实现直播效果
canvas可以说是html5其中的一大亮点，有了它，我们可以基于canvas画布实现很多之前只有flash和视频才能实现的效果。废话少说，先上效果。 <!DOCTYPE html>
<html>
<head>
<meta&n...[2019/6/4]
经验首页