自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(743)
  • 资源 (2)
  • 论坛 (1)
  • 收藏
  • 关注

原创 vue监听dom大小改变插件

npm:element-resize-detector// 监听dom改变图表改变 const elementresizedetectormaker = require('element-resize-detector') const erd = elementresizedetectormaker() const worldmapcontainer = document.getElementById('statisticsBox') erd.listenTo..

2020-10-30 16:15:14 40

转载 egg框架(用户鉴权,token验证,以及前端简略配置)

最近在研究阿里出的egg,想写一个后台管理系统,但是用了egg–nunjucks之后,感觉它的模板渲染很僵硬,模板页面无法直接调用service的方法来操作数据库,但是用常规的form表单提交到路由,感觉又很奇怪,还是要请求api,那我为什么不前后端分开来写呢,就只好用它来写api,用vue来写前端了,当然也可能是我没有找到正确的打开方式,希望各位有懂的话留言告诉我一下,谢谢????。后端:1.安装egg-jwtnpm i egg-jwt -S2.在config文件夹中的plugin.js文

2020-10-22 16:10:51 64

转载 移动端适配及PC端适配心得总结体会(二) (可能比较全

移动端适配及PC端适配心得总结体会(一) (可能比较全写在之前,3年前端开发经验,刚开始对于适配的概念就是只知rem,对于各种成型的布局方式或者适配想法,都是很模糊的,没有体系的概念, 所以做了一些功课,也参考了许多优秀博文~ 欢迎补充~指路下篇~ ☞ 移动端适配及PC端适配心得总结体会(二) (可能比较全1.相关概念1像素1.像素像素就是构成图像的最小单位,指显示屏上的最小单位,图像由像素组成,单位面积内的像素越多 效果就越好像素的大小不是绝对的,是根据设备的分辨率决定的2.分辨率

2020-10-22 10:23:41 207

转载 移动端适配及PC端适配心得总结体会(一) (可能比较全

1.相关概念1像素1.像素像素就是构成图像的最小单位,指显示屏上的最小单位, 图像由像素组成,单位面积内的像素越多 效果就越好 像素的大小不是绝对的,是根据设备的分辨率决定的2.分辨率屏幕分辨率 : 屏幕横向和纵向的像素点数,单位为px相同大小的屏幕 分辨率越低,单位像素尺寸越大,分辨率越高,单位像素尺寸越小图像分辨率 : 指图片含有的像素数 , 表示图片分别在垂直和水平上所具有的像素点数同一尺寸的图片,分辨率越高,图片越清晰。3.PPI每英寸包括的像素数

2020-10-22 10:20:38 256

转载 怎么把word转换ppt?

作者:郑少PPT链接:https://www.zhihu.com/question/55513666/answer/628154178来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。在职场中,你有没有遇到这样的“疑难杂症”,想把Word To PPT、PPT To Word再或者PDF To Word,最终苦于无奈只能 “乱投医”。其实有一些不错的“药方”可以解决这些“病症”,下面郑少就“开一副药方”。1、Word类转换(1)Word ...

2020-10-22 10:15:48 58

转载 node,js,egg打包exe,跨平台问题处理

一直想实现打包的功能终于网上有个靠谱的链接了:https://www.jianshu.com/p/02a6e99d7b94but 按照文档进行总是出现不能正常运行!!!终于还是解决问题了,感谢:MrSmallLiu/pkg-egg-example的作者的帮助!环境:win10 ,node 8.16.1,npm-pkg 6.4.1 打包成 exe1.上面链接基本上都可以完成打包exe可能问题a:?? AssertionError [ERR_ASSERTION]: D:\snap..

2020-10-21 14:29:26 25

转载 使用pkg打包Egg.js项目 Egg.js线上部署

使用pkg打包egg.js项目pkg原理 安装pkg 配置egg.js临时文件目录 修改package.json文件 配置打包入口文件pkg-build.js 打包发布 部署启动pkg原理pkg打包工具主要会按平台(支持window、mac、linux)分别打包。pkg中会包含node的可执行文件,还会包含你要打包进去的代码。代码通过一个虚拟的文件系统把所有的代码和资源文件都挂载到 /snapshot/${被打包项目的文件夹名} 下面(pkg hack了 fs 的很多方法,拦截.

2020-10-21 12:19:41 47

转载 在Linux系统安装Nodejs 最简单步骤

原文:https://www.cnblogs.com/zhuawang/p/7617176.html1、去官网下载和自己系统匹配的文件:英文网址:https://nodejs.org/en/download/中文网址:http://nodejs.cn/download/通过 uname -a 命令查看到我的Linux系统位数是64位(备注:x86_64表示64位系统, i686 i386表示32位系统),如图故下载一下红色框中文件 ,版本为v6.10.02、下载下来...

2020-10-20 16:24:55 57

转载 linux 下 mysql 常用命令

阅读目录 ======================1.开启和关闭 1.1.开启 1.2.关闭 1.3.重启 2.登录 2.1.密码明文 2.2.密码密文 3.修改密码 3.1.SET PASSWORD命令(需登录) 3.2.使用sql语句更新 mysql 库中的 user 表(需登录) 3.3.mysqladmin命令,明文(不需登录) 3.4.mysqladmin命令,密文(不需登录) 4.常用操作(需登录) 4.1.显示数据库列表 4.2.

2020-10-20 15:55:22 10

转载 egg-sequelize使用教程

egg-sequelize教程,保存查询、修改、删除、新增,多表查询modaluserimport { Application } from 'egg';import * as uuidv4 from 'uuid/v4';/** 用户资料表,修改邮箱和手机号时,需要同步到userAuth表 */export default function(app: Application) { const { STRING, BOOLEAN, DATE, UUID, ARRAY } = ap.

2020-10-20 14:38:53 42

转载 77.9K Star 的 Axios 项目有哪些值得借鉴的地方

Axios 是一个基于 Promise 的 HTTP 客户端,同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端,被广泛地应用在大量的 Web 项目中。由上图可知,Axios 项目的 Star 数为 77.9K,Fork 数也高达 7.3K,是一个很优秀的开源项目,所以接下来阿宝哥将带大家一起来分析 Axios 项目中一些值得借鉴的地方。阅读完本文,你将了解以下内容:HTTP 拦截器的设计与实现; HTTP 适配器的设计与实现; 如何防御 CSRF 攻击。下面我们从简

2020-10-20 10:03:58 41

转载 10个好用的 HTML5 特性

在本文中,我列出了十个我过去没用过的HTML5功能,但现在发现它们很有用,废话不多说,让我们开始吧。???? detais 标签<details>标签向用户提供按需查看详细信息的效果。 如果需要按需向用户显示内容,简单的做法就是使用此<details>标签。 默认情况下,它是收起来的,打开后,它将展开并显示被隐藏的内容。事例:<details> <summary>Click Here to get the user details<

2020-10-19 09:59:45 13

转载 antDesignForVue 符合条件的表格复选框禁止选中

computed: { rowSelection() { const _this = this const { selectedRowKeys } = this return { selectedRowKeys, onChange: (selectedRowKeys) => { this.selectedRowKeys = selectedRowKeys }, getC...

2020-10-10 10:31:07 156

原创 egg-sequelize 时间问题

时间存储问题mysql保存时会自动保存为UTC格式,可以在config中配置:exports.sequelize = { dialect: 'mysql', .... timezone: '+08:00' // 保存为本地时区 }但是egg-sequelize在读取时间时,还是会返回UTC格式,还需要改一下配置,添加:exports.sequelize = { dialect: 'mysql', .... timezone:..

2020-09-28 16:40:37 63

转载 从0到1:阿里云服务器部署web项目全过程

我们在本地编写完Node.js项目,需要将文件打包上传到云服务器,其他人才可以通过url地址来访问和浏览我们编写的程序,在申请、配置阿里云ECS服务器的时候也是踩坑无数,看了网上很多大神的文章,自己也尝试汇总整理了一下,文中涵盖的知识点比较多,大概包含如下几个方面:申请阿里云免费服务器 安装node.js 安装Nginx服务器 安装mongoDB数据库 安装pm2进程管理工具 安装本地FTP 上线移动端项目之前还写过一篇《阿里云服务器崩溃自救指南》,如果在本地误删了某些文件导致服务器崩溃,

2020-09-28 09:25:48 49

转载 egg+vscode调试

按F1,稍等片刻,会出现下图,在红框中输入Toggle Auto Attach开启调试模式然后命令行启动egg-bin debug --inpsect-brk=9229如果调试模式没有开启成功,按F1,稍等片刻,会出现如下图,在红框中输入Attach to Node Process然后再稍等片刻,会出现下图,随便选一个就行,如果没有的话先在命令行执行以下代码完成上述步骤就会在左下角出现下图的标记启动成功后此处会变成橙色右上角会有下图标志转载:https://segmentfault.

2020-09-21 11:35:10 45

转载 你应该了解的23个极为有用的NodeJS库

这是一个市场上最好的javascript后端库列表,甚至我会推荐你把它收藏起来,以便将来参考,就像我为自己做的那样 ????。1. Express快速,简单,极简的Node Web框架。2. Socket.ioSocket.IO支持基于事件的实时双向通信3. Body-parserNode.js body解析中间件。在处理程序之前,在中间件中解析传入的请求主体,该处理程序在 req.body 属性下可用。4. Cor...

2020-09-17 10:05:01 50

转载 HarmonyOS鸿蒙开发项目初体验以及和Android以及微信小程序的对比

在9月10日召开的华为开发者大会上,宣布了鸿蒙2.0系统正式面世,同时开启了Beta版本的测试和开源网站。对于开发者来说两个最关键的点值得关注:一个是Beta版的开发工具,一个是开源网站。一、开源网站在开发者大会上宣布将HarmonyOS源代码捐赠给中国开放原子开源基金会,并在大会上公布了鸿蒙系统的开源路线。官网地址:OpenHarmony: OpenHarmony是开放原子开源基金会(OpenAtom Foundation)旗下开源项目,定位是一款面向全场景的开源分布式操作系统,第一个版本

2020-09-15 11:05:33 3495

转载 8 种用于前端性能分析工具

我们可以编写一些漂亮,且吸引人的网站,但如果该网站无法快速加载到浏览器中,人们往往会跳过它。 尽管有许多性能规则,但归根结底,这全都取决于加载时间。根据Jakob Nielson说法,在网建的网站时,需要注意以下几点: 小于100毫秒加载速度才是爽的 100ms到300ms 感觉良好 一秒钟大概是用户思路不被打断的极限。用户会感觉到延迟,但还可以接受 47%的用户希望网页能在两秒或更短的时间内加载 40%的用户如果网页加载超过3秒,表示会放弃该网站...

2020-09-10 09:48:44 39

转载 PC端、移动端Video自动播放兼容完美解决方案(IOS、安卓、微信端)

最近公司官网需要使用视频当做banner背景且自动播放,并且因为是官网需要做到PC端和移动端都可以适配自动播放兼容,这些问题很是头疼;得到这个需求后,开始查看各个大厂的移动端网站,发现很少有官网在移动端使用视频当做背景;正当手足无措时,无意中看到了滴滴的移动端官网,大家可以查看下图,这个我们看似是视频的背景,其实是由300多张图片组动态更换图片的src组成的;滴滴移动端网站(PC需要F12打开控制台 -> Ctrl + Shift + M 切换到移动端)这时候会有同学问:为什么不直接放一.

2020-09-08 10:01:54 804 1

转载 enquire.js-响应css媒体查询的轻量级javascript库

轻量,没有依赖。安装: npm install enquire.jsAPI:  enquire.register(mediaQuery, handler).    mediaQuery: 字符串,需要响应的媒体。    handler: 函数或对象,  enquire.unregister(mediaQuery[, handler])    mediaQuery: 字符串,需要注销响应的媒体。    handler: 函数或对象,可不写,一旦写了,只有这个handler被注销

2020-09-03 14:52:11 29

转载 如何用 Typescript 写一个完整的 Vue 应用程序

译者推荐:Typescript 和 Vue 都是现在前端必备的知识,本文基本覆盖了目前 Vue 2.x 的一些基础用法的 Typescript 版本实现,感兴趣的了解一下,更好的迎接 Vue 3.0译者根据文章中提到的知识点,自己写了一个 demo,已放到 Github 地址 ,建议大家可以动手实战一下,如果遇到什么问题,可以留言评论或者提 issueVue 是一个惊人的,轻量的渐进式前端框架。因为 Vue 是灵活的,所以用户不需要使用 Typescript。但是不像 Angu...

2020-08-31 09:53:31 116

转载 antd vue upload 验证失效问题

在表单中验证upload,当文件被删除后,form并没有验证到解决://vue<a-upload name="peoplefile" :fileList="excelList" :beforeUpload="beforeUpload" @change="fileChange" v-decorator="[ 'file', {

2020-08-28 16:28:11 78

原创 axios刷新token

推荐一个npm库:axios-auth-refresh

2020-08-24 11:03:07 135

转载 16张图入门Nginx——(前端够用,运维入门)

小林经过层层面试,终于进入一家一线互联网公司。有一天,她的mentor给她布置了一个任务,让她配置一下nginx,小林是一脸懵逼,您说啥?nginx是啥?心里一万只草泥马呼啸而过,但是坚强的小林没有放弃,准备系统的了解一下nginx,然后开启了打怪升级的道路。对于Nginx的学习,小林主要从六部分进行:基础、原理、常用命令、配置文件、用途及相关计算,由浅入深,层层递进,最终达到前端够用、运维入门的效果。希望通过本博文帮助不懂Nginx的同学快速学习Nginx。一、基础...

2020-08-21 10:02:00 46

转载 Vuex持久化存储之vuex-persist

问题背景:Vuex 解决了多视图之间的数据共享问题。但是运用过程中又带来了一个新的问题是,Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 store 里的数据,只要一刷新页面,数据就丢失了。引入vuex-persist 插件,它就是为 Vuex 持久化存储而生的一个插件。不需要你手动存取 storage ,而是直接将状态保存至 cookie 或者 localStorage 中。具体用法如下:pexels-photo-1211847.jpeg安装:npm .

2020-08-17 12:29:58 124

转载 linux下重启tomcat命令

在Linux系统下,重启Tomcat使用命令操作的!首先,进入Tomcat下的bin目录cd /usr/local/tomcat/bin使用Tomcat关闭命令./shutdown.sh查看Tomcat是否以关闭ps -ef|grep java如果显示以下相似信息,说明Tomcat还没有关闭root 12976 1 0 Sep01 ? 00:10:22 /usr/java/jdk1.7.0_80/bin/java -Djava.util.logging.config

2020-08-14 10:29:03 84

转载 linux 修改文件内容命令

Posted on2019-09-18 17:51zhouzhou10201 阅读(24860) 评论(0)编辑收藏1、进入文件:vim 文件名eg #vim /etc/httpd/httpd.conf2、查找待修改内容位置 :(1)shift+“:”,使文件变成可查询状态(2)输入 / +查询内容 (eg 查询Directory参数,即 /Directory)eg 找到Directory参数,注释掉Require all denied添加Require all ...

2020-08-14 10:19:13 35

转载 从零到一搭建一个jenkins+github持续构建平台

间歇性励志患者 2020年08月13日 阅读 67 关注 从零到一搭建一个jenkins+github持续构建平台 开门见山,直奔主题,直捣黄龙,废话不多说,开淦!安装Jenkins两种方式普通安装1. 下载RPM包官网:https://jenkins.io/download/清华镜像站:https://mirrors.tuna.tsinghua.edu.cn/...

2020-08-14 09:52:23 29

转载 vue 实现手写电子签名-vue-esign

npm install vue-esign --save 在main.js中 Vue.use(vueEsign) <vue-esign ref="esign" style="width:100%;height:83vh !important;border-bottom: 1px dashed #c2c1c1;" :isCrop="isCrop" :lineWidth="lineWidth" :lineColor...

2020-08-14 09:33:14 31

转载 vs code保存自动格式化代码及eslint/tslint修复-太爽(丝滑般的感觉)

现在没有前后端分离的开发模式都不好意思跟同行交流。前后端分离的好处这里就不再赘述了。本司开发的系统是基于Angular(ng zorro),TypeScript,后台采用Spring Boot。写前端本人独爱vs code,配合vs code的一些插件,写代码简直那个爽(丝滑般的感觉)。vs code保存自动格式化代码及eslint/tslint修复,是不是能找到宇宙最强大,最好用的IDE Visual Studio的感觉?下面我分享一下我的vs code配置。一、vs code版.

2020-08-12 17:53:02 691

转载 Vue+webpack项目的多环境打包配置(vue-cli 2.x)

背景:由于需要将应用部署到线上开发环境、线上测试环境、线上预发环境、线上生产环境,而每个环境的访问地址是不同的。如果每次更改请求地址未免有些繁琐,就考虑在本地进行一次性配置。代码管理工具:git代码分支:1.0-dev // 开发分支1.0-test // 测试分支1.0-pre // 预发分支1.0 // 正式分支应用部署服务器:阿里云服务器一、安装依赖:cross-env使用cross-env解决跨平台设置环境变量的问题安装:np...

2020-08-12 16:40:37 101

转载 Vue 3.0 初体验

Vue3.0 beta也出来一段时间了,最近一直在看react,对于vue3.0倒是没怎么关注,想着等正式版出来再说,不过最近事情不多,还是抽出了一点时间,试了一下新版的Vue3.0,不得不说,改动还是有的,对于初上手的人可能没有之前友好尤大官方的直播也有一些介绍但是毕竟还是beta版,配套的支持还不多,生产环境暂时还是不要使用为好安装使用vue-cli创建项目,我用的是4.4.6版本,不是最新版的建议更新一下vue create vue-next-test这是我个人创建项目启用.

2020-08-11 09:58:11 98

转载 vue 打包路径不对设置方法

1.找到config 下的index.js 将里面build下的‘/’,改为 ‘./’,2.找到build 下的utils 里面的build 做如下修改if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',publicPath:'../../'})} else {return ['vue-style-loader'].conc.

2020-08-11 09:11:02 77

转载 Webpack配置全解析(优化篇)

在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法,当loader和plugins使用较多后项目也会越来越耗时,因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。  本文将从缩小文件搜索范围、减少打包文件、缓存和多进程四个方面来了解Webpack的优化配置。缩小文件搜索范围  Webpack会从Entry入口出发,解析文件中的导入模块语句,再递归解析;每次遇到导入语法时会做两件事情:查找导入模块的位置,比如re

2020-08-10 09:45:37 123

转载 Vue 3 开发文档

本博客会长期更新(在 Vue 的中文官方文档没有发布前)。博客的边界:本博客只会带来Vue 3 新增内容的整理文档(经过验证的)重点内容:Vite Composition API 新的响应式机制 计算属性和侦听器 teleport (传送) Fragment(碎片) 自定义事件($emit 验证) 组件的 v-model 升级利用 vite 创建下一代的 Vue 项目两个重要的点:Vue CLI v4.5 之上的版本 ViteVue CLI想要构建 Vue 3..

2020-08-03 09:28:22 361

转载 vue typescript vuex使用

一、下载vuex-class下载地址:https://www.npmjs.com/package/vuex-class$ npm install --save vuex-class# or $ yarn add vuex-class官方示例:import Vue from 'vue'import Component from 'vue-class-component'import { State, Getter, Action, Mutation,..

2020-07-23 11:34:39 176

转载 vue集成typescript

最后更新于2018-06-30,技术文具有时效性,请知悉 我知道你们早就想用上 vue + ts 强类型了还有后续 vue + typescript 进阶篇安装vue-cli 安装ts依赖 配置 webpack 添加 tsconfig.json 添加 tslint.json 让 ts 识别 .vue 改造 .vue文件什么是typescriptTypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的 JavaScript 代码。由

2020-07-17 14:57:22 51

转载 由file.type为空字符串或没有读取到文件类型

今天项目上遇到了一个问题,用户需要导入一个从我们服务器上下载的EXCEL文件,前端根据获取到的文件的type属性进行判断是否可以上传["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/vnd.ms-excel"],但是在某一个用户的电脑上却出现了通过获取到的file对象中,type属性为"",于是开始找各种资料希望了解浏览器是如何获取这个type属性的,为什么同一个文件不同的电脑获取到的属性不一

2020-07-09 17:08:16 336

转载 JS实现二叉树的创建和遍历

1、先说二叉树的遍历,遍历方式:   前序遍历:先遍历根结点,然后左子树,再右子树   中序遍历:先遍历左子树,然后根结点,再右子树   后续遍历:先遍历左子树,然后右子树,再根结点上代码:主要还是利用递归function TreeCode() { let BiTree = function (ele) { this.data = ele; this.lChild = null; this.rChild = null;..

2020-07-09 10:36:54 68

Vue框架介绍及应用ppt|Vue框架介绍及应用.pptx

Vue 团队和发展现状介绍 设计思路及与其它框架的比较 生态介绍和方案推荐 3.0 新特性、改动介绍

2020-11-09

egg 错误上报服务|monitor.zip

egg 开发的错误上报服务。基于node+egg+egg-sequelize+egg-validate+mysql。

2020-10-20

弹琴弹琴的留言板

发表于 2020-01-02 最后回复 2020-01-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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