基于three.js的3d可视化机房
基于three.js绘制的3d可视化机房，实现远程实时观察机房情况。
Vue2/3 对浏览器的兼容性
了解vue2/vue3框架的兼容性，选择对应的版本进行开发将事半功倍。
Vue多页面配置打包性能优化方式
vue在默认的情况下，所有文件打到一个js中，文件体积越来越大，那么浏览器在加载的时候，响应时间会很长，那么我们把一个文件拆分成多个文件那么降低加载时间优化了加载速度
vue3在线echarts编辑器实现
采用vue和echart实现echarts官网在线预览图表功能，可在线编辑演示图表demo,减少用户本地编写，通过页面中的代码编辑器修改echarts的option属性来实时渲染echarts的展示效果。
echarts图表大数据datazoom拖拽动态修改数据轴单位
在我们使用echarts去做可视化数据展示的时候，会遇见大数据量的展示，为了渲染性能，我们可能需要展示一小部分数据，这时我们就需要用到echarts的datazoom来实现数据的拖拽展示。
vue-cli4插件使用和多项目入口配置
vue-cli4插件配置引入和使用,js压缩,css压缩提取,多项目集成,多入口配置,动态自动读取多入口文件
浏览器跨域解决
首先了解一下同源策略：同源策略、是一种约定，是浏览器最核心也会最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指“协议+端口+域名”三者相同；即使是三者中有一个不同就会产生这个跨越的问题
微信公众号h5跳转小程序
微信环境下调用微信开放标签跳转到指定的小程序，完成小程序与微信公众号h5的交互，也是网页向app环境的跳转。
vue3中提供了模板选项， 但在此版本的Vue中不支持运行时编译
在vue3中使用template模板选项生成组件，控制台提示vue3中提供了模板选项， 但在此版本的Vue中不支持运行时编译
php宝塔面板webhook使用
使用webHook脚本自动化部署，省去部署缓解，让项目更好的运行,省去部署时间，只需要提交到仓库，仓库自动执行脚本拉取数据进行更新项目，简单快捷。
js判断滚动条滚动方向以及滚动位置判断
利用js方法判断当前滚动条滚动的方向，以及滚动位置相关判断，横向滚动纵向滚动。
Angular生产开发环境变量的使用(env)
angular配置环境变量,减少重复的切换操作,如,域名生产环境和开发环境的切换等,有效的提高开发环境的使用，减少重复配置。
Windows 桌面版pc微信内置浏览器开发者调试
在开发微信公众号项目的时候我们会遇到在测试环境当中运行很好，但是到了生产环境就出现了各种各样的奇葩错误，从而出现了调试问题，比较手机是手机没有像浏览器一样的开发者工具选项，而微信的pc端可以像手机端那样在它内置的浏览器当中访问打开的连接，所以配置了一下在pc端打开微信浏览器的开发者工具选项。
vue3中使用vue-meta-info进行seo优化问题
在使用vue进行开发的时候总会遇见seo的问题，但是vue-meta-info是基于2.0开发的，那在3.0中会出现什么样的问题，记录从vue-meta-info2.0到vue-meta-info3.0的兼容使用
vue3.0版本render函数渲染动画标签 Transition
vue2.0迁移vue3.0的时候用到了render函数方式去渲染标签，但是当使用内置动画标签去渲染的时候，发现一直渲染不成功，后来发现问题特此记录。
nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配
nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的，例如在<p>中嵌套块级元素，或者缺少<tbody>。打捞水化并执行完整的客户端渲染,在控制台出现红色提示，布置到生产环境项目发生崩溃。
js 实现事件分发系统 on、off、emit
使用js封装事件分发系统,包含三个最基本功能 on (监听事件), off (移出事件), emit (触发事件)，来实现事件的监听回调。
mysql全国省市区数据SQL - 省市区
mysql全国省市区数据SQL,提供对应行政区的存储，方便开发使用
Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node
Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node,无法在节点上执行appendChild,添加dom节点问题。
基于vue3.x插件开发与插件封装实现二
基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革，一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发，与封装挂载，记录分享给大家
基于vue3.x插件开发与插件封装实现一
基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革，一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发，与封装挂载，记录分享给大家
如何快速访问github网站
本次我们介绍如何快速访问github网站，通过修改系统主机hosts文件，绕过国内dns解析，达到快速访问github
DPlayer.js视频播放插件手机端跳转指定时间失效
在使用vue开发h5移动端网页的时候我们在页面中嵌入了一个视频播放器DPlayer.js来实现手机端的播放在使用seek跳转指定时间点的时候发现这个方法失效
git合并分支
在使用git开发的时候我们不想使用可视化工具，想采用命令行的方式来完成项目git的提交合并等一系列的操作。
vue中实现文字超出横向滚动
在手机上展示我们的标题的时候，我们当前的场景不允许出现两行，但是空间只有那么大，还要让用户看到完整的信息，所以采用超出滚动的方式来解决当前的问题。
webapp移动h5页面嵌套iframe后rem失效
有的时候我们使用iframe这种框架标签来引入我们的页面的时候我们发现，自适应的rem页面出现页面样式坍塌
js实现禁止查看源代码，禁止右击、禁止F12、禁止开发者工具
使用javascript屏蔽阻止用户通过鼠标右键点击，键盘f12,以及通过浏览器自带的开发者工具选项进行源代码的查看
vue之axios请求统一拦截element-ui多次弹窗只弹一次优化
在使用vue全家桶中的axios进行全局请求状态拦截的时候，我们的element-ui弹窗提示会根据拦截几个接口返回几个弹窗提示，在用户方面我们看着比较不太友好
2021集五福技巧必得沾沾卡多次扫福技巧，集五福最强攻略
2021年最新集福攻略,集福技巧,集福bug,一天集齐福卡坐等领奖，一年一度集福活动，代表年到来了，瓜分一亿两亿三亿，支付宝最新集福攻略开始了,沾沾卡等你来拿
基于node服务器+scoket.io开发聊天室（一）之scoket.io安装及简单使用
scoket.io官方文档，使用LAMP（PHP）等流行的Web应用程序堆栈编写聊天应用程序通常非常困难。它涉及轮询服务器的更改，跟踪时间戳，并且比预期的要慢得多。传统上，套接字是构建大多数实时聊天系统的解决方案，可在客户端和服务器之间提供双向通信通道。这意味着服务器可以将消息推送到客户端。每当您编写聊天消息时，其想法都是服务器将获得该消息并将其推送到所有其他已连接的客户端。
基于vue组件库npm包的创建与发布
npm是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，可以通过npm发布远程包供相关人员使用，可以维护，升级，修改，开源
微信小程序之小程序与小程序之间进行跳转交互
在小程序单独业务与总业务之间进行跳转实现单独业务的跳转需求，来实现我们开发中我们需要微信小程序跳转不同业务相同主体的小程序分支或总体，跳转我们需要授权需要绑定相关主体，小程序跳转需要知道对方的appID和后台要关联小程序主体才能实现跳转
微信小程序富文本内容限制判断是否展示全文收起
微信小程序通过接口获取富文本数据内容通过`rich-text`组件标签进行渲染到页面由于内容展示过长，进行展开收起效果实现，减少用户因内容过多，产生不好的用户体验！通过一下方法实现页面的展开收起。
git提交合并历史错误报fatal: refusing to merge unrelated histories问提解决
当在另一个地方的本地创建了一个仓库，并把本地仓库和Github上关联以后，发现`git pull`，`git feach`提醒`fatal: refusing to merge unrelated histories`上网查到原因是两个分支是两个不同的版本，具有不同的提交历史
服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储
报错redux-persist failed to create sync storage. falling back to ”noop" storage （redux persist无法创建同步存储。回到“noop”存储），我们很蒙蔽会找redux的问题，还有各种交流网站上跟react开发的react-native的连贯问题，但是发现跟着写也没有解决，在回退到原始找寻路径，我们去了官网的git上的issues上我们找到了蛛丝马迹如图
next.js出现Warning: Expected server HTML to contain a matching问题解决
使用next.js对react进行服务端渲染的时候我们遇见如图问题，Warning: Expected server HTML to contain a matching <div> in <li>.原因是我们的页面上出现了跟服务端不匹配的标签，这个标签产生的原因就是我们动态判断显示的内容，比如说我们在登陆的时候，登陆成功是不是要显示我们的用户信息，填充到界面上，这样我们就知道页面跟服务端的页面发生了变化！
thinkphp实现第三方登陆之qq授权登陆
下载官方sdk，并进行配置（将sdk包放入web环境，访问install/index进行配置），这是我们下载的文件，这个是测试包，我们要用到的只有API下的文件
vue中使用mock.js进行数据模拟
mock.js没有用过的觉得很鸡肋，不就是填充数据吗，我开发的时候页面有数据啊，等等，我们要应用的场景就是我们调好接口，在没有网的情况下发现页面空荡荡的，而这个时候老板过来说看一下你的项目，怎么难道直接给老板看空白页面吗，当然是no，这时候mock.js这个数据生成器就派上了用场，用来展示数据，这样老板看到带数据的页面就感觉你这工作很ok！
H5响应式创意家具饰品页面html源码模板
一套H5响应式创意家具饰品页面html源码模板，页面包括实体店、新闻内页、关于我们、新闻列表、案例列表、产品内页、案例内页、产品列表、案例封面共10个页面
mock.js的开发方式及变量解释说明
直到在一个夜黑风高的晚上，我邂逅到它（mock.js），顿时感觉，整个世界都安静了不少。站长在经历当中遇见最恶心的事就是什么也没有，没有文档，没有交流，你做你的我做我的，很反感这样的开发方式，各做各的没有一点交流合作，团队也不会有多大的成长！
多个https网站配置访问node项目解决方法apache环境
使用apache服务访问我们代理的网站时发现出现404问题，普通的域名网站还好说我们可以直接访问到指定的目录下面打开，但是我们的node服务是通过localhost:8080端口来启动node项目的，所以我们要使用代理，但是我们发现内网可以通过localhost:8080访问到项目，外网却得到404通过ping我们发现网站能ping通这就跟防火墙没有关系了，剩下的就是我们内部访问问题了，特此记录
Apache 配置多个HTTPS站点
在Apache安装目录中新建cert目录，并将解压的Apache证书、 证书链文件和密钥文件拷贝到cert目录中。如果需要安装多个证书，需在Apache目录中新建对应数量的cert目录，用于存放不同的证书
nodejs下fs模块导入文件中文乱码问题
在使用node做敏感词限制上传的时候用到了导入功能我们使用了fs，然而却出现乱码，我们想到的乱码可能就是编码不一致，我们在网页开发的时候utf-8转gbk就容易出现乱码，所以，我们导入iconv-lite模块
node后台接收内容敏感词屏蔽
在做评论或者上传文章的时候难免有些可恶的用户上传一些不当的内容，为此我们检测这些字禁止通过我们的关卡，下面是我node中反馈上传做出的敏感词检测欢迎指正！
Javascript语法规范错误提示代码
在使用js我们会因为各种原因出现各种错误，然后站长进行搜集整理出来错误提示，来供大家参考使用，提供便利！
svn错误之Cant use Subversion command line client:svn
在安装中出现了一个Can't use Subversion command line client:svn的错误，导致svn工具挂掉
响应式绿色宽屏大气绿化花木果苗类公司网站前端模板
一套响应式绿色宽屏大气绿化花木果苗类公司网站前端模板
大气蓝色企业机械类网站html静态页面源码模板
一套大气蓝色企业机械类网站html静态页面源码模板
HTML5企业文化传播网站模板
一套HTML5企业文化传播网站模板，页面包括Web建设、企智资讯、公司简介等共4个页面
小程序开源源码github整理
微信小程序的火热程度大家都有所了解，也有很多牛人写了不错的小程序，今天整理一些github上的小程序开源项目，源码可以直接下载来用，感兴趣的朋友赶紧去看看吧！以下小程序排名按star的数量来排，数字动态变化中，请参考具体的项目
html2canvas将HTML内容写入Canvas生成图片
html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的浏览器。
马上就到“激动人心”的支付宝集五福活动了
持续了五年的时间从最简单的扫字，到AR，从平面祝福到动态祝福，从浇水获卡到帮助他人浇水获卡，我们见证了支付宝的成长，见证了技术的更替，见证了时代的发展，从不可能到不可思议，今年的活动已经上线，我们盼望集福字下周一就要上线了，不知道今年会给我们带来什么样的新技术集卡，五福成为春节的象征活动。
水果商城网站模板
这是一套水果商城网站模板，页面包括地址管理、个人账单、账单明细、绑定手机、新闻页面、我的红包、退换货管理、我的收藏、评价管理、发表评论、优惠券、验证邮箱、我的足迹、框架、首页、实名认证、个人资料、商品页面、登录、物流、我的消息、模板、订单管理、订单详情、修改密码、结算页面、安全问题、钱款去向、注册、安全设置、搜索页面、支付密码、购物车页面、全部分类、付款成功页面、个人中心等共39个页面。
svn忘记密码及查看当前svn账号和密码
SVN作为一种开放源代码的集中式版本控制系统，一直以来都深受所有公司的喜爱。伴随着它使用范围的广泛，一系列问题也随之接踵而至。但是做项目很多地方都是不长用的往往都是使用了才会去翻找，简单点的好说，难点的就可能很麻烦！
html5安防监控响应式模板手机自适应
这是一套html5安防监控响应式模板手机自适应，页面包括新闻列表、公司简介、在线留言、新闻内页、下载列表、联系我们、产品列表、案例内页、产品内页共12个页面。
Vue2.0中使用less给元素添加背景图片出现错误路径不正确
在使用less在Vue.js中给元素添加背景图片时 ，我们可能会按照css的方法使用相对路径来处理我们的图片错误无法显示
品牌设计企业网站网页模板
这是一套品牌设计企业网站网页模板，页面包括关于我们、联系我们、新闻内页、新闻资讯、客户案例、服务项目等共7个页面。
微信小程序云开发调用access_token调用微信公众号素材
在使用小程序api地址开发的时候我们通常不能使用官网的api地址直接在小程序中调用，想要使用他们的api就要我们通过统一后台调用以后返回给前台使用，不能直接使用的原因就是每个用户的ip都是不一样的我们总不能把所有的用户都绑定上白名单，我们只需要通过自己的域名去访问，让用户通过域名访问我们的自定义接口，那么我们就只需要绑定一个域名就行，在开发的时候只是从公众号掉取文章素材图文素材到小程序中，所以我们采用了云开发的方式来实现我们的功能！
HTML5高端大气响应式网络科技公司网站静态页面html模板源码
这是一套HTML5高端大气响应式网络科技公司网站静态页面html模板源码，页面包括产品详细、价格、新闻列表、联系我们、新闻详细、产品列表、案例列表、案例详细、关于我们共10个页面。
教育类网站页面模板源码
这是一套教育类网站页面模板源码，页面包括专业简介、办文、联系我们、最新通知、文秘系新闻、师资力量、技能类内页、专业学习、2016国际秘书节、对外培训、优秀毕业生内页、科研成果等共19个页面。
宽屏简洁大气代理工商财税公司注册记账网站模板
一套宽屏简洁大气代理工商财税公司注册记账网站模板，页面包括代理记账、许可证件、资质详细、公司注册详细、公司注册、关于我们、联系我们、财税知识、资质代办共10个页面
html5秀气清爽个人博客html源码模板
html5秀气清爽个人博客html源码模板
创意高端大气滚屏产品企业网站页面html5模板源码
一套创意高端大气滚屏产品企业网站页面模板源码，页面包括首页、问题列表、新闻内页、问题内页、案例列表、联系我们、案例内页、新闻列表、关于我们共9个页面。
光年后台管理系统框架bootstrap自适应响应式
光年后台管理系统框架bootstrap自适应响应式
html5响应式自适应医疗设备网站html页面模板源码
html5响应式自适应医疗设备网站html页面模板源码，页面包括首页、新闻内页、下载列表、新闻页、联系我们、相册列表、公司简介、下载页、在线留言、产品页、产品内页共11个页面
vue报错信息之跨域当请求的凭据模式为“include”时，响应中的“Access Control Allow origin”头的值不能是通配符“*”
CORS策略已阻止从源位置“http://localhost:3000/api/index/getNotice”访问XMLHttpRequest:http://localhost:8080”：当请求的凭据模式为“include”时，响应中的“Access Control Allow origin”头的值不能是通配符“*”。XMLHttpRequest启动的请求的凭据模式由withCredentials属性控制。
[thinkPHP5项目实战_31]站长结语
经过30个小节的实战，我相信大家都可以做出一个简单的博客管理系统，虽然是个小麻雀，但是其他的功能都是需要我们去探索的，像框架这种东西都是需要看官方文档去做的，但是官方文档看起来不那么明确，不过原理方面都是跑不掉的，所以我们参照的都是官方实例，再说一句废话就是，越是有文档的东西，越是框架反而越简单
[thinkPHP5项目实战_30]留言板功能完善
实现的功能：打开留言本页面展示留言，并提供留言功能
[thinkPHP5项目实战_29]前台首页和文章搜索功能完善
首页展示出所有文章，因此需要单独处理，首先在后台将首页的栏目删除，并将首页栏目下的文章移到其他栏目或者删除；
[thinkPHP5项目实战_28]前台文章"相关文章"的功能完善
在文章详情页面需要展示相关文章列表，该列表使用过当前文章的关键词来获取的；当前文章的关键词可能不止一个，因此需要查询所有文章是否具有该关键词，如果有则将该文章相关信息储存到数组中；这样遍历出来文章可能重复，因为需要对该数组中的文章进行去重；去重的方法有很多，这里使用对数组降维的处理方法；
[thinkPHP5项目实战_27]前台文章内容展示
本文介绍的文章展示页面功能包括：文章内容（标题，时间，图片，内容），文章点击数，上一篇下一篇功能。文章的详情信息有Article控制器操作
[thinkPHP5项目实战_26]前台文章关键词搜索
每篇文章下面展示有关键词，点击关键词可以查询该栏目下的所有具有该关键词的文章；点击关键词，需要将该关键词当做参数传值tahs控制器进行联表查询；
[thinkPHP5项目实战_25]前台文章列表展示
前台导航完成后就需要将每个栏目下对应的文章展示到栏目下；每个栏目展示对应的lists控制器的index操作方法
[thinkPHP5项目实战_24]前台页面导航栏目调用
之前的前台页面的导航栏是通过a标签实现跳转的，但是在实际项目中栏目的信息可能是动态变化的，因此展示的导航栏也会根据数据库存储的变化而变化；通过后台操作对导航栏的管理，实现前台页面的展示。每次打开前台页面都需要优先展示导航栏，需要创建初始化方法在其他页面的控制器调用之前调用导航栏页面
[thinkPHP5项目实战_23]管理员登录信息展示、登出和登录状态检测
登录成功后需要在头部展示登录的管理员的名称信息，并且点击修改能跳转到修改页面进行操作登录成功后，需要将用户的信息写入服务器的session中，从session中获取用户名和idthinkPHP5的session使用方法https://www.kancloud.cn/manual/thinkphp5/126166在登录的model中成功后写入session
[thinkPHP5项目实战_22]管理员登录
管理员登录就是根据用户输入的信息对数据库进行比对返回处理结果数据库连接处理放在模型model中新建登录对应的控制器文件controller/Login.php，模型文件model/Login.php，视图view/Login/login.html
[thinkPHP5项目实战_21]管理员添加、删除和修改
包含获取管理员列表、修改管理员和删除等方法。另外，保留了一个管理员不能删除和对管理员的密码进行了md5加密，由于md5加密空后不为空，所以先进行空验证再加密
[thinkPHP5项目实战_20]友情链接功能完善
友情链接列表输出及分页，增加了修改删除控制器，进行对友链的修改删除
[thinkPHP5项目实战_19]模型添加数据
thinkPHP5提供了模型增加数据的功能，通过实例化模型来实现数据库操作，下面以增加链接为例分享改功能的使用，在admin下新建文件model/Link.php模型文件并初始化定义
[thinkPHP5项目实战_18]友情链接界面搭建和数据添加
类似于添加栏目和文章完善添加友情链接的功能分别新建友情链接link对应的视图模板、控制器和验证器文件
[thinkPHP5项目实战_17]文章编辑
页面间传值；数据库查询；模板赋值；下拉框赋值，略缩图展示等，文章列表页面修改跳转点击修改跳转到edit页面，并将文章的id值传过去
[thinkPHP5项目实战_16]文章列表展示
文章列表展示的主要功能点有：联动栏目数据库查询文章对应的栏目展示出来；展示略缩图；展示格式化时间；列表分页；
[thinkPHP5项目实战_15]创建文章读取栏目列表
本文分享在创建文章时读取栏目列表并选择的功能首先在数据库中添加cateid字段，类型为mediumint创建文章的页面展示cate代码
[thinkPHP5项目实战_14]场景验证
thinkPHP5提供了场景验证功能，参考文档位于https://www.kancloud.cn/manual/thinkphp5/129322比如在创建栏目中，我们不允许关键词为空，而在编辑栏目时允许关键词为空，在同一个验证器中，可以针对这些不同的场景进行不同的验证定义首先打开之前写好的cate验证器application/admin/validata/Cate.php，添加指定处代码:
[thinkPHP5项目实战_13]新增文章界面附件上传
新增文章验证器和控制器,根据[thinkPHP5入门实战_09]后台添加栏目及验证介绍新增栏目的方式构建新增文章的操作方法
[thinkPHP5项目实战_12]文章管理界面创建
创建文章信息存储数据表访问http://localhost/phpMyAdmin/index.php默认账号和密码为root，创建数据库tp5，新建数据表tp6_article，字段数为8
[thinkPHP5项目实战_11]栏目修改
如果开发过程中出现了页面不可用，请稍后再试，可以将application文件夹下的config.php文件中的调试模式打开，可以看到代码报错提示信息。
[thinkPHP5项目实战_10]栏目列表输出和删除
上一篇分享了如何添加栏目和验证。添加栏目后需要将其从数据库中取出展示在列表上，比如数据库的tp5_cate有以下数据，在Cate控制器的lists方法中读取数据数据并赋值给模板
[thinkPHP5项目实战_09]后台添加栏目及验证
上一篇介绍了前台页面的模板分离和URL生成，构建博客系统还需要后台管理系统，通过类似的方法构建后台的模板
[thinkPHP5项目实战_08]模板分离和URL生成
在前端网页项目中不同的页面存在公共的模块，例如头部、底部和侧边栏等，使用tp5的模板分离可以将这些公共模块抽出，在需要的页面进行引入减少前端代码量，提高运行效率以前台页面为例，在application/index/view下面新建一个Public文件夹，用于存放页面公共模板，分别新建header.html，resource.html，footer.html，sidebar.html将网页公共部分提取出来
[thinkPHP5项目实战_07]引入后台管理页面
后台页面的引入与前台页面的引入类似,thinkphp后台页面,后台页面引入，后台管理应作为一个单独的模块存放，在application中新建admin文件夹，用于存放后台管理的控制器和视图
[thinkPHP5项目实战_06]引入前台页面
一个网站的前端分一般分为前台和后台两个部分，下面说明一下如何在tp5中引入前台页面。tp5中访问的是模块下的控制器，通过控制器获取视图下的页面（模板布局），输出替换引导页面加载静态文件（css,js,image）
html5全屏页面滚动个人简历展示html静态页面模板源码
html5全屏页面滚动个人简历展示html静态页面模板源码
多种表情评论留言框页面模板
多种表情评论留言框，适合完整留言反馈评论功能
高性能滑动的登录注册页面静态模板
基于html、css3、js的登陆酷炫滑动模板
简易动态404网页源码
一套简易动态404网页源码
php+apache报错了Call to undefined function curl_init()
在开发thinkphp的时候curl_init()初始化错误，报错了Call to undefined function curl_init()
移动端自适应px转rem解决方法
rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览器html的像素，可以设定这个基准值），假如浏览器的html设为64px，则下面的元素则1rem=64px来运算。
Vue.js16款优秀的UI组件库推荐
Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。
php-人员权限管理（RBAC）参考版
PHP-人员权限管理（RBAC），权限管理可以想做vip的功能，普通用户和vip用户的功能是不一样的，大致会用到五张表：用户表、角色表、功能表，还有他们之间互相关联的表：用户与角色表、角色与功能表
BootstrapVue
借助BootstrapVue，您可以使用Vue.js和世界上最受欢迎的前端CSS库 Bootstrap v4在网络上构建响应式，移动优先和ARIA可访问的项目 。Bootstrap v4是世界上最受欢迎的框架，用于构建响应式，移动优先的网站。Vue.js （发音为/ vjuː /，类似于视图）是用于构建用户界面的渐进框架。
MintUI
Mint UI基于 Vue.js 的移动端组件库，同样出自饿了么前端的项目。Mint UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件。Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。
Element
Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了四种方法，可以进行不同程度的样式自定义。
Vux
VUX 是库而非框架，虽然有专用的 vux-loader，但并不影响你自由地使用其他组件库或者工具库。VUX 使用的 CSS 预处理工具是 less(同 WeUI)，但(利益于 .vue 单文件组件的灵活性)这并不影响你使用 SASS 等其他预处理器。用以表示该组件库时请使用大写名字 VUX，用在说明版本号时使用小写 vux@2.x。
ViewUI
View UI，即原先的 iView，是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
Vant
Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近 50 个组件，这些组件被广泛使用于有赞的各个移动端业务中。 Vant 旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。
Uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
Node.js使用nodemailer发送邮件自定义邮件模板
Node.js使用nodemailer发送邮件,电子邮件是—种用电子手段提供信息交换的通信方式，是互联网应用最广的服务。通过网络的电子邮件系统，用户可以以非常低廉的价格（不管发送到哪里，都只需负担网费）、非常快速的方式（几秒钟之内可以发送到世界上任何指定的目的地），与世界上任何一个角落的网络用户联系。
VUE YDUI
提供两种样式单位（rem 和 px）版本；高质量、功能丰富；友好的 API ，自由灵活地使用空间；细致、漂亮的 UI；使用单文件的 Vue 组件化开发模式；基于 npm + webpack + babel 开发，支持 ES2015；真正意义上的按需加载组件，可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。
Mui
最接近原生APP体验的高性能前端框架，追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征；MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K。
SUI Mobile
没有重复造轮子。主要借鉴 Framework7 的形态并以此为基础，参考Ratchet、Ionic、Onsen各种不同的思路，强化功能，精简体积，并提供国内最稳定快速的CDN支持。此外还定制增强了一些工具类开源库。
Amaze UI
Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
JQueryUI
jQuery UI包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。
WeUI
we-vue - 不只是 vue.js + weui！更是一套基于 Vue.js 的移动关组件库，结合 weui 官方样式库，封装了一系列组件，适合微信公众号等移动端开发。
Mand Mobile
Mand Mobile是面向金融场景设计的移动端组件库，基于Vue.js实现。目前已实际应用于滴滴四大金融业务板块的10余款产品中。
Muse UI
Muse UI 是一套 Material Design 风格开源组件库，旨在快速搭建页面。它基于 Vue 2.0 开发，并提供了自定义主题，充分满足可定制化的需求。
Cube-ui
cube-ui 是基于 Vue.js 实现的精致移动端组件库。由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。在交互体验方面追求极致。遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。
AT-UI
AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站中后台产品
Ant Design Vue
ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步，组件的 html 结构和 css 样式也保持一致，真正做到了样式 0 修改，组件 API 也尽量保持了一致。
js 链式操作函数方法
对于链式操作常见的有后台thinkphp的数据库查询操作，前台一下插件封装等会时不时用链式来操作，最常见的，是jQuery直接返回this的方式，先理解下最简单的链式调用法我们可以用简单的构建对象的方法来实现
vue弹出框组件封装实例代码
在vue学习中，我们会用到大量弹窗来实现业务的交互，比如，弹窗提醒删除，添加，通知，修改，等等相关长用的类型，在今天我们写一个弹窗组件开发，如果想学习vueui组件的开发，请关注我们的ui组件库ZMZUI，搜索zmzui即可，也可关注我们的网站点击上方git地址进行源码下载！
vue.js中实现HTML标签转义及反转义及富文本编辑器显示
当我们把服务端传给vue的代码放入vue中的时候我们出现了犯难，转义以后是字符串类型的vue只有v-html才能导入到ueditor中显示，由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案，利用了innerHTML和innerText
vue中的mixins混合正确使用方法
混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
js树形菜单数组递归处理
有的时候我们在处理一下类型数据，子级数据的时候我们可能要更客观的展示所以搜集当下供大家参考，如人员递归，分类递归，select下拉递归
js正则验证封装
通过整合各类验证信息进行对邮箱、电话、手机、邮编、数字、浮点、货币、网址、传真、整数、正整数、负整数、数字字母、是否含有中文字符等进行封装!
vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first
在vue中引入vue-echarts组件的时候报错了Error in mounted hook: "Error: Component series.line not exists. Load it first ，找到vue-echarts下的components>echarts.vue
js事件实现全屏和退出全屏
首先，我们需要给出一个默认状态，即非全屏。然后，在此基础上我们进行DOM操作，每次用户进行操作时，我们先判断当前状态，进行相应的操作，操作过后改变当前状态即可。
vue-echarts npm run build 编译生产版本报错 UglifyJs
原因： 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败。解决： webpack.config.js 配置删除下面这句， exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader ， 覆盖了上一句 include 的设置
canvas无法使用rem单位的解决方案
在移动端，画布的大小要根据屏幕的大小进行适配，我们一般采用rem结合媒体查询的方式。使用canvas时就遇到遇到一些问题：canvas的width属性不支持rem单位(如果使用样式当然支持rem，但注意canvas的width属性与style中的width是有区别的)
vue请求之axios发送cookie和node读取session
在使用node验证码的时候我们把验证码保存在后台的session中但是我们前台会出现一个cookie字段connect.sid，这是默认的存储的session加密保存在cookie中，验证的时候我们要把cookie发送给后台，这样我们才能在后台获取到存储的session，而我们用axios,但是axios 默认不发送cookie，跨域也是一个原因，需要全局设置，所以我们需要这么设置
vue页面在微信内置浏览器打开网页打开软件键盘出现底部空白解决方式
最近在做移动端vue项目的时候遇到了一个这样的一个问题，当我点击input框输调起手机软件盘输入内容以后，关闭软键盘，页面没有回到底部，导致底部出现了空白，手动往下滑动一下，页面才会恢复正常，当关闭软键盘的时候，页面不会自动回到底部。目前Android和Ios上都有这个问题
js保存导出json数组文件下载
站长在搞一个矩阵二维地图的时候（其实就是二维数组），自己总不能一个一个给数组里填吧，所以就有了这个自动保存json文件导出供我使用的数组话不多说上代码！
Nodejs链接Mysql批量添加、批量修改、批量删除
做为前端人员开发nodejs，还是有点吃力的，毕竟是要跟数据库对接，需要掌握sql查询，这里介绍一下node中mysql怎么样批量添加，批量修改，批量删除。
vue打包字体文件路径错误的问题
在我的项目中遇到的情形是：打包后，css里加载的font文件路径变成了：/static/css/static/fonts/iconfont.eot，原先的打包没有这样的问题，而期望的应该是/static/fonts/iconfont.eot。
js 原生ajax请求GET和POST
原生Ajax 优势:1.不需要插件支持（一般浏览器且默认开启 JavaScript 即可）；2.用户体验极佳（不刷新页面即可获取可更新的数据）；3.提升 Web 程序的性能（在传递数据方面做到按需放松，不必整体提交）；4.减轻服务器和带宽的负担（将服务器的一些操作转移到客户端）；
vue 跨组件和父子之间调用事件
在vue开发当中我们在不同的场景要实现结果，比如，跨组件调用事件，跨组件调用方法，无非是多写一个公共的js来实现互相调用，但是我们这里讲的是父子间跨组件调用事件来，达成我们想要的结果,依葫芦画瓢我们可以实现任意的组件调用，只不过缺少一个开头的地基！我们打印this会发现 vue包括跟多对象属性这就是我们需要用到的东西！
js原生file对象和blob对象的互相转换
使用FileReader 对象转换：File => DataURL，该对象用于读取文件（读取单个对象文件，所以，不能直接读取 Filelist 对象文件集合），即把文件内容读入内存。它接收 File 对象或 Blob 对象，作为参数。
node图片上传multer 报错Unexpected field
我在使用multer npm模块上传文件到我的应用程序的时候出现以下错误Unexpected fieldError: Unexpected field，引起错误的原因是我们的name属性跟后台不匹配造成的所以我们要把name对应起来哦
js判断一个对象是不是数组类型
typeof 和 instanceof 都可以用来判断变量，typeof方法返回一个字符串，来表示数据的类型; 但是typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object，这就会造成一些误差。而instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性，返回一个布尔值。
js原生ajax请求头报错“setRequestHeader on XMLHttpRequest”
在设置请求头的时候报这个Failed to execute "setRequestHeader" on "XMLHttpRequest": The objects state must be OPENED.，是由于需要先打开XMLHttpRequest
nodejs图片的压缩上传和base64的上传接受显示
nodejs图片的压缩上传和base64的上传接受显示，form的submit还是ajax上传只是获取到inputfile的值传过去，使用此方法不能使用qs或者转成json的数据格式发送，要传二进制格式的数据所以你可以在ajax前端使用URLSearchParams来进行append（’name名称‘，file值）传递
vue项目中favicon.ico不能正确显示的问题
注意：如果打包发布到线上，会导致ico图标不显示的问题，是因为执行npm run build打包后只有static文件夹和index.html文件，找不到根目录下的ico图标，解决办法：把ico图标放到static文件夹下就OK啦。
node错误Error: connect ECONNREFUSED 127.0.0.1:443
Error: connect ECONNREFUSED 127.0.0.1:443，这个错误的意思是127.0.0.1:443拒绝了你的连接，所以我们要使用正确的域名去链接，本地测试无法使用
vue监听手机物理返回键手机安卓h5返回
追梦猪在使用此来实现手机h5微信支付的时候为了用户更好的体验让用户点击完成触发返回可以不在回到上一层而是我们指定的页面所以监听了返回键但是跟原先的写法返回有了一个冲突，原先go(-3)返回变成go(-4)才能返回到指定的页面，所以在用户体验的道路上任重道远啊！
nodejs模块fs操作文件和文件夹
所有的文件系统操作都有异步和同步两种形式。异步形式的最后一个参数都是完成时回调函数。传给回调函数的参数取决于具体方法，但回调函数的第一个参数都会保留给异常。 如果操作成功完成，则第一个参数会是 null 或 undefined。当使用同步操作时，任何异常都会被立即抛出，可以使用 try/catch 来处理异常，或让异常向上冒泡。
Node.js 遍历文件夹的所有文件做一个文件管理器
要遍历所有子目录就要用到递归调用，所以创建一个function专门处理这项业务，使用同步读取，这样才能知道文件夹的遍历进度是否完成读取一个文件夹时，传递文件夹的路径和对应的数组给他
vue 非父子传递EventBus事件总线模式开发
想想如果从最顶层组件传一个 data 给最底层组件，仅仅使用父子传递的方式会变得十分麻烦。而 EventBus就是用来解决这个问题的：在需要获取 data 的组件上设置一个监听器，每次要传递 data 时，那个组件就广播这个事件并调用这些监听器。
node实现登录图片验证码
接口验证码使用我们是远程获取所以node验证一般存储session,用cookie使session持久化，这样我们后台获取不至于undefined
MySQL查询当天当月数据
mysql查询当天，明天，昨天，近7天，近30天，本月，上一月，查询本季度数据，查询上季度数据，查询本年数据，查询上年数据，查询当前这周的数据，查询上周的数据，查询上个月的数据，查询当前月份的数据 ，查询距离当前现在6个月的数据
MySQL查询一年的十二个月份，形成echart图形报表数据
统计某一年中的1-12个月的数据总和
node中Session的使用
为什么使用session:session运行在服务器端,当客户端第一次访问服务器时，可以将客户的登陆信息保存。当客户访问其他界面时，可以判断客户的登陆状态,做出提示。可以保存一些客户的常用信息，当客户端再次获取常用信息时，不必再从数据库中进行查询。session可以与redis或数据库等结合做持久化操作，当服务器挂掉时也不会导致某些客户信息(购物车)消失。
NodeJs - Express项目 自动生成API文档之apidoc
在前端开发中，避免少不了接口文档，但是手动去写，似乎又太麻烦，于是乎，出现了各种各样的自动化生成的API文档框架，我们说说NodeJs-Express中的apidoc
angular从入门到精通（六） — 数据定义展示与模板语法
要显示组件的属性，最简单的方式就是通过插值表达式 (interpolation) 来绑定属性名。 要使用插值表达式，就把属性名包裹在双花括号里放进视图模板，如 {{myHero}}。删除 index.component.html 文件，这个范例中不再需要它了。然后，到 index.component.ts 文件中修改组件的模板和代码。
angular从入门到精通（七） — 生命周期
每个组件都有一个被 Angular 管理的生命周期。Angular 创建它，渲染它，创建并渲染它的子组件，在它被绑定的属性发生变化时检查它，并在它从 DOM 中被移除前销毁它。Angular 提供了生命周期钩子，把这些关键生命时刻暴露出来，赋予你在它们发生时采取行动的能力。除了那些组件内容和视图相关的钩子外,指令有相同生命周期钩子。
angular从入门到精通（五） — 路由事件
路由链接的激活状态RouterLinkActive 指令会基于当前的 RouterState 为活动的 RouterLink 切换所绑定的 css 类。在每个 A 标签上，你会看到一个到 RouterLinkActive 的属性绑定，形如 routerLinkActive="..."。
angular从入门到精通（四） — 路由和路由跳转
下一步的动作就是进行页面搭建路由跳转，为此，我要使用 Angular 的路由器。借助 Angular 路由器，实现路由器可以从一个视图导航到另一个视图。
angular没有打包文件dist不显示打包文件dist
angular没有打包文件dist不显示打包文件dist发现文件夹下面未出现dist文件夹，网上说要配置一下路径问题，但是配置完成以后还是不出现，由此看到控制台出现了报错，我的是这样的，当我把报错解决掉以后再看文件夹下面出现了dist文件夹，由此我们知道控制台报错的情况下不会生产dist文件夹！
angular解决打包空白问题
angular打包以后空白页面不显示解决方法打开angular中的index页修改base路径即可
angular从入门到精通（三） — 项目文件结构
每个工作空间中的所有项目共享同一个 CLI 配置环境 。该工作空间的顶层包含着全工作空间级的配置文件、根应用的配置文件以及一些包含根应用的源文件和测试文件的子文件夹。
angular报错信息之 The selector "app" did not match any elements
The selector "app" did not match any elements未处理的承诺拒绝：选择器“app”不匹配任何元素；区域<root>；任务：promise.then；值：错误：选择器“app”不匹配任何元素当前错误原因是我们绑定在页面上的选择器不正确，
angular报错信息之 Unexpected value 'undefined' declared by the module 'AppRoutingModule'
Unexpected value 'undefined' declared by the module 'AppRoutingModule'//模块“approutingmodule”声明的意外值“undefined”当前错误原因是我们在路由里面声明错误造成的！
angular报错信息之 Can't bind to 'ngForOf' since it isn't a known property of 'tr'. ("
当前错误原因是没有绑定ngforof，在@ngmodule（）中添加browsermodule到imports:[]，如果它是根模块（appmodule），则为commonmodule。出现此问题是你的组件顺序有误，修改BrowserModule在控制器的位置
angular报错信息之 'zmz-select' is not a known element
'zmz-select' is not a known element当前错误原因是我们没有在NgModule上暴露出去我们写的组件所有会出现不是已知的元素
angular从入门到精通（二） — 搭建环境
你可以使用 Angular CLI 来创建项目、生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。全局安装 Angular CLI。
angular从入门到精通（一） — 概述
AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架， 已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、双向数据绑定、语义化标签、依赖注入等等。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的伪静态文本展示设计的声明式语言， 但要构建WEB应用的话它就显得乏力了。AngularJS通过MVC模式（MVC）功能增强基于浏览器的应用，使开发和测试变得更加容易。
angular快速开发之热加载配置
Angular6 热加载配置，方便我们开发调试，撇去繁琐的代码保存，浏览器刷新，做到改则动，动则效，方便我们既改既看的实现。
angular快速开发之脚手架搭建
通过angular快速开发脚手架创建初始化项目，减少繁琐的安装搭建，利用在开发中，马上上手，节约开发时间，当前教程用到的cli是最新的根据需求选择自己的版本
vue - 如何打造属于自己的CLI脚手架工具？
为什么需要CLI？减少重复性工作。根据动态命令更方便的生成开发环境。团队协同，效率高。我们要达到的设计？
PM2来部署nodejs服务器永久开启
PM2来部署nodejs服务器永久开启,即使小黑窗被意外关掉我们的服务还是在运行
react.js报错信息（一）之error: 'Link' is not exported from 'react-router'
出错原因：通常在 React 中，一般要引入两个包，react和 react-dom，那么react-router和react-router-dom不同之处就是后者比前者多出了<Link> <BrowserRouter>这样的 DOM 类组件，因此只需引用react-router-dom这个包就OK了
vue报错信息(三)之 Cannot use v-for on stateful component root element because it renders multiple element
翻译：无法对有状态组件根元素使用v-for，因为它呈现多个元素。看完翻译我们要确定几个关键词（见翻译红字），我们如果直接在template标签下直接使用v-for会出现当前错误
react.js报错信息（三）之使用create-react-app命令创建一个项目,运行npm run eject报错Remove untracked files, stash or commit
运行了里面带的start，build命令都会出现以上错误，看到这句话【Remove untracked files, stash or commit any changes, and try again.】翻译【删除未跟踪的文件，隐藏或提交任何更改，然后重试。】有没有一点熟悉，对就是提交git的信息，解决办法如下
vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''
报错 npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的，
纯CSS3方块跳动加载动画特效
利用css3动画属性完成动态效果，让人眼前不在是死气沉沉的，给人眼前一亮的感觉
table表格固顶固列
一个table表格固顶固列插件
手机移动端滚轮式时间选择
简单实用的滚动行时间轴选择，适用于手机端
canvas实现下雪堆积效果
一款漂亮的html5canvas下雪效果，模仿雪花堆积
打字机特效
一个漂亮的打字机特效
HTML5 canvas烟花动画代码
HTML5 canvas烟花动画代码，生日祝福烟花动画，全屏显示。
http地址双斜杠//开头的url（依赖协议的url）
发现好多网站的链接都是这种URL是以双斜杠“//”开头的，这种写法有特殊的用途，它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。防止IE下出现“This Page Contains Both Secure and Non-Secure Items”的报错。
react-native报错信息之Super expression must either be null or a function
react-native报错信息之Super expression must either be null or a function一般检测如下四步方可解决。1、确认一下React.Component是否书写正确，不是React.component或者React.Comonent…2、检查下React版本，确保更新到0.13.x及更高版本3、检查模块间是否存在循环依赖4、确认导入的库是否正确
react-native从入门到精通搭建app（九） 一一 标签导航和抽屉导航嵌套使用
createDrawerNavigator与createBottomTabNavigator使用，侧栏与底部导航的使用，嵌套使用的话我们要用到createStackNavigator为您的应用提供一种在每个新屏幕都放在堆栈顶部的屏幕之间过渡的方式。
react-native报错信息之 The component for route 'X' must be a React component.
错误语句The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件问题原因就是我们没有把组件导出造成的在最后加上export default 导出页面即可
react-native从入门到精通搭建app（三） 一一 路由依赖安装
React Navigation社区今后主推的方案是一个单独的导航库react-navigation，它的使用十分简单。React Navigation 中的视图是原生组件，同时用到了运行在原生线程上的Animated动画库，因而性能表现十分流畅。此外其动画形式和手势都非常便于定制。要想详细了解 React Navigation的具体用法，文档官网（https://reactnavigation.org/docs/en/getting-started.html）
react-native从入门到精通搭建app（四） 一一 路由跳转
在React Native中，从中导出的组件App.js是应用程序的入口点（或根组件） - 它是每个其他组件从中下降的组件。在应用程序的根目录中对组件进行更多控制通常比导出结果更有用createAppContainer，因此让我们导出一个只渲染AppNavigator堆栈导航器的组件。
react-native从入门到精通搭建app（二） 一一 环境搭建
根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发 iOS 和 Android 也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。此篇环境搭建window，如要搭建ios请观看react-native官方文档：https://reactnative.cn/docs/getting-started.html
Android Studio汉化教程
相信大家在刚入门一款新的编译软件的时候经常会因为软件的语言问题，导致使用起来不够流畅，这时候，汉化是我们最好的选择,在这里，我来给大家简单介绍一下AS汉化的方法：
Android studio安装与配置教程
Android studio安装与配置1、首先下载Android studio安装包，可以从下载入口（https://developer.android.google.cn/studio/#downloads）进去下载安装包
react-native从入门到精通搭建app（一） 一一 简介
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
react-native报错信息之Can't find variable
Can't find variable找不到变量，所有在引用前要先定义，官方文档引入的都是在react-native这个本地库里
react-native从入门到精通搭建app（八） 一一 标签导航和抽屉导航（侧滑导航）
利用react-navigation标签导航和抽屉导航实现页面的侧滑还有来回切换
react-native从入门到精通搭建app（七） 一一 头部标题按钮
标题交互的最常用方法是点击标题左侧或右侧的按钮。让我们在标题的右侧添加一个按钮（在整个屏幕上最难触摸的地方之一，取决于手指和手机的大小，但也是放置按钮的正常位置）。
react-native从入门到精通搭建app（六） 一一 头部标题栏设置
在react-native开发的时候我们的头部根据需求来实现相应的展示，可以让我们通过固定动态自定义的方式达到标题的修改
react-native从入门到精通搭建app（五） 一一 路由跳转传参
react-native路由跳转传递参数有两种方法，第一种：通过将params放入对象作为该navigation.navigate函数的第二个参数，第二种：通过将getParam传递来动态设置标题头
react.js报错信息（四）之npm run build打包空白报错
React项目npm run build打包上线后，页面出现空白的原因同vue打包空白错误一样就是路径问题，在react打包运行的时候出现错误导致页面空白无法访问
react.js从入门到精通（五）——组件之间的数据传递
组件之间在静态中的数据传递，从上面的代码我们可以看出，两个组件之间的数据是分离，但如果我们有某种需求，将数据从一个组件传到另一个组件中，该如何实现？
react.js从入门到精通（三）——生命周期钩子函数的使用
什么是组件？当一个页面所需要呈现出的内容过多，如果我们将所有的页面写在同一个.js文件中，会显得代码比较乱，给往后的代码维护造成困难。所以我们在编写代码的过程中，将某些部分提取出来，写在另一个组件中，然后在主页面中引入这个组件。 组件实际上是代码封装的一种，我们可以将经常使用到的一些功能及样式封装成一个组件，然后只需要调用这个组件便能调用这些功能和样式。这样做既方便了代码的管理又增加了可维护性。
react.js从入门到精通（四）——组件的基本使用
（1）一个.js文件中代码量过大，不好维护。（2）某些功能或样式在项目中大范围使用，组件起到了封装代码的作用。
react.js从入门到精通（一）——我的第一个react实例demo
本篇教程介绍react的从入门到精通，通过简单的demo带领大家走进react的世界
react.js从入门到精通（二）——变量的定义和初始化、事件的使用
web前端变量的定义和初始化、事件的使用和通过事件去操作界面的，所以在开发的过程中会用到大量的事件来操作dom
react.js引入配置less
react.js引入配置less，来实现动态管理背景主题
react.js从入门到精通（七）——数据交互
在react脚手架创建的项目中，类似像axios请求这样的公共方法，需要给它设定到一个全局的方法中。对比vue，vue可以直接在main.js中直接Vue.prototype.$axios = function(){}这样的形式绑定全局的方法。这样就不用每一个vue文件都去引用axios这个文件了，也方便进行统一的管理。那么react是不是也可以类似的在index.js中react.prototype绑定全局方法呢。答案是不行！！！
react.js从入门到精通（六）——路由的使用
在pc端页面之间的切换，我们要使用a标签来实现在react.js开发中，我们采用组件化操作，一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。 我们知道react.js是一种单页面项目开发，就是在一个主页面的基础上存放各种子页面。这就好像一根网线连接路由器，而路由器能分出很多根网线连接大量的电脑。所以我们将单页面项目的页面跳转称为路由。 在第一篇放出的框架中，我们介绍过专门用来管理路由的文件——routes.js文件。
react.js报错信息（二）之 Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node
在学习的时候难免遇见奇葩的报错，这个报错就是我们疏忽的报错Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node_modules\React\react'.音译/SRC/导航JS找不到文件：“index.js”与磁盘上的相应名称不匹配：“.\node\modules\react\react”。
git如何删除已经提交的文件或文件夹
Git-git push在删除完我们提交的时候可能会出现一个403的错误提示403错误，我们通过重置路径来重新登陆上传
用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误
在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示
uniapp picker 多列数据不更新问题
Uni-app 官方实例里的 多列选择器picker 在设置数据的时候我们是动态改变的发现，this.value[0] = [数组内容]，发现picker里的内容没有改变，很是苦恼，这样难道不对吗，然后追梦猪找到官方文档，如下
uniapp真机安卓返回上一页修改参数问题
在uniapp一套代码编到7个平台的页面h5中我们的返回上一层要和微信app中返回是共用的getCurrentPages方法获取上页的数据然后通过getCurrentPages找到上一页的参数进行修改的，h5网页测试的时候完好
来一场轰轰烈烈的HTTP协议扫盲革命
TCP/IP体系有人把它分为四层也有人把它分为五层，不同书有着不同的分法。五层和四层的区别就在于五层的数据链路层和物理层对应着四层的网络接口层。二者都对，不必要纠结，了解一下即可。如果按照协议划分的话，物理层是没有必要单独划分出来的，毕竟物理层是没有协议的。本篇文章采用的是四层结构。
vue项目优化之按需加载组件-使用webpack require.ensure与import
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
vue在ios返回上一路由白屏
有时候当你加载第二页或者下拉到更高的高度的时候会出现白屏，这跟vue框架也有关系，第一次用点击路由切换我们就会遇到第一页滑到800高度，路由跳转会在同样的高度，而不是顶部0的位置只能给一个window.scrollTo(0, 1) window.scrollTo(0, 0)
Vue根据菜单json数据动态按需加载路由Vue-router
Vue根据菜单json数据动态按需加载路由Vue-router,实现路由动态化
vue组件里定时器销毁问题
vue组件里定时器销毁问题，我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。
mysql sql语句大全
一、说明,1、说明：创建数据库CREATE DATABASE database-name。2、说明：删除数据库drop database dbname。3、说明：备份sql server--- 创建 备份数据的 deviceUSE masterEXEC sp_addumpdevice 'disk', 'testBack', 'c:\mssql7backup\MyNwind_1.dat'--- 开始 备份BACKUP DATABASE pubs TO testBack
常用SQL语句及在node中使用MySQL
SELECT - 从数据库中提取数据,UPDATE - 更新数据库中的数据,DELETE - 从数据库中删除数据,INSERT INTO - 向数据库中插入新数据,CREATE DATABAS - 创建新数据库,ALTER DATABASE - 修改数据库,CREATE TABLE - 创建新表,ALTER TABLE - 变更（改变）数据库表,DROP TABLE - 删除表,CREATE INDEX - 创建索引（搜索键）,DROP INDEX - 删除索引,SELECT - 从数据库中提取数据
MySQL的简单查询语句
msyql查询所有数据，根据条件查，模糊查询，排序，统计函数（聚合函数），分组查询，分页查询，去重查询使用
js敏感词屏蔽
利用正则替换实现敏感词替换，达到恶意字符进行屏蔽的效果
正则表达式匹配金额小数点两位js
匹配金额，就这小小的一串达到我们要匹配的金额的结果，我们在匹配金额的时候，固定的输入还可以，但是让用户单独输入我们就要考虑好多中结果，不能直接输入小数点，小数点只能是一位，小数点后面只能输两位，等等问题要我们去限制用户的输入，所有的判断不如一句正则来实现金额0.2,2.0,2.00,0.22，.33,3.22等等金额的匹配
比较常用的几个正则表达式(匹配数字)
比较常用的几个正则表达式(匹配数字),用来匹配相应的内容
apache设置代理访问nodejs本地服务phpstudy配置域名访问
apache设置代理访问nodejs本地服务phpstudy配置达到用域名访问本地环境配置
Node.js如何设置允许跨域
记录所以nodejs跨域处理方式，处理跨域域名多个或单个配置
node+express+http实现qq互联实现QQ第三方登录详细步骤
使用node+express+http实现qq互联实现QQ第三方登录网站，实现网站用户不注册登陆，发布权限获取
uniapp打包提示DCloud APPID非当前账号所有
在hbuilderX启动拷贝下来的项目的时候uniapp云端打包提示：“DCloud APPID非当前账号所有，请联系应用所有者设置此账号为协作者，或重新生成APPID后打包”
Charles（花瓶）抓包工具，安卓手机抓包工具，https抓取
Charles是一个抓包工具是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信，这些包括request, response和HTTP headers （包含cookies与caching信息）。
vue之 vue-baidu-map 百度地图定位不准确有偏差的解决方法
vue环境下使用百度地图定位发现，地图定位不准确，有偏差，带红叉的是我们赋值的没有转换坐标的定位，对号是我们转换了坐标以后的定位，相对来说转换的坐标是符合我们的定位要求的，为什么会出现这样的差别呢，那先来看看坐标的种类：目前国内主要有以下三种坐标系：
vue之 IOS苹果自动定位问题 vue-baidu-map首次进入无法定位问题
安卓电脑上都没有问题苹果7却出现了进去以后获取不到的问题，经过查找发现getCurrentPosition的问题，我们去试这打印这个函数发现苹果7下的getCurrentPosition无法获取
webpack + vue之抽离style样式css方法
大部分使用过webpack的朋友都知道，抽离css需要使用到webpack的插件extract-text-webpack-plugin，vue也不例外。官方给的vue-loader的文档里面有这样的描述。不要在style上添加scss或者less，否则你要去配置他们的抽离 我们现在抽离.vue文件下的style的css样式，zmz在测试了很多得出以下不是结论的结论，由于第一次玩没有别人指点走了不少弯路，现在总结如下，抽离普通css样式，（适合style默认lang）
vue eslint开发严格模式警告错误解决方法
首先缩进不能用tab要用空格这个比较恶心，因为习惯了tab缩进的习惯用空格去缩进就比较别扭了，意外的制表符（Unexpected tab character），在“{”之前找到的多个空格（Multiple spaces found before '{'），混合空格和制表符（Mixed spaces and tabs），预期缩进6个空格，但找到6个制表符（Expected indentation of 6 spaces but found 6 tabs），“返回”后的预期空间（Expected space(s) after "return"）
vuex的搭建与初始化
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
vue移动端下拉刷新组件、上拉加载组件
原生编写vue移动端下拉刷新组件、上拉加载组件，满足移动端的刷新加载，但是还是有点小瑕疵，仅供参考
vue2.0项目CSS3动画打包后动画失效解决
在vue2.0项目里我们发现外部引入的组件css3动画失效，但是在浏览器当中没有问题，一打包css3动画就失效，我们在打完包以后发现浏览器对动画特效没有出现兼容的状态，因此我们想到css3动画在框架下没有生效，最后找到是脚手架package.json没有加兼容处理
Vue 弹出层时 禁止页面滑动
在做移动端或者pc端的时候我们自定义弹窗发现后面的body比较高会出现滚动条，所以我们在显示弹窗的时候隐藏掉滚动条，但是pc端可以完美的用overflow：hidden，可是移动端呢，安卓可以实现这样的效果，但是到了苹果手机上overflow：hidden行内可能不兼容造成无法隐藏滚动条，不建议在行内使用overflow：hidden,我用了类名样式去实现这样的隐藏
vue报错信息(二)之 Error: [vuex] Do not mutate vuex store state outside mutation handlers.
该报错从文本意思理解还是很清晰的，不要在mutation函数外修改vuex中存储的值。通常情况下，vuex挂载到vue上之后，vuex中的值可以在组件中修改
tortoiseSVN导出的项目没有.svn文件夹，tortoisesvn没有右侧选项，项目鼠标右键没有svn提交，更新
当我安装好新的tortoiseSVN的时候，当我导出了项目发现，在项目鼠标右键没有svn提交这个选项，当选择tortoiseSvn的选项时，它的菜单也不对，同时项目文件夹下也没有.svn的文件。
Node.js开发Web后台服器（完整版）
Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
[thinkPHP5项目实战_05]自动生成目录结构
ThinkPHP5.0 具备自动创建功能，可以用来自动生成需要的模块及目录结构和文件等，自动生成主要调用\think\Build类库。
node开发Web服务器报错（四）之 Cannot enqueue Handshake after invoking quit
当我们连接数据库的时候，可能是第一次用，也可能编写Cannot enqueue Handshake after invoking quit失误，造成以下错误，这个错误是第二次或2+n次跟第一次的连接产生了冲突导致的！
Node.JS连接mysql数据库及Cannot enqueue Handshake after invoking quit错误
当我们使用node.js写网站的时候，难免会有一些操作让我们连接数据库，并对数据库经行操作，但是每次都需要对数据库进行连接与断开连接，及导致Cannot enqueue Handshake after invoking quit错误
Node.js开发Web后台服务（八）之RESTful（表述性状态转移）
REST是英文Representational State Transfer的缩写，中文称之为“表述性状态转移”,基于HTTP协议是另一种服务架构,传递是JSON、POX（Plain Old XML）而不是SOAP格式的数据充分利用HTTP谓词（Verb）侧重数据的传输，业务逻辑交给客户端自行处理
node在线更新代码无需重启热加载部署教程
我们在写node服务的时候，如果修改或者添加一些路由的时候，都需要重启服务器，这对于我们开发来说太浪费时间了，而且说实话很烦，所以配置node热加载不用频繁重启，进行代码更新的要求！追梦猪（zmz）介绍的就是node-dev热加载。
ThinkPHP 小于5.0.24 远程代码执行高危漏洞 修复方案
由于ThinkPHP5框架对控制器名没有进行足够的安全检测，导致在没有开启强制路由的情况下，黑客构造特定的请求，可直接GetWebShell。
Node.js开发Web后台服务（七）之json数据工具库lodash
lodash这是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。可以非常方便的操作json。
nodejs之ejs模板引擎介绍
"E" 代表 "effective"，即【高效】。EJS 是一套简单的模板语言，帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已。纯 JavaScript我们热爱JavaScript，他是一门友好的编程语言。所有模板语言都要成长为图灵完备的语言，也就是说要增加一个中间层。何必呢，直接用 JS 吧！
Node.js开发Web后台服务（六）之ejs基础
ejs是一个Express Web应用的模板引擎，在NodeJS开发中可以选择的模板引擎可能是所有Web应用开发中范围最广的，如jade、ejs、htmljs、swig、hogan.js，但ejs是最容易上手的，与jsp,asp,php的原始模板引擎风格很像。
node开发Web服务器报错（二）之 NotFoundError: Not Found
追梦猪（zmz）在进行node路由访问的时候突然报错，只提示了NotFoundError: Not Found 字样跟一些报错提示，寻找半天发现是我们没有定义当前访问的路由产生了如下错误，在此记录。
node开发Web服务器报错（三）之 ReferenceError
追梦猪（zmz）在进行node路由访问的时候突然报错，只提示了ReferenceError 字样跟一些报错提示，这是我们在引入一些页面或者参数引发的错误，在此记录。
[thinkPHP5项目实战_04]命名空间的引入
即在命名空间中引入其他的命名空间，使用use操作符实现。引入其他的命名空间后，使用只需在元素前面加上子命名空间的前缀即可，无需写上引入的全部空间名称
node开发Web服务器报错（一）之 npm突然找不到npm-cli.js的解决
在安装完express框架然后执行npm的时候悲催的发现，npm找不到了提示我们npm-cli找不到
Node.js开发Web后台服务（四）之Express框架
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。使用Node.js作为AngularJS开发Web服务器的最佳方式是使用Express模块。
Node.js开发Web后台服务（三）之node包管理器
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：a)、允许用户从NPM服务器下载别人编写的第三方包到本地使用。b)、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。c)、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
Node.js开发Web后台服务（二）之启动项目
引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。创建服务器：服务器可以监听客户端的请求，类似于TomCat、IIS、Apache 、Nginx 等 HTTP 服务器。接收请求与响应请求 服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。
node开发Web服务器报错（一）之 Error: listen EADDRI
在进行node开发web服务器的时候我们会遇见各种各样的报错，但是各种报错都是在试验结束通过了才能用，导致我们在开发的时候遇见很多错误，走过许多弯路，追梦猪整理当前node报错信息及解决的办法为node开发提供很好的遍历服务。
Node.js开发Web后台服务（一）之环境配置
Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
Node.js开发Web后台服务（五）之request对象与response对象
Request 对象 - request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性。Response 对象 - response 对象表示 HTTP 响应，即在接收到请求时向客户端发送的 HTTP 响应数据。
NodeJS+express创建初始化目录文件
nodejsWeb服务器，express框架初始化文件搭建及使用
webpack手动搭建es6+less开发环境及打包的代码教程
目标,首先可以实现开发环境，保存代码自动更新 其次，可以将代码进行压缩打包,实现,我们需要搭建一个webpack环境，没有node的自行百度安装，然后用npm安装webpack，全局安装
[thinkPHP5项目实战_01]thinkPHP5的引入及域名重新定向
thinkphp5的项目实战了解tp框架，可以根据自己不同的业务逻辑进行拓展，本教程是入门型的，相关拓展请自行解决
[thinkPHP5项目实战_03]子命名空间及命名空间的访问方式
子命名空间定义,PHP提供了层次化的空间命名方式，类似于一个虚拟目录，tp5会自动加载该命名空间
canvas绘制表格
追梦猪（zmz）最近在学习canvas画图表，所有收藏一下相关的demo，供有缘人参考，Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。
[thinkPHP5项目实战_02]命名空间的定义
命名空间解决的问题，用户编写的代码与PHP内部的类/函数/常量或第三方类/函数/常量之间的名字冲突；为很长的标识符名称(通常是为了缓解第一类问题而定义的)创建一个别名（或简短）的名称，提高源代码的可读性。 作用：对类、函数和和const定义的常量起作用
seo优化|为什么网站没有排名
到达搜索引擎结果页面的顶部位置可以提高您公司的曝光率，使您成为行业权威，并提供您想要看到的ROI类型。那么为什么你的网站排名不高呢？这是每家公司在某个时刻都在问自己的百万美元问题。不幸的是，没有一百万美元的答案。或者，至少，没有一个单一的数百万美元的答案。
SEO优化|我们的优化盲点
常说SEO都是只在此山中，云深不知处，当你一直从事网络推广，并且一直在做网站优化的时候，越是做到最后，越是不知道自己到底在做什么，在遇到一些很简单的问题上，总是存在懵逼状态，为什么优化眼中常含泪水，那是因为对网站排名爱的深沉。
ThinkPHP（tp5）一键生成静态方法
常说的页面静态化分为两种，一种是伪静态，即url 重写，一种是真静态化。前两篇讲了两种静态化方法，基本都是使用TP自带的静态化机制。但TP写的网站页面路由都比较繁琐复杂，不利于引擎优化。
javascript获取昨日、今日、本周、本月
追梦猪在项目中用到了，昨日、本周、上月等时间查询特此记录，以后入坑者学习
vue项目 | Javascript窗口对象退出清除localstorage
最近在做vue-h5项目的时候测试当中有这么个需求：要在微信当中没有执行退出操作的时候，直接关闭窗口，进行退出登录操作要清除用户的信息，经过测试记录使用如下：
SEO优化|如何让网站关键词排名快速提高
很多SEO小白都问这样的问题：网站排名如何提高？如何快速提升网站关键词排名？听到有人这么问就头大，这哪儿是三言两语就能解释得清楚的，如果简单几句就能把网站排名提高的策略说清楚，那么就不用参加什么系统的SEO培训了。但是，追梦猪seo今天破例给大家提供一些方向，至于网站排名能否提高就要靠大家自己去努力了。
JavaScript 获取鼠标点击位置坐标
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容
seo优化|搜索引擎的蜘蛛抓取页面
爬行和抓取：搜索引擎蜘蛛通过跟踪链接发现和访问页面，读取页面HTML代码，存到数据库。预处理：索引程序对抓取来的页面数据进行文字提取、中文分词、索引、倒排索引等处理，以备排名程序调用。排名：用户输入查询词(关键词)后，排名程序调用索引数据，计算相关性，然后按一定格式生成搜索结果页面。
seo优化|查看网站是否被降权
大部分站长都有网站被降权的经历，有的不严重，经过调整很快恢复排名。而有的，迟迟不见恢复，最后被迫换了域名做了新站。我们如何查看网站是否降权？被降权后该怎么做调整呢？
网站不收录怎么解决？
很多SEO小白都会向所谓的大神取经，最基本的就说“网站不收录怎么解决？”这个问题吧，其实是非常简单的一件事情
seo优化|浅析百度搜索结果中出现标准格式日期的原因
自打奇虎上线了搜索业务以后，百度一直都在做调整，声称是为了进一步提高用户的搜索体验以及净化互联网环境，虽然众多站长被这一系列的调整搞得心里七上八下，很多“中枪”的站长甚至说百度这一系列的举动完全是为了它自己。毫无疑问，百度作为一家商业公司不管他做什么样的调整，不管是好是坏最终肯定是为了自己，但通过我对普通用户的调研发现似乎他们这些调整用户确实感觉更好了。
seo优化 高质量文章编写技巧
SEO原创文章和软文的区别，seo教程文章原创：百度百科是这么解释的：原创(英语：Original)，指的是创作或发明出全新的作品，而不是由复制，改编，剽窃，模仿，抄袭，二次创作，或系列作的衍生作品。从这个字面理解，原创不能复制，不能改编，不能剽窃，不能模仿，不能抄袭，不能二次创作，不能是系列作品。
iOS移动端设备下js时间倒计时报错nan
追梦猪最近在做移动端项目 ，有个设置开始时间和结束时间，然后倒计时 这个活动还有几天。在安卓上能正确转换时间，但在iOS上不能显示，为NaN-NaN1-NaN Invalid Date， 就好比new Date('2017-09-18 14:58:32').getTime();
友情链接我们要怎么做才好
对于友情链接，我们千万不能随便做，我看了很多站长的网站都没有与别人的网站做友情链接，也看到不少朋友的网站与别人的网站做了“友情链接”，但做的不合适或者说没做好，甚至有的网站做的是一相情愿的链接指向而不是友情链接。因此，我想告诉站长们，友情链接应该做，但千万不要随便做！
追梦猪seo针对于移动端seo优化和排名技术
追梦猪seo：移动端网站的seo优化和排名技术，追梦猪seo：移动端seo优化和排名技术怎么实现?现在移动端的用户是呈上升趋势的，但是很对seo优化人员对移动端的优化和排名理解的不够透彻，下面就让追梦猪seo小编带大家来了解一下移动端的优化跟排名的技巧，一起来看看吧：
网站seo优化我们要做哪些
网站内部结构如果太复杂了可能不利于蜘蛛的爬行和搜索，网站内部结构也是要做好诊断问题，如果说是做不好诊断的话，也没有办法在关键词排名的时候达到一个比较好的关键词排名，如何才能做好网站内部结构的诊断？
Vue2.0+组件库总结
追梦猪爬坑记录教程总结，供相关行业伙伴使用
对网站关键词排名 有致命作用的 nofollow标签
标签是一个站点它必须要使用的元素，比如我们可以利用meta标签声明很多内容，常见的就是提交搜索引擎时利用meta标签验证，再比如可以最重要的标签，TDK也是通过META标签告知搜索引擎的。当然，标签有很多种，在网站互换过程中，经常会用到一个标签，那就是nofollow标签。那么nofollow标签有什么作用及特点呢？
seo如何优化文章
很多类型的网站，都不可避免的需使用文章内容来做排名，作为seo行业人员该如何优化文章是当前面临的，一直面临的问题。内容为王的说法一直不过时，合适的文章内容是白帽seo工作的重中之重。
vue报错信息(一)之 fns.apply is not a function
追梦猪在做vue项目的时候会遇见各种各样的奇葩报错，以此收集来带入坑不知所措的坑友脱坑，当你在改完vue代码进行热加载的时候，我们的控制台出现了报红（也就是错误）,打开控制台f12看到以下如图所示错误：
利用css及css3属性进行盒子的垂直居中
在编写前端的时候我们会遇见让一个盒子居中的问题，所以在这里做了一个汇总以便大家使用，如果有哪些更好的方法请联系追梦猪！
SEO | 如何设置优秀的SEO标题
对于一个网站来说，设置一个有利于网站SEO优化的非常重要，是使自己的网站从同行的网站中脱颖而出重要一步。一个好的网站标题，能够促使网站关键词获得快速的排名，能够牢牢地扣住网站内容的核心，还能够吸引住用户眼球而导致用户忍不住点击。
通过.htaccess实现HTTP重定向HTTPS访问
在网站http跳转https的时候我们的免费证书只能使主域名跳转，而二级域名就成了危险标识，所利用规则只让顶级域名跳转https，二级域名正常访问http
纯css3鼠标滑过从中间向两边扩散效果
利用伪类实现从中间到两边的一个效果，其实这个效果是视觉误差造成产生的，当我们鼠标滑过的时候我们给的值为left：0，width：100%当我们把transiton属性去掉的话，这个效果就是left ：0和width：100%同时进行达到慢慢的展开造成了从中间向两边的展开效果。
Linux常用命令大全
Linux常用命令大全,现在做开发的后台越来越多的使用linux作为服务器环境
vue前端框架面试问题汇总，附答案
vue前端框架面试问题汇总，附答案
ECharts制作饼状图
一个ECharts制作饼状统计图形
炫丽的canvas3D烟花
一款3D视角旋转的漂亮的烟花效果，给人一种真的处在一个烟花节的世界中
ES6判断对象类型的方法
typeof的一个不好的地方就是它会把Array还有用户自定义函数都返回为object
微信公众号，分享功能（朋友圈或朋友）
微信公众号，分享功能（朋友圈或朋友）也就是h5分享跟前面的教程类似
基于vue2.0的分页组件开发
要从父组件传哪些必要的参数，即子组件需要提供什么接口组件需要去实现哪些功能我们要返回哪些参数给用户
vue-swiper的使用
vue引入swiper插件来完成我们所需要的轮播滑效果
使用vue多组图片上传
本文使用原生的上传有局限性，ios手机能同时选择多张图片，而安卓手机只能一张一张上传，不能一次性选择多张。所以建议调用 微信JS SDK。
ThinkPhp5 实现token登陆
首先创建函数: checkToekn($token)函数用于检验 token 是否存在, 并且更新 token创建函数:douserLogin($username,$password)用于验证用户名密码, 并登陆, 返回 token 信息
Vue.js钩子函数的使用技巧和生命周期详解
Vue.js中提供了许多函数，有一些函数非常有用，它将组件创建到完成渲染这段时间进行了无限放大，其实在这段时间内我们可以做好多工作，这在其他框架下是没有的，非常实用
phpmailer在ThinkPHP中的使用
注册的时候我们经常需要给注册用户发送邮件进行激活验证，我们一般使用最多的就是phpmailer这个类库。今天自己研究了半天，和ThinkPHP进行了一下整合。方便初学者参考
jquery插件开发
为了不污染全局，挂载一个对象作为命名空间，自定义的所有方法放在这里，保证jQuery全局安全。
Javascript原生插件开发
在绚丽插件的路上大多都是依赖型插件，但是我们追求的就是原生型的插件，脱离一些依赖加快一些速度
vue.js2.0父组件点击触发子组件方法
子组件通过$emit触发父组件的事件，$emit后面的参数是向父组件传参，注意，父组件的事件处理函数直接写函数名即可，不要加(),参数直接传递到了父组件的methods的事件处理函数了
H5分享带缩略图，描述，微信内分享到好友，朋友圈
H5分享带缩略图，描述，微信内分享到好友，朋友圈，进行多用户浏览操作
vue实现单选和多选功能
利用vue实现checkbox的多选，radio的单选
SSL数字证书 Apache部署指导https 阿里云
最近看到自己网站右上角出现不安全的标识，发现只有http协议才会出现，所有想给自己追梦猪加上安全的字样，所有写了这篇安装HTTPS的心得，因为个人网站对于https的要求不是很高，所有选择了阿里云的免费HTTPS证书
phpmyadmin 下载、安装、配置
通过phpmyadmin可视化工具挂载到apache通过域名访问mysql数据库操作
微信小程序项目实例大全
小程序相关实例集合，参考小程序集合相关实例
微信小程序实现tabs选项卡
微信内部很多组件都已经封装好了,但是却没有tab选项卡的组件，选项卡还是很常用的，我们主要通过微信内置组件根据一些属性来进行切换达到我们的需求
phpmyadmin 上备份数据库导入 navicat formysql
最近自己在phpmyadmin工具上备份的数据库用navicat for mysql工具导入，网站打开各种字段报错也就是1366报错
THINKPHP 默认模板路径替换变量输出
有时候我们需要在模板中输出一下公共的路径，整理了一下我们的thinkphp的变量输出
js内置属性 页面标签距离宽高获取
在写一些拖拽或者固顶效果会用到一些内置的属性，下面是搜集的一些内置属性
Apache 的多站点(虚拟主机)配置
一台服务器,项配置多个端口去实现不同站点的访问，不同的端口监听
js 获取audio时长
写js时在网上找了很多获取音频时长都获取不到，然后搜索各种试最后终于可以，记录下来方便以后使用
jquery 字符串转数字
parseInt(string) 这个函数的功能是从string的开头开始解析，返回一个整数，说起来比较笼统，
MUI click事件无效 click没反应 click监听不到
MUI click事件无效 click没反应 click监听不到(有的说tap会点击两次，换成click就没事的案例，试了一下不成功还是用tap比较好)
html5 audio音频，video视频currenttime设置失效
今天在做一个音乐播放的插件，遇见了一个currentTime属性无法赋值的问题，我们在（红箭头指向）此进行了赋值但是我们点击播放按钮的时候发现打印的_that.audios.currentTime值一直为0
X-Frame-Options 响应头配置避免点击劫持攻击
当值为DENY时，浏览器会拒绝当前页面加载任何frame页面；若值为SAMEORIGIN，则frame页面的地址只能为同源域名下的页面；若值为ALLOW-FROM，则可以定义允许frame加载的页面地址。
Apache设置禁止访问网站目录配置失误漏洞
Apache默认在当前目录下没有index.html入口就会显示网站根目录，让网站目录文件都暴露在外面，是一件非常危险的事，例如：数据库密码泄露，隐藏页面暴露等严重安全问题！
apache配置虚拟目录、一个站点使用多域名配置方式
我们在apache的httpd.conf文件中搜索VirtualHost 可能搜索到好几个可能都不是我们看到如下的内容，那么我们就把下面的复制放到某个地方
php环境配置获 取不到驱动解决方法could not find driver解
我们配置好apache和php之后因为不是用的集成的环境，所以都需要我们去手动开启一些配置，来支持环境运行，我们所测试的为thinkphp5.0开发环境！
HTML <!DOCTYPE> 标签
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
HTML <ol> 标签
<ol> 标签定义有序列表。
HTML <noscript> 标签
noscript 元素用来定义在脚本未被执行时的替代内容（文本）。
HTML <noframes> 标签
noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
HTML <nav> 标签
<nav> 标签定义导航链接的部分。
HTML <meter> 标签
<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。
HTML <meta> 标签
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
HTML <menuitem> 标签
<menuitem> 标签定义用户可以从弹出菜单调用的命令/菜单项目。
HTML <menu> 标签
带有两个菜单按钮 （"File" 和 "Edit"） 的工具栏，每个按钮都包含带有一系列选项的下拉列表
HTML <mark> 标签
<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
HTML <map> 标签
定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。
HTML <main> 标签
<main> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。
HTML <audio> 标签
一段简单的 HTML 5 音频，<audio> 标签定义声音，比如音乐或其他音频流。
HTML <link> 标签
<link> 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表。
HTML <li> 标签
<li> 标签定义列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
HTML <legend> 标签
legend 元素为 fieldset 元素定义标题（caption）。
HTML <label> 标签
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
HTML <keygen> 标签
<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。
HTML <ins> 标签
所有主流浏览器都支持 <ins> 标签。注释：没有主流浏览器能够正确地显示 <ins> 标签的 cite 或 datetime 属性
HTML <input> 标签
<input> 标签用于搜集用户信息。
HTML <img> 标签
img 元素向网页中嵌入一幅图像。所有浏览器都支持 <img> 标签。
HTML <iframe> 标签
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
HTML <i> 标签
<i> 标签显示斜体文本效果。
HTML <hr> 标签
<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
HTML <header> 标签
<header> 标签定义文档的页眉（介绍信息）。HTML 4.01 与 HTML 5 之间的差异。<header> 标签是 HTML 5 中的新标签。
HTML <head> 标签
一个简单的 HTML 文档，带有最基本的必需的元素
HTML <h1> 到 <h6> 标签
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
HTML <frameset> 标签
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
HTML <frame> 标签
<frame> 标签定义 frameset 中的一个特定的窗口（框架）。frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等等。
HTML <form> 标签
<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等
HTML <footer> 标签
<footer> 元素应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
HTML <font> 标签
<font> 规定文本的字体、字体尺寸、字体颜色。
HTML <figure> 标签
figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。
HTML <figcaption> 标签
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置
HTML <fieldset> 标签
fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。
HTML <embed> 标签
<embed> 标签定义嵌入的内容，比如插件。
HTML <dt> 标签
定义和用法所有浏览器都支持 <dt> 标签。<dt> 标签定义了定义列表中的项目（即术语部分）。
HTML <dl> 标签
<dl> 标签定义了定义列表（definition list）。<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
HTML <div> 标签
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
HTML <dir> 标签
标签定义目录列表。所有主流浏览器都支持 <dir> 标签。
HTML <dialog> 标签
定义和用法目前只有 Chrome 和 Safari 6 支持 <dialog> 标签。<dialog> 标签定义对话框或窗口。
HTML <details> 标签
定义和用法目前只有 Chrome 和 Safari 6 支持 <details> 标签。<details> 标签用于描述文档或文档某个部分的细节。
HTML <del> 标签
定义和用法所有主流浏览器都支持 <del> 标签。定义文档中已被删除的文本。
HTML <dd> 标签
定义和用法所有浏览器都支持 <dd> 标签。<dd> 在定义列表中定义条目的定义部分。
HTML <datalist> 标签
<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。
HTML <command> 标签
<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。
HTML <wbr> 标签
Word Break Opportunity (<wbr>) 规定在文本中的何处适合添加换行符。
HTML <ul> 标签
<ul> 标签定义无序列表。
HTML <colgroup> 标签
<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。如需对全部列应用样式，<colgroup> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。
HTML <u> 标签
<u> 标签可定义下划线文本。
HTML <col> 标签
<col> 标签为表格中一个或多个列定义属性值。如需对全部列应用样式，<col> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。
HTML <tt> 标签
<tt> 标签呈现类似打字机或者等宽的文本效果。
HTML <track> 标签
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
HTML <em><strong><dfn><code><samp><kbd><var><cite>标签
以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。
HTML <tr> 标签
<tr> 标签定义 HTML 表格中的行。
HTML <cite> 标签
<cite> 标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
HTML <title> 标签
<title> 元素可定义文档的标题。
HTML <center> 标签
对其所包括的文本进行水平居中。定义和用法所有浏览器都支持 <center> 标签。
HTML <time> 标签
<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。
HTML <caption> 标签
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
HTML <canvas> 标签
<canvas> 标签定义图形，比如图表和其他图像,只是图形容器，您必须使用脚本来绘制图形。
HTML <thead> 标签
<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
HTML <button> 标签
如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本，而其他浏览器将提交 value 属性的内容
HTML <th> 标签
th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。
HTML <br> 标签
<br> 可插入一个简单的换行符。<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
HTML <tfoot> 标签
<tfoot> 标签定义表格的页脚（脚注或表注）。该标签用于组合 HTML 表格中的表注内容。
HTML <body> 标签
body 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
HTML <textarea> 标签
<textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）
HTML <blockquote> 标签
所有主流的浏览器均支持 <blockquote> 标签。注释：没有浏览器能够正确地显示 cite 属性。
HTML <td> 标签
<td> 标签定义 HTML 表格中的标准单元格。
HTML <big> 标签
使用 <big> 标签可以很容易地放大字体。这简直不能再简单了：浏览器显示包含在 <big> 标签和其相应的 </big> 标签之间的文字时，其字体比周围的文字要大一号
HTML <tbody> 标签
<tbody> 标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。
HTML <bdo> 标签
定义和用法所有浏览器都支持 <bdo> 标签。bdo 元素可覆盖默认的文本方向。
HTML <bdi> 标签
bdi 指的是 bidi 隔离。<bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时，该标签很有用。
HTML <sup> 标签
包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。
HTML <summary> 标签
<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。
HTML <sub> 标签
包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。
HTML <style> 标签
<style> 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
HTML <strike> 标签
<strike> 标签可定义加删除线文本定义。
HTML <basefont> 标签
<basefont> 标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
HTML <span> 标签
<span> 标签被用来组合文档中的行内元素。
HTML <source> 标签
<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
HTML <base> 标签
<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
HTML <small> 标签
<small> 标签呈现小号字体效果。
HTML <select> 标签
<select> 元素中的 <option> 标签用于定义列表中的可用选项。
HTML <b> 标签
<b> 标签规定粗体文本。所有浏览器都支持 <b> 标签。
HTML <section> 标签
<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
HTML <script> 标签
<script> 标签用于定义客户端脚本，比如 JavaScript。script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
apache2.4+php5.6环境搭建window服务器
特别注意如果版本不对应那么安装一定会出错的，apache是x64那么php也要对应x64,apache也有对应的php加载语法，例如apache2.4+php5.6环境 对应的加载php5apache2_4.dll
HTML <s> 标签
<s> 标签是 <strike> 标签的缩写版本，Netscape 和 Internet Explorer 都支持它。但在 HTML 4 和 XHTML 中已经不再赞成使用它了，意思就是不再使用了；它早晚有一天将会消失。
HTML <ruby> 标签
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
HTML <rt> 标签
<rt> 标签定义字符（中文注音或字符）的解释或发音。
HTML <rp> 标签
<rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
HTML <q> 标签
<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。
HTML <progress> 标签
<progress> 标签标示任务的进度（进程）。
HTML <pre> 标签
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体
HTML <param> 标签
param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 <object> 或者 <applet> 标签提供参数。
HTML <p> 标签
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
HTML <output> 标签
<output> 标签定义不同类型的输出，比如脚本的输出。
HTML <option> 标签
浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。
HTML <optgroup> 标签
optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。
HTML <object> 标签
<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
js时间段时间区间生成方法
获取一天的时间生成1点到2点，2点到3点等等的时间段，也可以生成单个1点，2点等或者2.15,3.15等，根据需要进行拓展
手机端html5触屏事件
用户在移动端浏览H5的时候，会使用手指进行一连串的操作，单击、双击、上拉、下拉等等一系列操作，这里主要针对touch事件进行一些简单的介绍； 用户从手指触碰到屏幕到手指离开屏幕这中间，会触发一系列的touch事件：
HTML <aside> 标签
<aside> 标签定义其所处内容之外的内容。aside 的内容应该与附近的内容相关。HTML 4.01 与 HTML 5 之间的差异
HTML <article> 标签
<article> 标签规定独立的自包含内容。一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。
固定头部和列的table表格
今天做了一个table表格，在互联网日益发展的路途当中，为了遍历操作人员，绞尽脑汁把一切功能制作成时候人脑子思维的东西，当在做数据表格展示的时候，少量数据我们直接一个table便可以实现，但是当数据分类较多的时候我们在滑动的时候还有看到上面对应的头信息那么我
HTML <area> 标签
定义和用法所有主流浏览器都支持 <area> 标签。<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
HTML <table> 标签
<table>标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
HTML <applet> 标签
定义和用法某些浏览器中依然存在对 <applet> 标签的一些支持，但是需要额外的插件和安装过程才能起作用。
jq动态添加的元素触发绑定事件
在做一些项目的时候都需要去动态添加一些节点，比如添加商品规格动态生成一个或多个供用户使用或者生成一个点击按钮删除按钮等，都是动态生成的dom节点，但是为这些动态的节点添加点击事件就发现点击没有效果
vue中wow.js的使用
刚开始我是通过在index页面直接引入wow.js效果，第一天可以，但是第二天就不行了，看了一下代码的前端执行结果发现动画的名称是none，那问题出现在了没有找到动画名称，为什么会出现这样的我想应该是加载顺序导致的，wow.js在页面加载完以后便已经执行了，但是我的数据还没有获取到所有才出现了数据被display：none；
vue单页面网站seo优化
单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇孺皆知。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极强的开发效率的同时，也似乎不可避免的要去处理 SEO 的需求。 本文主要针对 vue 2.0 单页面 Meta SEO 优化展开介绍：
HTML <address> 标签
address标签定义文档或文章的作者/拥有者的联系信息。如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。
百度分享不支持HTTPS的解决方案
现在很多的网站都已上了安全证书SSL实现了HTTPS化，这样不仅使网站的安全得以保证，而且还防止了被一些非法的运营商劫持DNS的情况。虽然说网站上了HTTPS以后，网站的网安全有了保证，但是一些网站的插件是不支持HTTPS的，比如百度的分享代码。
web字体在线转换
制作网站难免有些字体不是默认的，得通过@font-face来加载自己特定的字体，来实现特定的文字效果。
vue之百度分享
百度分享分为自由选择版跟专业开发版，两者的区别在于一个是直接粘贴使用，靠程序去自己抓取内容，缺点有时候不是自己想要的，那么下面的专业开发版就正好满足了开发者自定义开发分享内容的需求
微信小程序之事件bindtap和catchtap
我们都知道bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。
JavaScript常用的正则表达式
正则表达示用来匹配字符串，用来提取指定的信息，达成我们想要的
HTML 实体与格式化标签
在 HTML 文档中，有些字符没办法直接显示出来，例如©使用特殊字符可以将键盘上没有的字符表达出来，而有些HTML 文档的特殊字符在键盘上虽然可以得到，但浏览器在解析HTML 文档时会报错，例如“<”等，为防止代码混淆，必须用一些代码来表示它们。
微信小程序的初体验
登录 https://mp.weixin.qq.com ，就可以在网站的“设置”-“开发者设置”中，查看到微信小程序的 AppID 了，注意不可直接使用服务号或订阅号的 AppID 。
织梦标签调用大全
织梦cms后台条用标签大全，方便用织梦系统建站的小伙伴！
利用@media screen实现网页布局的自适应
利用@media screen实现网页布局的自适应 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值
iis之http重定向https
为了保证域名统一，将访问 我们将对IIS 可以进行如下配置
webPack配置教程(一步步操作)
命令行:cd webpack-demo,npm init (一直回车，知道输入yes); 目录中出现package.json.安装webpack，npm i -D webpack。教程中使用的是最新版本.package.json出现webpack，说明安装成功了。node_modules
webPack之安装配置教程
在src的js下创建一个入口文件, 我创建的叫做entry.js, 在项目目录再创建一个index.html用来调试使用. 编写webpack.config.js文件,
php之private、public、protected
public，公开的，是所有实例都可以访问protected，受保护的，只有存在继承关系的可以访问，比如子类，父类private，私有的，只有对应的类内部能够调用
使用git将项目上传到github
我们可以在github上直接上传文件也可以下载git工具后者虽然安装麻烦但是用起来很方便
微信小程序三级联动地址选择器
地址联动在电商行业是不可或缺的一项功能，从原先的手动输入，到现在的选择填，大大提高了效率，也为用户带来了遍历不用再为找地址而苦恼！
微信小程序之商品分类锚点定位
最近开始做小程序，通读一遍文档再上手并不算难，但不得不说小程序里还是有一些坑。这里说一下如何实现页面锚点跳转，一个商品分类的效果示意图如下：
HTML <acronym> 标签
标记一个首字母缩写,所有主流的浏览器均支持 <acronym> 标签。注释：IE 5.5 或更早版本的 IE 浏览器不支持 <acronym> 标签。
vue生命周期
beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么，创建=>挂载=>更新=>销毁，So easy ！！！
ECMAScript之Map和Set
JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。 但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。
HTML <video> 标签
video标签定义视频，比如电影片段或其他视频流。
微信小程序之scroll-view选项卡与跳转 （一）
大多数的商城类小程序都有这个功能，点击“全部订单”，“待付款”，“待发货”，“待收货”，“已完成”，会跳转页面且跳至与之相对应的选项卡中。所以我们在开发该小程序时也做了相同的功能。
HTML <abbr> 标签
通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。
canvas连线
一款canvas连线效果展示
windows下搭建vue开发环境
Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。
3D正方体旋转Css3动画
在早开始就学习了css3动画，但是工作原因这个动画在实际开发中却很少去使用，只是ie这个初恋实在是无法恭维，好了我在这个写了一个css3正方体的旋转动画
HTML <a> 标签
复制一下a标签指向 追梦猪 的超链接的例子就能看到a标签的效果哦
vuex状态管理-vue全家桶成员之一
vuex是vue全家桶成员之一，追梦猪在尝试了使用了一会，发现确实便利不少，但是插件有时候还没有原生方法使用的方便，但是还是要了解一下这个vuex烧包，先引入vuex默认文件actions.js，getters.js，store.js，还有types.js文件
百度富文本vue项目中的使用回显及无法编译问题
写到这你会发现虽然百度富文本编辑器可以使用了，当你用富文本提交数据时试正常的，但是在那到数据放到富文本当中的时候却出现了问题，html标签无法被转义直接把转义标签回显到富文本当中追梦猪，想了很多办法也无济于事，所以采用方法过滤
jQuery
jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。
axios的拦截请求与响应
axios的拦截请求与响应,请求拦截（配置发送请求的信息）,响应拦截（配置请求回来的信息）
vue图片上传，预览，压缩组件
利用H5的FileReader对象将上传的图片转base64格式，利用canvas的drawImage方法重绘上传的图片（注：drawimage是一个异步方法，需要在图片读取成功后在进行重绘，否则可能会压缩不成功）在利用canvas的toDataURL方法将图片压缩
vue全家桶之一：axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
百度熊掌号
百度熊掌号是内容和服务提供者入驻百度生态的认证账号，致力于帮助内容和服务提供者便捷、高效地连接全网用户，并充分利用百度生态开放的优势，获取流量、沉淀用户、塑造品牌，实现自身价值的快速增长。
Node.js
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
常见错误码及定义
描述API接口的共性返回码，API自定义的接口返回码请参阅对应API接口文档描述。
jq ajax获取服务端的头信息
js如何获取response header信息,利用jQuery的ajax请求来完成对head的请求，然后逐个取得需要的信息，
THINKPHP5判断当前浏览器请求方式
THINKPHP5判断当前浏览器请求方式
AngularJS
AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失一部分灵活性。换句话说，并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建。
HTML <html> 标签
此元素可告知浏览器其自身是一个 HTML 文档。
Vue.js
Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手。
React.js
React为了更高超的性能而使用虚拟DOM作为其不同的实现。 它同时也可以由服务端Node.js渲染 － 而不需要过重的浏览器DOM支持,许多人使用React作为MVC架构的V层。 尽管React并没有假设过你的其余技术栈， 但它仍可以作为一个小特征轻易地在已有项目中使用
Bootstrap
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。