移动端事件（1）
移动端的三大事件：
手指按下:
touchstart
手指移动:
touchmove
手指抬起
touchend
移动端点透问题的发生：
<meta name="viewport" content="width=devi...[2018/10/8]
vue实现添加与删除图书
先放大图，当我们点击删除的时候，图书名单就会被我们删掉。当我们重新添加回来或者添加新书的时候，我们只需要在添加新书这里添加即可。
当我点击删除的时候，只需要的就是除却删除的那一个书籍之后剩下的图书。
我们先来看看splice的用法。
splice() 方法向/从数组中添加/删除项目，然后返回被删...[2018/10/8]
移动端事件（2）——事件对象
当给某个元素加上了事件绑定函数之后，事件函数默认的第一个参数就是事件对象。
事件对象：
当用户在浏览器下触发了某个行为，事件对象会记录用户操作时一些细节信息
touches 当前位于*屏幕*上的所有手指的一个列表
targetTouches 位于当前DOM元素上的手指的一个...[2018/10/8]
javascript检查数据中是否存在相同的元素
这里是两个用于数组中查找重复元素的demo，可以看看啦
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti...[2018/10/8]
Play vue.js with constant value in SailsJS
SailsJS supplies a utility module called parasails, which defines two elements, <ajax-form> and <ajax-button> to allow user to ...[2018/10/8]
music-api-next：一款支持网易、xiami和QQ音乐的JS爬虫库
音乐，无界
让音乐无界
如果你苦于挑选一个全方位、多平台、简便易用的音乐爬虫库，music-api-next是不二选择。
特性：
支持网易、虾米和QQ三大主流音乐平台
支持音乐关键词搜索
支持音乐链接下载
支持音乐评论爬取
支持回调和async/await写法
支持webpack打包部署...[2018/10/8]
koa源码解读
koa是有expre 原班人马打造的基于node.js的下一代web开发框架。koa 1.0使用generator实现异步，相比于回调简单和优雅和不少。koa团队并没有止步于koa 1.0， 随着node.js开始支持async/await，他们又马不停蹄的发布了koa 2.0，koa2完全使用...[2018/10/8]
react-native 在新版Xcode（10+）中运行出现的问题： node_modules/react-native/third-party/glog-0.3.4 , C compiler cannot create executables
报错：
1 ～～～～/node_module react-native/third-party/glog-0.3.4'':
2 C compiler cannot create executables
3
4
5 Command PhaseScriptExecution emi...[2018/10/8]
野生前端的数据结构基础练习（3）——链表
网上的相关教程非常多，基础知识自行搜索即可。
习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。
参考代码可见:https: github.com/dashnoword blog tree/master/Structure/List
链表的基本知识
特点...[2018/10/8]
精读《12 个评估 JS 库你需要关心的事》
1 引言
作者给出了从 12 个角度全面分析 JS 库的可用性，分别是：
特性。
稳定性。
性能。
包生态。
社区。
学习曲线。
文档。
工具。
发展历史。
团队。
兼容性。
趋势。
下面总结一下作者的观点。
2 概述 & 精读
特性
当你调研一个 JS 库，功能当然是最重要的，就...[2018/10/8]
Class：向传统类模式转变的构造函数
前言
JS基于原型的‘类’，一直被转行前端的码僚们大呼惊奇，但接近传统模式使用cla 关键字定义的出现，却使得一些前端同行深感遗憾而纷纷留言：“还我独特的JS”、“净搞些没实质的东西”、“自己没有类还非要往别家的类上靠”，甚至是“已转行”等等。有情绪很正常，毕竟新知识意味着更多时间与精力的开销，又...[2018/10/8]
函数内部属性之arguments和this
在函数内部，有两个特殊的对象：arguments和this。
1、arguments
arguments是一个类数组对象。包含着传入函数中的所有参数。但这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。
经典案例：阶乘函数
fun...[2018/10/8]
自定义组件v-model的实质性理解
用了几个月Vue一直很纠结自定义组件的v-model实现，最近开始学习React时，React中受控组件与状态提升的理念与v-model不谋而合。
转载请注明地址: https: www.cnblogs.com onoda-umi/p/9750188.html
在Vue与...[2018/10/8]
正则表达式-基础知识Review
正则表达式（Regular Expre ion)是计算机科学的一个概念。 正则表达式使用单个字符窜来描述、匹配一系列符合某个句法规则的字符窜。 在很多文本编辑器里， 正则表达式通常用来被检索替换哪些符合某个模式的文本。
正则表达式实例
创建
JavaScript通过内置对象 RegExp支持正...[2018/10/8]
关于redux - yezi-dream
react将dom解耦，不用直接操作dom，使用了状态机制，当状态改变时视图就会相应更新。我们知道在react中，父组件可以将一些状态传递给子组件，让子组件的视图相应更新，这时我们会发现，只有有关联的组件才可以依次传递，那些没有父组件与子组件关...[2018/10/8]
js中innerHTML与innerText的用法与区别
js中innerHTML与innerText的用法与区别
用法：
<div id="test">
<span style="color:red">test1< pan> test2
&l...[2018/10/8]
jQuery DataTable 删除数据后重新加载jQuery DataTable 删除数据后重新加载
jQuery DataTable 删除数据后重新加载
问题描述：
利用jQuery Datatable和artTemplate组合来做的表格。但是当删除数据时，需要重新加载table里的数据。但是问题是datatable并没有直接的重新渲染，反而给数据累加上了。
解决办法：
经过查看高人的b...[2018/10/8]
浅淡 RxJS WebSocket
const open$ = new Subject(); const ws = webSocket({ url: ''w : echo.websocket.org'', openObserver: open$ }); 订阅打开事件 open$.subscribe(() =>...[2018/10/8]
HTML5开篇定义（更新中）
以下介绍的两种属性是为后面的属性支持左铺垫，大概一看就OK了。
通用属性
id
用于为HTML元素指定唯一标识
style
用于为HTML元素指定CSS指定样式
cla
用于匹配CSS样式的cla 选择器
dir
用于设置元素中内容的排列方向
t...[2018/10/8]
记一次与iframe之间的抗争记一次与iframe之间的抗争
iframe这个标签之前了解过这个东西，知道它可以引入外来的网页，但是实际开发中没有用到过。这一次有一个需求是说准备要在网页中嵌套另外一个网站，用iframe这个标签，让我测试一下这个可不可以在自己的网页中对引入进来的iframe框架进行操作，操作dom和c 的一些东西。让我做出一个小案例看看...[2018/10/8]
vue webpack配置解决跨域问题vue webpack配置解决跨域问题
现在基本项目都是实行前后端分离的原则，不管是ng 或者是vue 在开发中都无法避免跨域的这个问题
本人刚上手第一个vue项目，在调用api的时候出现了跨域的这个问题
这是封装好一个简单的post 请求
http.js
post (url, data) {
return axi...[2018/10/8]
使用Boostrap框架写一个登录\注册界面
Bootstrap是一个Web前端开发框架，使用它提供的c 、js文件可以简单、方便地美化HTML控件。一般情况下，对控件的美化需要我们自己编写c 代码，并通过标签选择器、类选择器、ID选择器为指定的控件使用。Bootstrap框架为各种控件定义好了很多的类（cla ），在引入相关文件后，为控...[2018/10/8]
对于gitHub的总结随笔
作用：用于项目的版本管理
密切相关的是 git
操作 1.本地的文件上传到gi...[2018/10/8]
HTML5 添加视频和音频（响应式视频）
最初的 HTML5规范呼吁所有浏览器内置支持使用 Ogg格式① 直接播放视频或音频（无需插件）。但是由于 HTML5工作组的内部争议，曾经作为基线标准的支持 Ogg（包括 Theoravideo 和 Vorbis audio）的主张在最近更新的 HTML5规范中被放弃。因此目前的情况是，一些浏览器...[2018/10/8]
原生js、jQuery实现选项卡功能原生js、jQuery实现选项卡功能
在大家在网上平常浏览网页的时候，想必各位都会看到选项卡功能，在这里给大家详解一下用原生js、jQuery如何来写一些基本的选项卡
话不多说，先给各位看一下功能图：
好了，下边开...[2018/10/8]
MathJax: 让前端支持数学公式MathJax: 让前端支持数学公式
文章图片存储在GitHub，网速不佳的朋友，请看《MathJax：让前端支持数学公式》 或者 来我的技术小站 godbmw.com1. 必须要说1.1 开发背景 博主使用Vue开发的个人博客，博文使用markdown语法编写，然后交给前端渲染。为了更方便的进行说明和讲解，需要前端支持LaTex的数...[2018/10/8]
移动端布局注意事项与less
用Koala实现le 的实时编译
1、下载Koala（Koala可以实现实时编译）
2、把CSS文件夹（如index.c ，index.le ）拖到Koala中
3、点击到需要编译的index.c ，如：
...[2018/10/8]
CSS 小结笔记之emCSS 小结笔记之em
1、为什么使用em
em也是c 中的一种单位，和px类似。很多人会疑惑为什么有了px之后还要使用em，而且em使用起来相对于px来讲比较麻烦。
em主要是应用于弹性布局，下面给出一个小栗子说明em的强大之处
<!DOCTYPE html>
<html lang="en"&...[2018/10/8]
Vue : Expected the Promise rejection reason to be an Error
在vue项目中添加ESLint，new 一个 Promise 一直显示错误 ：Expected the Promise rejection reason to be an Error
正常来说new 一个Promise 是这样写的，感觉没啥问题。
retur...[2018/10/8]
vue 图片懒加载 vue-lazyloadvue 图片懒加载 vue-lazyload
在项目中，如果出现大图一时半会加载不出来 的情况确实很丑。如果是那种没有给定宽高 靠图片撑起来的等图片加载出来 再把内容挤下去的用户体验效果非常差。
在vue中 使用vue-lazyload可以实现图片懒加载
安装
npm install vue-lazyload --save
引用
...[2018/10/8]
vue Do not use built-in or reserved HTML elements as component id: nav
刚入坑vue 在新建组件的时候出现这个问题，原因是我新建的这个组件name: ''nav''
在vue中好像nav 这样的 有点类似于 “关键字” 不能作为组件的name，按照服务端来说 就是不可以命名关键字 为你的属性名一样的意思
所以在vue中 比如 nav ，header，footer ...[2018/10/8]
在HTML代码中使用freemarker
在HTML代码中使用freemarker
1、freemarker中显示某对象的属性使用${user.name}.
但如果name为null，freemarker就会报错。如果需要判断对象是否为空：
<#if name??>.....</#if>
当然也可以通过设置...[2018/10/8]
弹性盒模型--新版与旧版比较（1）弹性盒模型--新版与旧版比较（1）
<style>
body{
margin:0;
}
#box{
height:200px;
border:1px solid #000;
新版弹性盒模型
/*display:flex;*/
/*flex-di...[2018/10/8]
CSS 小结笔记之图标字体（IconFont）
本篇主要介绍一种非常好用的图标大法——图标字体（IconFont）。
什么是图标字体？顾名思义，它是一种字体，只不过这个字体显示的并不是具体的文字之类的，而是各种图标。
网站上经常会用到各种图标，之前网页上使用图标主要采用精灵图（背景位置+背景缩放）来实现，但是这样使用起来有许多不...[2018/10/8]
vue 项目实战 (vue全家桶之--- vuex)
老规矩先安装
npm install vuex --save
在看下面内容之前 你应该大概的看了一边vuex官方的文档对vuex有个大概对了解
首先
vuex 是什么？
vuex 是属于vue中的什么，它在项目中扮演着一个什么样的角色，起到什么作用，在项目中我是否要用到vuex。
官...[2018/10/8]
弹性盒模型--新版与旧版比较（2）
弹性空间与元素具体位置设置是加在子元素身上的
<style> body{ margin: 0; } #box{ height: 300px; border: 1px solid #000; 新版弹性盒模...[2018/10/8]
响应式（1）
响应式：适应不同的终端，在不同的终端有较好的显示效果
媒体类型：
all 所有媒体
braille 盲文触觉设备
embo ed 盲文打印机
print 手持设备
projection 打印预览
screen 彩屏设备
speech "听觉...[2018/10/8]
响应式(2)——bootstrap的响应式
<meta name="viewport" content="width=device-width,user-scalable=no"/>
<href="b c bootstrap.min.c "/>
<!-- HTML5 shim and Respond.js ...[2018/10/8]
学习stylus笔记
最近在研究v-cli3.0，发现了一种新的预处理器，于是花了一些时间去学习下。
学习网站
基本上这个网站上，讲的已经很详情。我下面把我在学习之中的笔记和觉得自己用的多方法贴出来。
1.缩排
使用缩排和凹排代替花括号{以及}
2.消除歧义
类似padding - n的表达式可能既被解释成减法...[2018/10/8]
seo优化seo优化
seo 报价工具
https: tool.chinaz.com/kwevaluate
定位词和选择关键词
1.关键词定位
...[2018/10/8]
三大图表库：ECharts 、 BizCharts 和 G2，该如何选择？
最近阿里正式开源的BizCharts图表库基于React技术栈，各个图表项皆采用了组件的形式，贴近React的使用特点。同时BizCharts基于G2进行封装，Bizcharts也继承了G2相关特性。公司目前统一使用的是ECharts图表库，下文将对3种图表库进行分析比对。
BizCharts
...[2018/10/8]
认识CSS样式
6-2 c 样式的优点
为什么使用c 样式来设置网页的外观样式呢？右边编辑器是一段文字，我们想把“超酷的互联网”、“服务及时贴心”、“有趣易学”这三个短语的文本颜色设置为红色，这时就 可以通过设置样式来设置，而且只需要编写一条c 样式语句。
第一步：把这三个短语用<spa...[2018/10/8]
CSS颜色代码
CSS颜色代码大全
FFFFFF
#DDDDDD
#AAAAAA
#888888
#666666
#444444
#000000
#FFB7DD
#FF88C2
#FF44AA
#FF0088
#C10066
...[2018/10/8]
less入门及知识点整理
LESS ? 一种动态样式语言
文档链接：http: www.bootc .com/p/le c
百科
Le 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。
Le 可以运行...[2018/10/8]
基于CSS3实现的几个小loading效果 _css3_CSS
CSS3实现的几个小loading效果 昨晚上闲的没事突然想做几个小loading效果，下面是昨晚上做的几个小案例，分享给大家 1.水波loading：这个loading是我觉得非常简单，但是看上去的效果却非常不错的一个小loading 这个是效果图片 下面...[2018/10/8]
详解CSS文件的三种引入方式_CSS教程_CSS
CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。
一、行内样式
使用style属性引入CSS样式。
示例：
<h1 style="color:red;">style属性的应用</h1>
<p style=...[2018/10/8]
css不常见属性之pointer-events的使用方法_CSS教程_CSS
MDN 上介绍为 CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。
pointer-events 属性值有:
/* Keyword values */
pointer-events: auto;
pointer-events: no...[2018/10/8]
使用纯 CSS 创作一个脉动 loader效果的源码_css3_CSS
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https: codepen.io/comehope/pen/wYvGwr 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chro...[2018/10/8]
css两端对齐之div+css布局实现2端对齐的4种方法总结_CSS教程_CSS
div+c 布局实现2端对齐是我们网页排版中经常会使用到的，这篇文章将总结一下可以实现的方法：
html结构
实现demo里面的div通过C 进行2端对齐。
<div cla ="box">
<div cla ="demo&q...[2018/10/8]
css实现三栏布局的几种方法及优缺点_CSS布局实例_CSS
前言
三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在实际的开发十分常见，比如淘宝网的首页，就是个典型的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。
我们不妨假定这样一个布局：高度已知，其中左栏、右栏宽度各为300px,中间自适应，可以通过几种...[2018/10/8]
经验首页