自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

yw00yw的博客

技术共享、技术学习、技术交流

原创 使用vuepress搭建个人博客必备指南

vuepress官网 https://www.vuepress.cn/ 基本构建 安装 yarn global add vuepress 或者:npm install -g vuepress 新建README.md文件 在根目录下新建一个markdown 文件 开发环境编译 vue...

2020-05-14 11:49:52 82 0

原创 electron主进程和渲染进程的调试

主进程和渲染进程 主进程 在 Electron 里,运行 package.json 里 main 脚本的进程被称为主进程。在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。 渲染进程 由于 Electron 使用 Chromium 来展示页面,所以 Chromium 的多进程结构也被充...

2020-05-13 15:37:02 61 0

原创 electron基础环境的搭建及项目的创建

克隆远程仓库 克隆这仓库 git clone https://github.com/electron/electron-quick-start 进入仓库 cd electron-quick-start 安装依赖库 npm install 运行应用 npm start 手动创建 新建文件夹 mkd...

2020-05-13 09:11:38 74 0

原创 Typescript 结合 Webpack 搭建开发环境

项目环境搭建 目录结构搭建 npm init -y 初始化package.json 配置"main": "./src/index.ts" 创建目录src api assets config template > index.html to...

2020-04-23 14:54:45 56 0

原创 Nginx负载均衡案例

