- 博客(38)
- 收藏
- 关注
RSS订阅原创 http与http2对比
http演变历史http0.9于1991发布http1.0于1995发布http1.1于1999发布http2.0于2015发布http相关优化影响http的快慢两个主要因素带宽目前带宽速度基本不缺，现在到处是百兆宽带 百兆光纤 千兆光纤延迟延迟是目前还可以优化的主要部分浏览器阻塞，浏览器对于同一个域名同时请求个数是有限制，根据浏览器内核不同，限制请求个数是不一，但基本是个位数，超过请求个数就会阻塞，必须等前面的请求完成DNS查询，域名解析是比较费时的，但通常可以利用DNS缓存
2020-12-08 13:28:13
1874
原创 前端路由-浏览器hash路由和history路由
概述对于spa应用，前端路由必不可少，它代表着页面的切换跳转展示。目前浏览器支持的前端路由有hash模式和history模式前端路由的出现各有优缺点，优点是前后端分离了减少了服务器压力、页面流畅，缺点也明显初次加载慢、不利于SEOhash模式// url示例www.test.com/index.html#homewww.test.com/index.html#about// ...
2020-04-21 13:59:59
771
原创 cordova项目搭建
Cordova开发环境安装安装cordova命令行工具安装命令npm install -g cordovacordova项目的创建、平台添加、打包等都需要cordova命令行工具// 创建cordova项目cordova create <工程文件夹名称> <标识符> <项目名称>// 添加android、ios等平台cordova pl...
2020-04-21 13:56:19
406
原创 vue+cordova开发app
环境搭建// node vue-cli3 此环境用于前端项目构建// cordova 用于app项目创建，编译，打包// java jdk 用于安卓app项目编译// android sdk 用于安卓项目// xcode 只能在苹果pc设备安装，用于打包苹果项目...
2020-01-02 10:19:20
180
原创 手写简单promise
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-12-25 17:19:51
101
原创 移动端真机页面样式问题排查工具whistle和web页面接口抓包工具fiddler
安装npm install whistle -g启动工具，抓包工具默认端口8899，地址默认本机ipv4地址w2 start -p 8899 // 默认8899关闭工具，重启工具w2 stop // 关闭w2 restart // 重启启动成功后，根据提示的ip+端口地址打开抓包页面// 1.点击create创建需要抓包的页面，并在链接之后空格输入wein...
2019-12-24 14:23:26
356
原创 关系型mysql入门
关系型数据库概述实体和实体之间存在关系，称为关系模型，关系型数据库其实就是由多张有关系的表组成的数据库。关系型数据库中，关系是通过主键和外键来维护的mysql推荐使用InnoDB引擎mysql本身只提供SQL接口，至于使用何种数据库引擎只是引擎的速度不一样mysql一个数据库的大致组成表 表中的一行，称为记录 每一行的每个内容，称为字段，字段允许为NULL，表示字段不存在，正常一...
2019-10-27 14:17:15
210
原创 react
react介绍以声明式编写UI代码可靠且方便调试，致力于视图view反向 组件化开发，由组件构成复杂的界面，组件之间数据传递方便，将应用状态和DOM拆分开来 react技术特性一次学习随处编写react的组件react组件使用一个名为render()的方法，用它作为数据的输入、输出页面中对应展示的内容 react使用时也可以不使用jsx语法 有状态组件，除了使用外部传入的数据外(...
2019-07-11 10:26:04
238
原创 grid布局
grid网格布局网格布局是目前强大的css布局方案，它将网页划分成一个个网格，grid网格布局跟flex有些类似，但是flex布局是针对项目item轴线位置，相当于一维布局，而网格布局是指定项目item所在的单元格，可以看成是二维布局。grid网格布局概念区分容器container和项目item，跟flex类似 容器内水平区域成为行row，垂直区域称为列column，行和列交叉区域称...
2019-06-30 00:05:11
159
原创 node项目在linux上部署
node项目部署我的项目是基于koa2构建的，其他如express或者手动搭建的也可以使用下面的部署方法，只需要对应项目入口文件即可koa2构建的项目入口文件在bin目录下的www文件，并不是app.js项目部署使用pm2管理工具使用pm2管理工具需要linux服务器具备node环境给linux安装node环境 使用npm install -g pm2安装pm2 pm2常用...
2019-06-30 00:04:29
611
原创 flux架构
fluxflux是一种架构思想，是用来解决软件结构问题的，它有多种实现flux基本概念flux将应用程序分成4个部分View：视图层 Action：视图发布的消息（比如鼠标点击） Dispatcher（派发器）：用来接收Actions，执行回调函数 Store（数据层）：用来存放应用的状态数据，一旦发生改变就提醒视图要更新页面flux最大特点-数据是单向流动的用户访...
2019-05-05 13:02:15
324
原创 HTTP协议
HTTP超文本传输协议（HyperText Transfer Protocol）是互联网使用最广泛的网络传输协议，它基于TCP/IP通信协议来传递数据HTTP协议工作于服务端-客户端架构上，浏览器作为HTTP的客户端通过URL向HTTP服务端（WEB服务器）发送请求，服务器通过请求向客户端响应相应的信息常见WEB服务器：Apache服务器 IIS服务器 Nginx服务器HT...
2019-03-23 20:12:09
106
原创 typescript
介绍typescript是一门由微软公司发布的开源编程语言，目前主流的前端框架vue、react、angular都支持使用typescript来进行开发，typescript被认为是JavaScript的超集，主要提供了类型系统和对es6的支持typescript的优势提供了类型系统，使得代码比如函数一眼就可以看出如何使用，便于代码的维护和语义化。有了类型系统使得很多问题在编译的时候就...
2019-03-13 17:01:11
674
原创 基于Node的mongoose操作MongoDB
mongoose是一个操作mongodb的ORM（Object Relational Mapping对象关系映射）工具，让我们可以很简便的操作mongodb的增删改查，本次学习使用的mongodb版本是4.0.3使用mongoose连接mongodb，导出的connect方法只需要在需要连接数据库的地方引入调用即可，一般推荐在程序初始化的时候，比如koa2的app.js程序入口处调用一次即可...
2019-03-03 22:14:37
492
原创 前端浏览器解析
当前主流浏览器（有自己的内核）Google Chrome（Blink/webkit）Firefox（gecko）Safari（webkit）IE（trident）Opera（presto）浏览器的作用向服务器请求我们所需要的资源，这里的资源一般是html，也可以是pdf、图片、zip压缩包或者其他类型，资源的位置由用户使用URI（统一资源标识符）来指定，浏览器获取到ht...
2019-02-25 22:00:41
1129
原创 前端简史
前端：就是针对浏览器进行开发，代码运行在浏览器上后端：就是针对服务器进行开发，代码运行在服务器上前后端不分离时代很早之前前端开发是同时进行，那个时候如果说有前端那就是用来写模板的，然后把模板给后端人员，后端人员进行变量的替换工作，那个时候的模式也叫后端MVC模式，直到2004年谷歌公司的gmail使用的ajax技术改变了一切，这个时候前端不再是仅仅写模板了，也可以独立获取到数据了，aja...
2019-02-25 21:59:28
594
原创 vue管理系统权限控制模块
业务背景开发后端管理系统要点就是权限控制和安全性一切从登录开始从用户想进入管理系统输入账户和密码，然后发送到后端进行账户和密码的正确性验证，如果账户和密码正确，后端就会返回一个独一无二的属于该用户的token，这个时候我们要做的就是把token存起来，存到cookie、session、localStorage、vuex看自己的需求，我这里根据项目要求存到是vuex，vuex配合的是se...
2019-02-23 14:51:59
884
原创 gitlab服务器搭建
需要准备的资源linux镜像采用的是centeros7http://isoredirect.centos.org/centos/7/isos/x86_64/CentOS-7-x86_64-DVD-1708.isovm虚拟机（学习使用）http://xzc.197746.com/VMware-Workstation-12.5.9.zip1 1开始安装centeros参考htt...
2019-02-16 16:14:33
234
原创 git深入笔记
git是一个版本控制工具，目前常用的版本控制工具有集中式版本控制工具代表SVN和分布式版本控制工具git版本控制工具出现的原因，项目需要进行迭代，团队需要进行协作开发版本控制工具跟普通文件管理系统的差距就是他不仅可以管理文件还可以对文件内容进行监控管理版本控制工具的优势：协同开发：允许多人对同一个文件进行修改，并保留各自的修改内容 数据备份：使用版本控制工具对文件进行一次提交和保...
2019-02-08 00:43:24
264
原创 基于node的koa框架
koa介绍koa是基于node的一个web框架，使用优雅的async和await语法来解决了大量的回调函数过程，采用洋葱圈的中间件模型，极大的便于我们书写服务端程序koa项目的构建项目环境依赖于node推荐node v8.12及以上，使用koa2提供的脚手架koa-generator进行项目构建，安装脚手架命令npm install -g koa-generator进行全局安装项目构建...
2018-12-22 19:10:04
343
原创 基于vue的服务器端渲染框架nuxt
为什么使用服务器端渲染(SSR)？更好的 SEO搜索引擎爬虫抓取工具在抓取页面的时候是可以看到已经渲染完的页面，但是正常的vue程序最先到达服务的仅仅是一个html页面和一个<div id="app"></div>然后随之的是一串js代码，浏览器通过解析js代码对页面进行渲染，页面数据也是异步通过js中的ajax获取的，但是搜索引擎爬虫抓取工具并不会等待这个异步的过程...
2018-12-17 09:39:13
1370
原创 做一个个性化的switch切换按钮
需求背景：公司有个微信小程序项目，需要用到大量独特的切换按钮，类似开关这种按钮，微信小程序自带的switch是不能填写文字的，所以直接，而且微信小程序使用的框架是基于vue的mpvue，mpvue出来的时间也短，估计很少这种轮子，所以就只能自己手撸一个，因为是微信小程序所以像素单位是rpx，如果是普通vue项目也可以直接用这个组件，修改像素单位即可单位<template> ...
2018-10-18 21:41:34
611
1
原创 vue动画原理
vue官方动画之transition标签在vue中如果要给某个元素标签加动画，那么他就需要在这个元素标签外使用<transition name="fade">要展示动画的元素标签</transition>标签中的name属性会成为唯一标识，因为一个页面是允许出现多个不同的动画这样vue在compile编译的时候才能识别到你这是要给我的标签加动画，这样vue底层就会进...
2018-10-09 14:51:24
710
1
原创 面试笔记准备
<!DOCTYPE html>是html5的头，DOCTYPE是document type的简写，文档类型，作用是说明该文档是html的什么版本DTD是文档类型定义，里面包含解析文档的规则，浏览器根据DTD中定义的规则来解析页面并展现出来，分类为过渡型、严格型、框架型 HTML版本发展：HTML2.0----HTML3.2----HTML4.0----HTML4.01-...
2018-08-30 22:40:32
163
原创 webpack4.x了解学习笔记
webpack了解1.webpack是一个打包工具，对于目前单页面的流行以及web app的兴起，webpack打包显得极为流行，他可以将我们的多个js文件打包成单个js静态文件，这样给我们带来了极大的方便使的我们不需要一次性把10个js都引入到页面中，这是一个极大的性能优化2.webpack他是根据模块的依赖关系进行静态分析，并根据相应的规则生成静态文件3.webpack4.x之后...
2018-08-26 17:26:47
300
原创 vue外卖项目笔记
# gshop > A Vue.js project ## Build Setup ``` bash# install dependenciesnpm install # serve with hot reload at localhost:8080npm run dev # build for production with minifi...
2018-08-26 17:25:28
1415
原创 vue入门进阶
一、vue 数据绑定1.vue是个框架 框架指的是让我们的项目遵循一定的规则和模式，方便后期维护和多次使用 模式有MVM MVC2.一个项目是否使用框架需要考虑框架复杂度和项目应用复杂度 需要做一个平衡3.目前3大流行框架vue angular react4.vue的几个基本概念 数据绑定 虚拟DOM 组件化5.vue The Progressive JavaScript Fra...
2018-08-26 17:23:24
508
原创 php入门笔记
<?php echo "第一个php程序";//echo 是一个输出函数无返回值单纯向浏览器输出字符串 //print"echo和print的区别";//print也是一个输出函数输出字符串，并且有返回值，返回值为布尔类型echo (print"echo和print的区别"); printf("第%d个程序",2);//c语言里面可以带指示符%d等也是...
2018-08-26 17:21:51
140
原创 nodejs学习笔记
一、fs模块 文件系统模块 1.Node.js 文件系统 提供一组类似 UNIX（POSIX）标准的文件操作API。 Node 导入文件系统模块(fs) 2.引入文件模块 var fs = require("fs"); 3.异步读取txt文本使用 fs.readFile('文本url',function(err,date){ ...
2018-08-26 17:14:13
861
原创 使用git对项目进行管理并与github仓库关联
1.安装git 直接去git官网下载安装后就会有git-cli类似linux系统 配置用户名邮箱 git config --global user.name "xxx" git config --global user.email "xxx@xxx.com"2.进入一个文件夹作为git存储操作的文件夹，git初始化命令git init让这个文件夹具备gi...
2018-08-26 17:12:51
975
原创 ES6学习笔记
一、变量的解构赋值 就是按照一定的模式对数组或者对象里面的变量进行提取然后进行赋值 这就是解构 1.数组的解构赋值 1.ES6中允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称为解构 let [a, b, c] = [1, 2, 3]; 2.本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值 3...
2018-08-26 17:08:17
167
原创 bootstrap学习笔记，主要是看文档和写小demo
一、初识bootstrap 1.bootstrap是个框架，基于jQuery写的一些插件，他的核心是css和js 2.Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以引入js文件时需先把jQuery引入必须放在前边 3.Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面，使其在各个尺寸的屏幕上表现良好 4.IE9以下需...
2018-08-26 17:06:22
413
原创 原生JavaScript学习历程笔记
编译性语言：c c++有中间文件生成，最后直接执行中间文件解析性语言：javascript php无中间文件生成，翻译一句执行一句java是通过jvm翻译同步：计算机里面同步指的是非同一时间进行的事件异步：计算机里面的异步指的是同时进行的事件多线程：一个执行体同一时间可以做多件事单线程：一个执行体同一时间只能做一件事JavaScript是解释性语言，单线程j...
2018-08-26 17:03:35
602
原创 jQuery
jQuery作为JavaScript封装的类库，目的就是为了简化开发者使用JavaScript变得更加方便，最好处就是简化了DOM操作，处理了兼容性优势：1.让开发者像css那样访问和操作dom2.修改css3.简化JavaScript代码操作4.事件处理变得简单5.各种动画效果使用方便6.让Ajax技术使用方便7.基于jQuery大量插件8.自行扩展功能插件...
2018-08-26 17:00:44
489
原创 js原生ajax以及原生fetch
第一部分ajax全称asynchronous JavaScript and xml 异步JavaScript和xml 是js技术和xml技术的组合，并不是新生的东西AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。ajax的核心是XMLHttpReque...
2018-08-01 13:40:19
334
原创 javascript中BOM核心对象以及常用方法
1.BOM是Browser Object Model的缩写，简称浏览器对象模型2.BOM的核心对象都挂在window上，有document frames history location navigator screen3.BOM缺乏标准，DOM标准是W3C，JavaScript标准是ECMA4.history对象 浏览器历史记录 back()加载历史记录中的前一个页面 f...
2018-06-22 19:35:54
2619
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人