LessCSS
Le 是一门CSS预处理语言，它扩展了CSS语言，增加了变量，Mixin，函数等特性，使CSS更易维护和扩展。
更少可以运行在Node或浏览器端。
例子：
@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) {...[2018/11/25]
react-navigation的超级大坑 - 归去来兮-不如去兮
本文针对react-navigation^3.0.0版本,版本不对的话,请不要看本文,直接看官方英文文档
? 最近一直在学习RN,没找到什么好的视频,所以一直看文档,一路上来虽然遇到一些乱七八糟的bug,但是能比较友好的解决掉
直到我使用react-navigation,这个官方文档上说简...[2018/11/25]
HTML5拖拽/拖放(drag drop)详解HTML5拖拽/拖放(drag drop)详解
H5中拖拽属性： draggable： auto | true | false 拖动事件： - dragstart 在元素开始被拖动时触发 - dragend 在拖动操作完成时触发 - drag 在元素被拖动时触发 释放区事件： dragenter 被拖动...[2018/11/25]
web前端开发需要的资料
以前有小伙伴自己做了个小游戏，类似扫雷这种，都觉得简单好玩，老师还提名表扬呢，那时没深究是怎么开发的，现在想想就是纯前端的简单小游戏啊。
工作后，发现前端才是王道啊，先不说大家说的什么“整个互联网都缺前端啊”这种话题，就说要抓取用户眼球，让用户有点击的欲望，这都是前端工作啊，毕竟...[2018/11/25]
Vue packages version conflicts 错误修复
我们在使用Vue作为weex中的前端框架的开发过程中，某次 npm start 遇到了如下的错误：
Vue packages version mismatch: - vue@2.5.16 - vue-template-compiler@2.5.13 This may c...[2018/11/25]
CSS3 过渡、变形和动画CSS3 过渡、变形和动画
一、我们来给按钮增加一个悬停效果： #content a:hover { border: 1px solid #000000; color: #000000; text-shadow: 0px 1px white; } 两种状态下的效果如下，先看默认状态：
再...[2018/11/25]
详解使用canvas保存网页为pdf文件支持跨域
前言
之前上一篇随笔说了Canvas截图网页为图片，下来个新需求，把网页截图后保存为PDF文件供用户下载。
使用canvas保存网页为pdf文件支持跨域
正文
需求：用户点击下载，将页面保存为PDF文件并下载。
思路：继续使用Canvas截图后将画布内容转换为pdf文件。
...[2018/11/25]
TCP-IP详解卷1：协议 pdf下载
这是我读过的第一本网络的书，没有压力，书很不错，理论与实践相结合，虽然书中有些翻译的不是很到位，但是如果真的理解了书中的内容，很容易就能揣测出书中这正表达的意思，翻译问题也根本就不是问题了，很喜欢TCP讲解那几章，建议做网络编程相关的人都读一下，超值！
需要学习的朋友可以通过网盘免费下载pdf版...[2018/11/23]
修改input被选中的默认样式
input:focus{ outline: none; border: 1px solid #fff; }
或者
input[type=text]:focus{ ...[2018/11/23]
【代码笔记】Web-JavaScript-JavaScript语句【代码笔记】Web-JavaScript-JavaScript语句
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 语法</title>
&l...[2018/11/23]
网站服务器是怎么样租用的？网站服务器是怎么样租用的？
如今,社会的飞速发展和新兴企业的不断添加,各行各业之间的竞争可以用惨烈来形容了。越来越多的企业逐步开拓互联网市场甚至是由实体转向互联网市场,对于那些刚触网的企业来说,一切都是从零开始。万事开头难,进军互联网,先要有一个高瞻远瞩的互联网策略,紧接着就是头疼的网站服务器这块了。一般对于初次尝试互联网的...[2018/11/22]
canvas拼图功能实现代码示例
最近做项目的时候遇到照片拼图的功能，便在这里分享自己的封装的canvas拼图功能，可能代码写的不好，如果有疑问或者是有更好的方法的，可以私聊我，或者是评论指出，感谢各位
实现的思路其实挺简单的，主要是通过服务端获取图片链接，图片宽度，图片高度，然后利用简单的递归实现就行了（注意移动端需要采用2...[2018/11/22]
canvas像素画板的实现代码
最近项目上要实现一个类似像素风格的画板，可以像素小格子可以擦除，框选变色，可以擦出各种图形，这样一个小项目看似简单，包含的东西还真不少。
绘制像素格子
我们先定义像素格子类
Pixel = function (option) {
this.x = option.x;
...[2018/11/22]
HTML5之webSocket使用
webSocket是什么
webSocket是HTML5新出的一种协议，底层是基于TCP/IP协议的。跟http没有关系，只是复用了http握手通道，用来升级协议。
webSocket的作用
轮询：客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。缺点：...[2018/11/20]
简述对Vuex的理解
1.什么是Vuex：
Vuex是一个专为Vue.js应用程序开发的状态管理模式。
2.使用Vuex的原因：...[2018/11/20]
购物车业务逻辑（vuex）购物车业务逻辑（vuex）
list（列表页）：
1：发送ajax请求，获取相应的数据
2：给每一个上平添加一个点击事件
3：每一个商品都要有一个ID
4：当点击商品时，将商品id值传递给详情页
details（详情页）：
1:当进入详情页的时候通过url地址拿到商品的id
2：发送aj...[2018/11/20]
Html5播放器Html5播放器
HTML的全称是（Hyper Text Markup Language ）即超文本标记语言，它是互联网上应用最广泛的标记语言。不要把HTML语言和Java、C等编程语言混淆起来，HTML只是一种标记语言，简单地说，HTML文件就是普通文本+HTML标记（HTML标签），和不同的标记就能表示不同...[2018/11/20]
【代码笔记】JavaScript-JavaScript-JavaScript语法
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 语法</title...[2018/11/19]
微信小程序自定义弹窗wcPop插件|仿微信弹窗样式
微信小程序自定义组件弹窗wcPop|小程序消息提示框|toast自定义模板弹窗
平时在开发小程序的时候，弹窗应用场景还是蛮广泛的，但是微信官方提供的弹窗比较有局限性，不能自定义修改。这个时候首先想到的是自定义组件化开发，就是把弹出框封装成一个组件，然后多处调用。
解决了小程序开发自定义弹窗出现...[2018/11/19]
HTML5视频播放练习：鼠标经过视频播放，鼠标移除停止播放，再次经过继续播放。
随着HTML5的广泛应用，在一些网站中，经常看到有些预览的短视频预览，鼠标经过就会播放，移除就会停止播放，再次移进去就会继续播放。
自己也研究着做一个比较简单的类似的练习。
视频可以自己到包图网下载，包图网的媒体首页视频预览就是鼠标移进去就播放，离开就停止，再移进去就播放。...[2018/11/17]
【代码笔记】JavaScript-JavaScript-JavaScript输出
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 用法</title>
&l...[2018/11/17]
关于canvas关于canvas
本人也是刚自学了一点canvas，由于js技术也烂得不行，但是还是写了个demo，提供给canvas初学者。
1.canvas是html5的新标签，与img类似， 默认只有两个属性， width， height，可以直接写在canvas标签内， eg：<canvas id="canvas"...[2018/11/17]
html5手机浏览器启动微信客户端支付实例
html5手机浏览器启动微信客户端支付实例，外部浏览器html5微信支付技术，如何在手机浏览器微信支付，在微信客户端外的移动端网页使用微信支付
首先在微信支付官网https: pay.weixin.qq.com/【我的产品】申请h5支付，免费申请的哦，很快就...[2018/11/17]
HTML5之全局属性 （声明：内容节选自《HTML 5从入门到精通》）
contentEditable
————————————————————————————————————————————————————————
功能：允许用户编辑元素中的内容。
功能说明：
该元素必须是可以获得鼠标焦点的元素，而...[2018/11/17]
ElementUI在IE11下兼容性修改
1、在项目里面使用了axios.js来发送http请求，在IE下报错Promise未定义，解决办法：
到http: bluebirdjs.com/doc getting-started.html 下载 bluebird.min.js脚本加入页面，解决Promise未定义的错误
...[2018/11/15]
html input file accepthtml input file accept
*.3gpp audio/3gpp， video/3gpp 3GPP Audio/Video *.ac3 audio/ac3 AC3 Audio *.asf allpication/vnd.ms-asf Advanced Streaming Format *.au audio/...[2018/11/14]
【代码笔记】Web-JavaScript-JavaScript用法
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 用法</titl...[2018/11/13]
Angular7教程-04-Angular常用操作（下）
6. 数据双向绑定
视图和数据，只要一方发生变化，另一方跟着变化。
好处是不需要在代码中手动更新视图，简化开发，增加代码内聚性，代码可读性更强。
缺点是当绑定的数据层次深、数据量大时，会影响性能。
双向数据绑定的语法是[(x)].
修改article.component.html中的内容如...[2018/11/13]
webpack管理输出webpack管理输出
管理html的bundle依赖
html-webpack-plugin可以自动给html添加bundle文件
npm install --save-dev html-webpack-plugin
const path = require(''path'');
+ const HtmlW...[2018/11/12]
Phaserjs3 对象池随机产生炸弹并销毁
效果图
对象池 Object Pool
scene.js
<reference path="../../lib phaser/phaser.min.js"/>
''use strict'';
var BootScen...[2018/11/9]
详解Canvas 跨域脱坑实践详解Canvas 跨域脱坑实践
Canvas 跨域如何解决？这里记录下使用 Canvas 绘图过程中所遇到的跨域问题和解决方案。
先来看下实现方法。
实现方法
目标图片一般是由 图片 + 文本 构成。无论是千奇百怪的大小图片，还是变幻莫测的各式文本，都能用 canvas api drawImage 和 fillTex...[2018/11/9]
【代码笔记】Web-HTML-脚本
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html 脚本</title>
...[2018/11/8]
不得不知的npm常用指令
前端进阶肯定会遇到npm(包管理工具)的使用，下面是我总结的一些比较实用的npm指令：
npm install <name>安装nodejs的依赖包
例如npm install expre 就会默认安装expre 的最新版本，也可以通过在后面加版本号的方式安装...[2018/11/8]
使用HTML5 IndexDB存储图像和文件的示例
有一天，我们写了关于如何在localStorage中保存图像和文件的文章，它是关于我们今天可用的实用主义。 然而，localStorage有一些性能影响 - 我们将在稍后的博客中讨论这个问题 - 并且未来期望的方法是使用IndexedDB。 在这里，我将向您介绍如何在IndexedDB中存储图像和...[2018/11/8]
【代码笔记】Web-HTML-颜色
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html 颜色</title>
...[2018/11/6]
【代码笔记】Web-HTML-框架
一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html 框架</title>
</hea...[2018/11/6]
移动端h5仿陌陌直播项目
最近一些直播、小视频什么的都比较火，像陌陌、抖音、火山短视频… 于是空闲时间自己也利用html5技术也试着倒腾了下直播项目，使用到了h5+c 3+iscroll+zepot+swiper+wlsPop架构开发了一个仿陌陌、火山小视频，项目效果挺不错哒！同时解决了在直播页面聊天时候页面撑起的问题。 ...[2018/11/5]
html5 postMessage前端跨域并前端监听的方法示例html5 postMessage前端跨域并前端监听的方法示例
有时候会遇到傻X需求，比如前端单点登陆！遇到需求，就要去想解决办法，
这里我给大家做一个简单的前端单点登陆的解决方案，
用到的就是postMe age跨域信息传输以及onstorage的监听。
本文用到的知识点 koa架设静态资源服务、跨域、postMe age的用法、onstorag...[2018/11/3]
Canvas中设置width与height的问题浅析
最近因为工作需要，所以就学了一下Html中的Canvas标签。
Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。
没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互。有了Ca...[2018/11/3]
H5 canvas中width、height和style的宽高区别详解
前言
最近在学习canvas属性中遇到一个小问题,就是canvas的width和height，通过查找相关的资料终于解决，所以下面将解决的过程分享出来给大家，下面话不多说了，来一起看看详细的介绍吧
Canvas 的width height属性
1、当使用width height属性时，...[2018/11/3]
自定义网页字体
一、使用字体一般步骤如下
1、下载字体文件，放置到适当位置
2、配置软件或网页参数，让软件或者网页能关联到新的字体
3、在软件或网页中使用新字体
二、网页中如何使用自定义字体
1、下载文字文件，如：BebasNeue-webfont.ttf文件，放到和网页同一位置
...[2018/11/3]
《CSS3揭秘》上（边框，投影，渐变，条纹效果，蚂蚁行军）《CSS3揭秘》上（边框，投影，渐变，条纹效果，蚂蚁行军）
最近看了《CSS3揭秘》一书，里面真的是干货满满呀，现将常用到的一些技巧归纳总结，便于日后用到查找。不得不感叹学无止境哦~
1、边框与背景
半透明边框
.demo{
background-color: #fff;
border: rgba(255, 255, 255, 0.5) 10...[2018/11/2]
HTML5之消息通知的使用(Web Notification)HTML5之消息通知的使用(Web Notification)
关于 HTML5 ，写了不少文章，总觉得相关的高级 API 都得过一遍。系统的了解，站在更高的高度去思考问题，这样才能事半功倍。
一、先睹为快
我们先来尝试一个最简单的例子，打开 chrome 开发者工具，粘贴代码进去直接运行：
new Notification(''Jartt...[2018/11/1]
html-html简介html-html简介
一、什么是HTML？
HypeText Markup Language：超文本标记语言，网页语言 超文本：超出文本的范畴，使用HTML可以轻松实现这样的操作 标记：HTML所有的操作都是通过标记实现的，标记就是标签，<标签名称>
二、...[2018/11/1]
html-列表标签html-列表标签
列表标签
比如现在显示这样的效果 山水集团 财务部 学工部 人事部
<dl></dl> ： 表示列表的范围 在dl里面 <dt></dt>：上层内容（没有缩进） 在...[2018/11/1]
html-路径的介绍html-路径的介绍
一、绝对路径
绝对路径是指文件在硬盘上真正存在的路径
- D:\Java\JavaWeb\day01\a.jpg - http: www.baidu.com/b.jpg
二、相对路径 一个文件相对于另外一个文件的位置 ...[2018/11/1]
html-表单标签html-表单标签
表单标签 * 可以提交数据到**网站上的服务器，这个过程可以使用表单标签实现 * <form></form>：定义一个表单的范围 - 属性 ** action：提交到地址，默认提交到当前页面 ...[2018/11/1]
html-头标签的使用html-头标签的使用
HTML两部分组成 head和body
** 在head里面的标签就是头标签
** title标签：表示在标签上显示的内容
** meta标签：设置页面的一些相关内容（用的比较少）
<meta name="keywords" con...[2018/11/1]
ueditor在线编辑器的简单使用-上传图片ueditor在线编辑器的简单使用-上传图片
由于我的项目个人博客网站需要用到在线编辑器，百度的ueditor编辑器就是一个很好的编辑器。开始比较迷茫的使用，各种百度，没有我满意的答案，明明可以很简单的使用。
1.首先进入ueditor官网下载，这个很简单吧！这里可以下载：
https: ueditor.baidu.com...[2018/10/31]
CSS去除移动端点击时元素产生的背景色CSS去除移动端点击时元素产生的背景色
在点击产生背景色的元素的c 样式上加上以下代码：
-webkit-tap-highlight-color: transparent;
[2018/10/31]
经验首页