增加服务器数量,将请求分配到多个服务器 http { include mime.types; default_type application/octet-stream; #log_format main '$remote_addr - $re...

2020-04-22 14:48:45 55 0

原创 Nginx之反向代理常见概念

什么是Nginx Nginx是俄罗斯人Igor Sysoev编写的轻量级Web服务器,同时也是一个高性能的HTTP和反向代理服务器。Nginx的并发能力在同类型网页服务器中表现最好。 Nginx专为性能优化而开发,性能是其重要的考量,实现上非常注重效率,能经受高负载的考验,有报告表明能支持高达5...

2020-04-22 11:23:45 65 0

原创 Nginx反向代理实例

实现效果 使用 nginx 反向代理,访问 www .abc .com 直接跳转到 127.0.0.1:8000 启动一个IIS服务 可以根据网络教程安装IIS服务,并开启一个服务 通过修改本地 host 文件,将 www.abc.com 映射192.168.1.104 修改的时候...

2020-04-22 11:22:49 75 0

原创 Android Studio 解决 Error : moudle not specified错误

该环境是为react native开发而搭建 按照官方文档安装对应的环境之后,并且安装android studio的时候可能遇到如下情况: 对应的SDK不能够一次安装完成:可以一个一个进行安装即可,例如: 检查jdk和python对应的环境是否安装好 比如发现查看版本无效,需要手动配置环...

2020-04-08 21:55:45 62 0

原创 夜神模拟器调试运行react native项目

下载安装 下载方式和地址:https://blog.csdn.net/yw00yw/article/details/95069000 模拟器设置 查看详细步骤:https://blog.csdn.net/yw00yw/article/details/95211342 连接方式一 cmd进入sd...

2020-04-07 11:43:37 128 1

原创 react native 使用android studio进行adb调试进程占用错误

提示adb server version(31) doesn’t match this client(40) 原因 这是因为你的电脑安装了,鲁大师手机助手,360手机助手占用了adb的端口引起的。因为套接字的唯一性(一个套接字只能由 协议/网络地址/端口号 唯一确定 ),一个电脑只能有一个程序关...

2020-04-07 09:28:53 79 0

原创 LightningChart® JS BS端结合框架模拟心电图实例

简介 用于 .NET 与 Web 的高性能图表控件 官网地址 英文官网地址:https://www.arction.com/ API地址 进入到LightningChart® JS 下的Resources的目录 有模板和API等内容 使用方式可以下载对应的模板进行更改,或者自己用脚手架搭建...

2020-04-01 11:04:39 66 0

原创 LightningChart® JS BS端使用方式

LightningChart® JS 简介 用于 .NET 与 Web 的高性能图表控件,真实使用情况是.net平台相对多,在bs端直接引入javascript几乎没人用,所以搜索引起几乎搜不到javascript引入的方式使用情况。这个使用是收费的,有免费的社区版,可以供个人学习参考,使用之后有...

2020-04-01 10:41:46 69 0

原创 uniapp中使用colorUI说明文档

colorUI简介 ColorUI迎来了2.0的升级,相比之前的版本,2.0版本重构了基础代码,增加了更多的配色,这是一个全新的小程序UI解决方案。 ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互! 不仅可以在小程序中...

2020-03-30 09:32:35 799 0

原创 Gatsby之web静态化

Gatsby简介

2020-03-27 09:31:00 87 0

原创 可视化图表库对比总结

DataV DataV是一个基于Vue的数据可视化组件库(当然也有React版本)- 提供用于提升页面视觉效果的SVG边框和装饰 提供常用的图表如折线图等 飞线图/轮播表等其他组件 AntV AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化...

2020-03-25 09:49:51 163 0

原创 查询天气的接口api收集总结

JSON在线: 官网地址: https://www.sojson.com/api/weather.html 天气API说明:http://t.weather.sojson.com/api/weather/city/101030100 101030100 为 cityId 天气API平台:...

2020-03-23 15:29:24 222 0

原创 Vue项目优化策略

项目优化策略 1. 生成打包报告 打包时,为了直观的发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种: 通过命令行参数的形式生成报告 // 通过vue-cli的命令选项可以生成打包报告 // – report 选项可以生成report.html以帮助分析包内容 vue-cli...

2020-03-21 23:11:31 66 0

原创 使用pm2管理node应用部署站点

项目上线相关配置 1、通过node创建web服务器 创建node项目,并安装express,通过express快速创建web服务器,将vue、react、angular打包生成的dist文件夹,托管为静态资源即可。 创建文件夹:vue_express_server 进入文件夹初始化包管...

2020-03-21 22:02:10 57 0

原创 使用gnvm管理多个版本的node应用

随着时间的流逝,node版本升级的还是比较快的。曾几何时使用低版本的node 创建的项目,在升级到高版本的node启动应用程序的时候,发现启动不起来了,提示node版本错误。 一、第一种方式 1. 在安装了Node的前提下使用gnvm管理 2. 下载node,任何版本都可以,安装成功,并可以使用,...

2020-03-18 18:03:01 53 0

原创 React中使用MobX实现组件通讯

mobx 让项目支持装饰器写法 安装mobx mobx-react 如何在组件上使用mobx仓库的数据 在最外层包裹一个组件,这个组件由mobx-react提供。还要给这个组件提供一个store数据,属性值就是store的实例 使用仓库数据的组件需要通过inject注入Provider组件上...

2020-03-13 17:31:43 135 0

原创 前端中文版框架官网

中文版官网

2020-03-10 17:24:42 51 0

原创 语雀 —— 云端知识库

「语雀」是一个「专业的云端知识库」,孵化自 蚂蚁金服 ,是 体验科技 理念下的一款创新产品,已是 10 万阿里员工进行文档编写、知识沉淀的标配。 语雀诞生伊始,只是希望能给工程师提供一个好用的工具用来写技术文档,达成「用 Markdown 写文档」这个小目标。但在产品研发的过程中,我们发现其实身边...

2020-03-03 17:02:08 401 0

原创 完美清晰掌握ES5构造函数实现类的继承

ES5中的类 es5中的类 function Person() { this.name = '张三'; this.age = 12; } var p = new Person(); console.log(p.name) 构造函数和原型链里面增加方...

2020-01-15 10:25:23 42 0

原创 前端三大框架(vue、react、angular)对比(三)

路由 vue // 0. 如果使用模块化机制编程,导入Vue和VueRouter,要调用 Vue.use(VueRouter) // 1. 定义 (路由) 组件。 // 可以从其他文件 import 进来 const Foo = { template: '<div>foo&...

2020-01-14 14:33:18 65 0

原创 前端三大框架(vue、react、angular)对比(二)

指令 vue react angular

2020-01-14 11:25:28 119 0

原创 前端三大框架(vue、react、angular)对比(一)

对比

2020-01-14 10:39:47 323 0

原创 typescript基本环境配置及编辑器代码构建配置

安装node构建node环境及npm包管理器 http://nodejs.cn/download/ 通过npm安装typescript npm install -g typescript 查看typescript版本 tsc -v 创建项目目录并初始化tsconfig.json文件 ...

2020-01-07 09:28:04 84 0

原创 angular7富文本编辑器ngx-quill实现自定义及图片、视频上传功能

quill-editor元素定义 <!-- 默认使用:--> <quill-editor [(ngModel)]="content"></quill-editor> <div style="height: 40px;&quo...

2019-12-24 09:04:13 435 0

原创 element时间范围选择添加限制条件

disabled的值是个布尔值,就是判断选择值是否为禁止日期(生成日历的时候也会触发一次判断) 单个输入框的 组件代码: <el-date-picker v-model="value1" type="date" ...

2019-12-24 09:03:13 20 0

原创 web有用的站点资源收集

interview https://fe.padding.me/#/

2019-12-23 19:36:52 63 0

原创 通过ajv.js对JSON数据格式进行校验

作用描述 可以通过ajv.js对所需要的json(json5)格式文件进行校验,可以校验必填项、字段类型等,并且在控制台可以方便的浏览到校验结果。 官网 https://ajv.js.org/ 基本实例 <script src="https://cdn.bootcss.com/...

2019-12-22 14:37:05 209 0

原创 前端多个异步函数执行完成之后再执行其他的程序

需求描述 有多个异步函数都执行完成之后,才能执行其他的代码,可以使用Promise.all() 方法: let P1 = new Promise(function(resolve, reject) { setTimeout(function() { console.log(11);...

2019-12-18 19:07:09 220 0

原创 react学习新技术总结

DvaJS 地址: https://dvajs.com/

2019-12-04 11:38:46 76 0

原创 vue+element固定表头滚动条导致表头错误

解决方法 untl.js 封装一个公共的方法 // 重置表格 resetTableDom(table) { return setTimeout(()=> { table.doLayout() }, 0) } 每次请求数据的时候调用该...

2019-11-28 18:35:37 330 0

原创 React中常见错误集锦

组件引入错误 import 必须在其它所有业务代码前面(意思就是import必须在文档最前面)

2019-11-25 15:00:19 58 0

原创 vue中使用图片预览插件v-viewer

安装依赖 npm install v-viewer --save main.js中配置 //引入图片查看器 import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(V...

2019-11-21 17:32:10 94 0

原创 javascript堆栈内存与深拷贝浅拷贝

js的堆栈问题

2019-11-14 11:03:44 60 0

原创 前端技术提升补充

WebGL http://www.hewebgl.com/ WebGL (Web图形库) 是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 元素中使用。...

2019-11-14 10:18:08 53 0

原创 MongoDB基本使用

基础语法 mongod --version 检测mongodb版本

2019-11-06 17:05:12 39 0

原创 mongodb4.x安装及环境变量的配置

下载地址 https://www.mongodb.com/download-center/community 下载MSI安装 双击选择next 接受许可 选择用户自定义安装路径 点击Browse选择路径 更换路径 点击next进行下一步 选择下一步或者图形化界面工具 Instal...

2019-11-06 14:01:21 127 0

提示
确定要删除当前文章?
取消 删除