nuxt项目在windows环境下安装部署
1.nodejs安装，地址 https: nodejs.org/en/
2.在本地项目中运行npm run build 命令将开发好的项目打包生成.nuxt文件夹，然后把.nuxt文件夹、nuxt.config.js、static文件夹、packag...[2019/9/10]
前端HTML前端HTML
目录
1.Web服务本质
2.HTML初识
2.1HTML是什么？
2.2HTML不是什么？
2.3HTML文档结构
2.4HTML标签格式，严格封闭
...[2019/9/10]
微信小程序 select 下拉框组件
一、源码地址
https: github.com/imxiaoer/WeChatMiniSelect
二、效果图
录屏图片质量较差，所以大家会看到残影（捂脸）
三、组件源码
1. select.wxml
<vie...[2019/9/10]
实现元素拖拽的两种方式 - angle-xiu
第一种方式：使用H5的API dataTransfer
实现思路：
1.为将要拖拽的元素设置允许拖拽，并赋予dragstart事件将其id转换成数据保存；
2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元...[2019/9/10]
vuex源码分析(二) state及strict属性 详解
state也就是vuex里的值，也即是整个vuex的状态，而strict和state的设置有关，如果设置strict为true，那么不能直接修改state里的值，只能通过mutation来设置
例1:
<!DOCTYPE html>
<html lang="en"...[2019/9/10]
H5 的 sessionStorage和localStorage
1） H5 新增的 se ionStorage 和 localStorage 的区别
se ionStorage 和 java 的 se ion 差不多，可以短时间存储信息，电脑浏览器常用se ionStorage 存储用户登录信息（个人理解）
...[2019/9/10]
微信公众号之获取openId
在小伙伴们开发微信公众号、小程序或者是在微信内置浏览器打开的项目时，会遇到的第一个问题就是如何获取openId，今天小编就给大家带来的是如何获取openId。
首先 我们要从微信开发者后台得到appid，这个appid是管理员在设置微信后台时获取的，而且是...[2019/9/10]
vuex 源码解析(三) getter属性详解vuex 源码解析(三) getter属性详解
有时候我们需要从store中的state中派生出一些状态，例如:
<div id="app">
<p>{{reverseMe age}}</p>
</div>
<script>
const store = n...[2019/9/10]
html5 外链式实现加减乘除的代码
html5 外链式实现加减乘除，具体代码如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<ti...[2019/9/10]
移动端开发必须知道的小技巧（转）
前言
最近在公司写一个混合 app 项目，页面基本全部都是用 H5 完成，嵌入到原生 webview 下。发现一个问题，在 iPhone 6 下 苹果手机的状态栏会挡住页面，导致页面下移，样式错乱，最后网上查找了些解决办法，加了一条 meta 标签解决了问题。今天特来总结下常用的移动端...[2019/9/2]
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
一、前言
9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术做了个自定义模态弹窗rnPop组件。
一、项目简述
基于react+reac...[2019/9/2]
新手入门HTML5开发，你必须先搞懂这6个问题
凭借着跨平台，实时更新，无需安装，易于分发等众多优点，HTML5受到越来越多企业的青睐。而凭借着入门相对简单的优势，很多人编程初学者都选择学习HTML5。但对于初学者来说，学习HTML5之前，会有很多疑问。搞懂这些疑问，我们才能更好的学习。
问题一：什么是HTML5？
回答...[2019/8/30]
BFC的作用及其应用
简单介绍BFC
BFC
就是块级格式化上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。
创建 BFC 的方式有：
1.html的根元素
2.float浮动
3.绝对...[2019/8/30]
nodeJS实现简易爬虫nodeJS实现简易爬虫
nodeJS实现简易爬虫
需求：使用nodeJS爬取昵图网某个分类下的图片并存入本地
运用nodeJS自带系统模块http、fs
示例代码:
var http =require('http');
var fs =require('fs');
var...[2019/8/29]
选项卡小案例
在各种各样的网站中，选项卡效果都是经常见到的，在这里用简单的jquery布局一个小的选项卡案例。
HTML代码：
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 ...[2019/8/29]
vue学习指南：第二篇(详细Vue基础) - Vue的指令
一、 Vue 的介绍
1. vue是一个 mvvm 的框架。(面试官经常会问的)，angular 是 mvc的框架。
2. vm 是 vum 的实例，这个实例存在计算机内存中，主要干两件大事：
1. 绑定数据
...[2019/8/29]
前端实现打印图像功能前端实现打印图像功能
前提：后台返回是绘制医用心电波形报告的数据，前端通过canvas在网页上绘制再进行打印并生成PDF文档！
一. 尝试LODOP打印插件
之前前端表单打印功能有使用过LODOP打印插件，需安装相应的LODOP的打印软件，lodop的使用方法2种。第一种方式是通过收集前端标签内容元...[2019/8/28]
nodeJS从入门到进阶（一）
一、Node.js基础知识
1、概念
简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是JavaScript的运行环境
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
2、安装使用
官网下载地址：http: nod...[2019/8/28]
vue中监听返回键
问题：在项目中，我们常常有需求，当用户在填写表单时，点击返回的时候，我们希望加一个弹窗，确认离开吗，确认将保存为草稿
解决方案：利用 H5的 pushstate（个人理解为增加页面栈）特性与onpopup事件
分析：pushstate 从该方法名我们可以知道 是增加某种状态，会为...[2019/8/28]
Html5+Css3小试牛刀
前因：
我开始做个收款系统，突然客户跑来要插进一个任务，据说他们老板挺在意的，一个小商场，一个首页，一个详情页，UI无自由发挥，要求，尽量好看点。
一番交谈后，确认这是一个对外的网站，最好移动端也能正常显示（响应式）。
正文：
...[2019/8/27]
个人博客搭建具体操作个人博客搭建具体操作
一.准备环境
1.安装node.js
简介
因为hexo是基于node.js的，所以node.js是必须要装的，安装也特别简单，去 官网 下载适合自己windows的版本。安装过程一直下一步就行了，什么也不用选，在网上查资料的时候，看到有说要在Custom Setup这一步记得选Add ...[2019/8/26]
Web前端基础学习-1
HTML5/CSS简介
首先来说一说什么是HTML5，HTML5可以认为是字面上的意义，也就是HTML的第五代产品，当然从另一个角度来说它是一种新的富客户端解决方案。
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
...[2019/8/26]
微信群免费发布网址微信群免费发布网址
进去注册即可免费发布微信二维码，个人微信号二维码，微信群二维码。微信公众号，文章等信息。
http: www.weixintuiguang.com.cn/
原文链接：http: www.cnblogs.com/zjiaolong/p/11409847.htm...[2019/8/26]
H5中滚动到底部的事件
问题：在H5中，我们有这样的需求：例如有列表的时候，滚动到底部时，需要加载更多。 解决方案：可以采用window的滚动事件进行处理 分析：如果滚动是针对整个屏幕而言的（不针对于某个界面小块），那么这个应该是是成立的：屏幕的高度+最大滚动的距离 = 内容的高度 代码实现： <html>&...[2019/8/23]
解决HTML5中滚动到底部的事件问题解决HTML5中滚动到底部的事件问题
问题：在H5中，我们有这样的需求：例如有列表的时候，滚动到底部时，需要加载更多。
解决方案：可以采用window的滚动事件进行处理
分析：如果滚动是针对整个屏幕而言的（不针对于某个界面小块），那么这个应该是是成立的：屏幕的高度+最大滚动的距离 = 内容的高度
代码实现：
...[2019/8/23]
HTML5语义化元素你真的用对了吗
HTML5语义元素
语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例：<div>和<span>- 对其内容一无所知。 语义元素的示例：<form>，<table>和...[2019/8/23]
css垂直居中方案css垂直居中方案
垂直居中的几种方法
html结构
<div cla ="container">
<div cla ="item">垂直居中</div>
</div>
c
<style>...[2019/8/21]
Html5 实现微信分享及自定义内容的流程
最近一个项目有一个微信分享并且需要自定义微信分享内容的需求，因为是第一次接触到微信分享，所以记录一下期间遇到的一些问题，以及完成功能的整个流程。
以下为大概流程 (细节放在各个阶段)
安装 weixin-js-sdk
初始化微信分享
...[2019/8/21]
vue中对于图片是否正常加载的思考
问题：由于业务需要，我们需要判断图片能否正常的加载，如果未正常加载的话，需要显示一张默认图片；
方案：1，由于后台返回的是一个图片id数组，例如 imgList=[''343313131'',''21333413244'',''3312w232211''],图片的完整路径应为http...[2019/8/20]
2、Vue构造器和扩展
1、VUE构造器简介
VUE构造器是一个非常重要的语法。
每个Vue.js应用都是通过构造函数Vue创建一个根实例。
New了Vue对象，然后调用了这个vue对象的构造器，并向构造器传入了数据。
在实例化Vue时，需要传入一个JSON对象...[2019/8/19]
web前端小知识点web前端小知识点
写在前面：
该篇是个人平时对web前端小知识点的总结，会不定时更新......
如有错误，敬请批评指正。
正文：
1、WWW是World Wide Web的缩写。
2、HTML（Hyper Text Markup Language）是用于描述网页文档的...[2019/8/19]
HTML5自定义属性的问题分析HTML5自定义属性的问题分析
问题背景
在页面与js传值中我们经常用到data-id="1"的方式，然后通过e.target.dataset.id取id的值
今天在获取值时怎么也取不到
问题分析
后来发现e对象有currentTarget和target属性，而dataset就在current...[2019/8/19]
导出HTML5 Canvas图片并上传服务器功能
导出HTML5 Canvas图片，并上传服务器
最近接触的项目中，经常遇到需要canvas绘制图片的需求，比如拼图，比如图片编辑等。canvas处理后的图片必然涉及到保存，
因此，下面方法也许是你需要的~
思路：
1.使用 toDataURL()方法导出canvas图片，此时得到b...[2019/8/19]
1、VUE介绍
1、VUE简介
最近一段时间，Web前端领域出现了很多MVVM框架技术，如AngularJS、React，VUE.js等等。
Vue.j...[2019/8/16]
webgl(three.js)实现室内定位,楼宇bim、实时定位三维可视化解决方案
（写在前面，谈谈物联网展会）上次深圳会展中心举行物联网展会，到了展会一看，80%以上的物联网应用都是在搞RFID，室内定位，我一度怀疑物联网落地方案的方向局限性与市场导向，后来多方面了解才明白，展会上看到的不能体现目前物联网最前沿最广泛的应用，很多大的企业与技术前沿企业没有参与这样的展...[2019/8/15]
antd通过 filterDropdown 自定义--按某天时间搜索antd通过 filterDropdown 自定义--按某天时间搜索
import React, { Component } from ''react'';
import { Table, Input, Button, Icon, DatePicker } from ''antd'';
import moment from ''moment'';
...[2019/8/15]
React学习之路之创建项目
React 开发环境准备
IDE工具
visual studio code
开发环境
开发环境需要安装nodejs和npm，nodejs工具包含了npm。
nodejs下载官网：https: nodejs.org/zh-cn/download/。
测试开发环境是否准备完成：使用管...[2019/8/15]
HTML发展历程
HTML是超文本标记语言的缩写，不同于C或JAVA等编程语言，HTML由标签组成。通过标签可以在网页中插入文字、图片、链接、音频、视频等元素，进而描述网页。和Windows一样，随着技术的发展，HTML经历了多次版本更新。
HTML1.0：1993年6月，HTML作为互联网工程工作小组（I...[2019/8/15]
关于使用iframe的父子页面进行简单的相互传值
当一个页面使用了iframe作为嵌套时，如何想要将父页面的数据传给iframe子页面，那iframe所指向的呢个子页面是怎么获取呢，又或者子页面的数据要给父页面使用，那么父页面又如何获取子页面的数据呢？下面根据这种情况作了一个简单的demo案例：
父页面是parentPage.html，子页面...[2019/8/15]
导航菜单的实现
熟练使用导航栏，对于网站排版非常重要,使用CSS，js，jq等你可以转换成好看的导航栏而不是枯燥的HTML菜单。
CSS实现：
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
...[2019/8/12]
Html常用标签
1.排版标签
<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6><h7&g...[2019/8/12]
Sublime安装插件Sublime安装插件
使用ctrl+shift+p快捷键，在框中输入pc，选择Install Package Control，等待左下角安装完成。
安装完成后，再次使用ctrl+shift+p快捷键，框中输入install package回车等待，然后输入你想要安装的插件。
&nbs...[2019/8/12]
jquery获取元素各种宽高及页面宽高总结
window.onload=function(){ var a = $("#div").width(), width()返回元素的宽高，不包括padding/border/margin b = $("#div").innerWidth(), innerWidt...[2019/8/9]
vue 集成jTopo 处理方法vue 集成jTopo 处理方法
jTopo 帮助说明网站
http: www.jtopo.com/index.html
使用例子：
http: www.jtopo.com/demo/helloworld.html
不建议直接安装&nb...[2019/8/8]
博客园美化大全
1.1、自动生成目录
效果如下：
（1）页脚js代码
首先得有js权限
<script type="text/javascript">
/*
功能：生成博客目录的JS工具
测试：IE8，火狐，google测试...[2019/8/8]
HTML5的新变化
1、新的html5文件类型，仅需申明在html的第一行，即 <!DOCTYPE html>
2、图形元素 figure ，将<figure>与<figcaption>相结合，使图片标题与图片相搭配
1 <figure&g...[2019/8/7]
Element ui 下拉多选时 新增一个选择所有的选项
项目里经常会用到，在一个多选下拉框里新增一个选择所有的选项，例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Docum...[2019/8/7]
Vue内置组件[回顾]
1.动态组件
在某些场景，往往需要我们动态切换页面部分区域的视图，这个时候内置组件component就显得尤为重要。
component接收一个名为is的属性，is的值应为父组件中注册过的组件的名称，用法如下：
1 <component :is="vi...[2019/8/7]
Vue.js项目实战-多语种网站（租车）
首先来看一下网站效果，想写这个项目的读者可以自行下载哦，地址：https: github.com/Stray-Kite/Car：
在这个项目中，我们主要是为了学习语种切换，也就是右上角的 中文/English 功能的实现。
首先看一下模拟的后台数据src/confi...[2019/8/7]
Vue.js 源码分析(三十一) 高级应用 keep-alive 组件 详解
当使用is特性切换不同的组件时，每次都会重新生成组件Vue实例并生成对应的VNode进行渲染，这样是比较花费性能的，而且切换重新显示时数据又会初始化，例如:
<!DOCTYPE html>
<html lang="en">
<head>
...[2019/8/5]
经验首页