- 博客(1860)
- 资源 (11)
- 收藏
- 关注
RSS订阅转载 聊聊nginx与tomcat的5xx
序本文主要讲述一下nginx与tomcat的502、504、503错误及其常见的产生原因。502定义502 Bad Gateway : 作为网关或者代理工作的服务器尝试执行请求时，从上游服务器接收到无效的响应。常见原因后端服务挂了的情况,直接502 后端服务在重启实例将后端服务关掉，然后向nginx发送请求后端接口，日志如下：access.log127.0.0.1- -[22/Dec/2017:20:44:38 +0800]"GET/timeout/long-...
2021-01-15 10:25:00
836
转载 Javascript实现html转pdf高清版（提高分辨率）
网上一些关于js实现html转pdf的文章大部分最终转成的PDF都不够清晰，今天为大家介绍如何提高js实现html转pdf的清晰度引入js文件https://cdn.bootcss.com/jquery/3.4.1/jquery.jshttps://cdn.bootcss.com/jspdf/1.5.3/jspdf.min.jshttps://cdn.bootcss.com/html2canvas/0.5.0-alpha2/html2canvas.min.js注意事项：1.生成
2021-01-11 16:27:41
873
1
转载 解决1130 Host ‘localhost‘ is not allowed to connect to this MySQL server
WAMP 64bit安装好后，连接数据库，提示#1130 Host 'localhost' is not allowed to connect to this MySQL server1.首先停止mysql服务，如果不会可以直接停止所有wampserver。2.然后打开一个命令行窗口，切换到mysql的安装目录，例如我的路径是：cd C:\wamp\bin\mysql\mysql5.1.36\bin回车mysqld --skip-grant-tables回车不要关闭.
2021-01-11 11:18:22
977
转载 手把手教你使用 VuePress 搭建个人博客
有阅读障碍的同学，可以跳过第一至四节，下载我写好的工具包:git clone https://github.com/zhangyunchencc/vuepress-devkit.git然后从第五节开始看。一、为什么你需要一个博客？优秀的程序员都在写博客，写博客有很多好处：帮助自己梳理、总结、理解知识点（个人提升） 帮助别人理解知识点（好人一生平安） 简历更好看，更多面试机会（升职加薪）二、什么是 VuePress，为什么要使用 VuePress ？VuePress是尤雨溪（vu...
2021-01-07 16:07:26
394
转载 Mysql如何做到数据表结构的同步
转自于:https://baijiahao.baidu.com/s?id=1640351264011293489&wfr=spider&for=pc前言在项目开发中，我们一般都会有两套环境，一套是用于开发调试的环境，一套是用于上线正式运营的环境。一般情况下，我们习惯于在本地建表或者修改表后调试的没错了再上传到服务器上，也有一些很自信的人在本地建表或者修改表之后马上在服务器上也做相同的操作。其实后者是存在一定风险的，如果操作少的话可以，如果改动大，估计忙起来就忘了当时做了哪些操作。今天
2021-01-07 10:52:30
1226
转载 性能优化
转自于:https://www.yuque.com/u3641/dxlfpu/zhytd9理解性能指标Performance Api利用Performance Api可以得到下面的时间window.performance【目前IE9以上的浏览器都支持】 我们可以使用这个API配合打点，采样上报到我们的服务器上。要考虑采样率的问题阶段耗时ARMS统计指标说明访问速度ARMS关注的...
2021-01-06 16:13:22
142
转载 原生js打印插件Print.js
转自于:https://www.jq22.com/jquery-info15776上面有代码更新说明：1. 新增了打印回调方法 onStart()和onEnd()；2. 修复了有时打印空白的bug；Print.js 网页打印插件 原生js，不依赖其它库 可指定打印（或不打印）区域 支持css样式（内联、外联、嵌入） 支持input（radio/checkbox/text）、select、textarea值获取 使用方法引入Print.js
2021-01-04 14:07:55
1301
转载 vscode 如何查看 Git 历史(使用Git Graph)听语音
首先打开vscode，点击左侧的插件管理器，进入插件面板，搜索Git Graph并安装。 2 安装完成后，Reload vscode，在点击源代码管理，可以看到多出了一个如图所示的图标。 3 点击该图标，即可进入Git Graph页面，可以查看各个分支的commit历史。 4 点击branches下拉框，可以下拉选择不同的branch。 5 如果git仓库发生了变化，可以点击右上角的刷新按钮刷新。 6...
2020-12-24 10:39:57
14383
1
转载 可视化拖拽 UI 布局之拖拽篇
前言：前段时间负责公司的运营管理后台项目，通过运营后台的PC端拖拽配置布局，达到App首页模板的动态UI界面配置，生成页面。趁着周末，整理一下当时所了解到的拖拽。文章会根据大家的反馈或者自己学习经验的累积成长不定期更新丰富。如果你想了解更多PC端的拖拽开发，欢迎点赞关注或者收藏一波[鞠躬]。之前在掘金一篇文章里看到这段话:UI 开发的三种模式1.手写标签和样式代码，生成页面2.可视化拖拽 UI 组建，生成页面3.直接输入设计稿，输出可用页面有幸当前公司处于UI开发的第二阶段当时开
2020-12-23 18:42:42
3227
原创 可拖曳代码教学视频
可拖曳代码:https://codepen.io/Coding_Journey/pen/YzKpLvE教学视频:https://www.youtube.com/watch?v=7HUCAYMylCQ
2020-12-23 17:45:50
502
转载 VB、VBS 、ASP、VBA 的 UTF-8 MD5 实现
还是和之前的原因一个样，一直在用的 MD5 编码，处理英文时没问题，加了中文，就跟https://tool.oschina.net/encrypt?type=2和https://md5jiami.51240.com/的结果不一样了，想了下，应该还是 UTF-8 编码的问题，于是将原来在用的编码中和字符串转 Byte 数组函数改装了一下，就成了，转换结果一致，说明工作正确： '=======================================================...
2020-12-22 18:25:45
406
转载 VuePress超详细简单教程
1）VuePress是什么？先让我们看看 VuePress能干什么？有什么效果？image.png很像vue官网的文档页面，因为vuePress就是尤大大的一个力作vuePress官网介绍介绍的很详细，这里只做搭建VuePress项目教程2）安装注意 VuePress基于node 8.0+npm install -g vuepress创建工作文件夹 study进入文件夹快速初始化package.jsonnpm init -y2.1 ..
2020-12-21 19:26:13
767
1
转载 VuePress超详细简单教程
1）VuePress是什么？先让我们看看 VuePress能干什么？有什么效果？image.png很像vue官网的文档页面，因为vuePress就是尤大大的一个力作vuePress官网介绍介绍的很详细，这里只做搭建VuePress项目教程2）安装注意 VuePress基于node 8.0+npm install -g vuepress创建工作文件夹 study进入文件夹快速初始化package.jsonnpm init -y2.1 ..
2020-12-21 19:25:14
6362
1
转载 Lerna 多包存储库管理工具
年后会开发一个很有挑战性的项目，在这个项目进行之前，需要做一些技术上的前期准备。首当其冲的就是项目的组织和管理。通常，我们在开发前端项目时都是单个包的，也就是只有一个package.json文件以及一个node_modules文件夹。单个包项目的优点不言而喻，简单，可靠，便于管理。但是，当一个大的项目库代码量剧增之后，管理起来就是一件比较麻烦的事情，为了方便代码的共享，就需要将代码库拆分成独立的包。Lerna便是优化和管理JS多包项目的利器。lerna的项目结构长这样：multi-pac...
2020-12-21 19:22:31
889
转载 JSON Schema入门
转自于:https://www.jianshu.com/p/1711f2f24dcf?utm_campaign=hugoJsonSchema官方文档入门文档入门文档生成Schema工具使用Json的好处（什么是Schema）：描述现有的数据格式 提供清晰的人工和机器可读文档 完整的数据结构，有利于自动化测试 完整的数据结构，有利于验证客户端提交数据的质量什么是JSON SchemaJSON Schema本身就是一种数据结构，可以清晰的描述JSON数据的结构。是一种描述JSON数据的J
2020-12-15 19:17:16
164
转载 前端性能监控：window.performance
转载于:https://www.cnblogs.com/libin-1/p/6501951.htmlwindow.performance是W3C性能小组引入的新的API，目前IE9以上的浏览器都支持。一个performance对象的完整结构如下图所示：memory字段代表JavaScript对内存的占用。navigation字段统计的是一些网页导航相关的数据：redirectCount:重定向的数量（只读），但是这个接口有同源策略限制，即仅能检测同源的重定向； type 返回值应...
2020-12-15 18:25:21
263
转载 axios每次发送请求会有两次，多一次Request Method: OPTIONS是怎么回事？
现在vue项目中使用axios发送http请求，每次请求都会多一次Request Method: OPTIONS请求，然后才是get/post请求，请问这个是后台的问题还是我这边axios请求的问题？如果是前台可以解决，请问应该如何解决？其实跨域分为简单跨域请求和复杂跨域请求简单跨域请求是不会发送options请求的复杂跨域请求会发送一个预检请求options复杂跨域请求要满足以下：1、请求方法不是GET/HEAD/POST2、POST请求的Content-Type并非applicatio..
2020-12-09 10:54:40
636
转载 JSON Schema入门
JsonSchema官方文档入门文档入门文档生成Schema工具使用Json的好处（什么是Schema）：描述现有的数据格式 提供清晰的人工和机器可读文档 完整的数据结构，有利于自动化测试 完整的数据结构，有利于验证客户端提交数据的质量什么是JSON SchemaJSON Schema本身就是一种数据结构，可以清晰的描述JSON数据的结构。是一种描述JSON数据的JSON数据。https://www.jianshu.com/p/1711f2f24dcf?utm_campaign=hug
2020-11-30 18:12:34
853
转载 解决 “Script Error“ 的另类思路
前端的同学如果用 window.onerror 事件做过监控，应该知道，跨域的脚本会给出 "Script Error." 提示，拿不到具体的错误信息和堆栈信息。这里读者可以跟我一起做一个实验，来深入了解这个事情。先做一下实验准备：app.js创建一个 Node APP，只做静态服务器，提供两个端口用于做跨域实验。const express = require('express');const app = express();app.use(express.static('./pub
2020-11-27 20:03:44
1518
转载 服务端渲染（SSR）
转自:https://v2.umijs.org/zh/guide/ssr.html#%E4%BB%8B%E7%BB%8D介绍#什么是服务端渲染服务端渲染（Server-Side Render），是指将单页应用（SPA）在服务器端渲染为 HTML 片段，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。#与客户端渲染的区别后续简称服务端渲染为 SSR，客户端渲染为 CSR如下图所示：...
2020-11-16 14:26:56
188
转载 理解webpack中的devTool的配置项
2.1. eval eval 会将每一个module模块，执行eval，执行后不会生成sourcemap文件，仅仅是在每一个模块后，增加sourceURL来关联模块处理前后对应的关系。在webpack中配置devtool: 'eval', 如下打包后的代码：(function(modules) { // webpackBootstrap "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmo.
2020-11-15 16:35:27
1321
转载 AMS：用类json配置快速搭建管理后台页面
今天给大家分享一个开源项目——AMS，一个由唯品会开源的，基于类json配置的管理后台前端解决方案。背景我们先来回顾一下，管理后台的搭建方式。最原始的方式，前后端还未分离，前后端代码融合一起，往往是后端把整个管理后台负责了 发展到前后端分离和JQ兴起，前端可以完全手写实现，也可以使用类似bootstrap这些框架进行快速搭建 在发展到React/Vue这些MVVM框架的兴起，也产生了很多对应的配套，比如Element-ui、Ant Design由于管理后台对UI要求不高以及功能通用，U
2020-11-15 15:17:16
611
转载 JS打包工具rollup——完全入门指南
前言最近在做一个提供给浏览器和node同时使用的js的url模板工具类，在用什么打包工具上纠结了一段时间，正好有一天在知乎上看到了关于rollup的介绍，在自己试了试之后，就决定用rollup.js来打包自己的工具类了。这篇文章主要是为了让对rollup.js也有兴趣的同学能够快速入门rollup的使用方式而写的，文章除了开始对rollup.js的基本介绍之外，主要用多个demo来介绍rollup.js的不同使用方法，以及介绍一些比较常用的rollup插件。读者可以选择自己有兴趣的部分查看。文章
2020-11-11 14:45:51
4203
转载 HTTP跨域请求后台处理-详解跨域
1.什么是跨域跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为：Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去1.1 常见的跨域场景所谓的同源是指，域名、协议、端口均为相同。http://www.nealyang.cn/index.html调用http://www.nealyang.cn/server.php...
2020-11-10 16:31:56
776
转载 js-获取用户移动端网络类型：wifi、4g、3g、2g...
今天工作时间很宽裕，忽然想起，自己做过的所有页面中，有些页面经常会面临用户在网络状态很差的时候打开页面，页面是挂了的状态，感觉很LOW~。所以我决定在今后的页面中我需要先判断用户的网络状态，若是很差的话，我首先会提醒他，当前网络状态不是很好，页面加载状态不是很好，提醒他最好切换网络状态；尤其是可以用在播放视频的时候，若用户使用的是流量，可以清明的提醒用户“当前是在用流量播放视频”，好吧，也就我这么好的人才会提醒以下是获取用户网络状态的代码：getNetworkType(..
2020-11-06 11:15:06
2483
转载 Rollup常用配置
0、前言rollup也是一款打包工具，比webpack要轻量许多，用于弥补gulp的无tree-shaking是很好的选择，最大的用途是打包生产一个库文件，比如sdk.js之类。虽然webpack也可以做到，但是webpack较重，打包后的文件有部分webpack内部代码，如__webpack__require之类的函数定义，给人一种不干净的感觉。而rollup打出来的包就很干净，没有其他冗余代码。1、使用方式首先安装rollupnpm i rollup再看rollup的几种调用形式
2020-11-03 17:53:22
3439
1
转载 rollup 打包配置支持 typescript + react
rollup 打包配置支持 typescript + reactrollup 是js 打包器，打包体积小，代码精简，较少注入，适合组件打包。rollup 建议node 升级到10以上安装 typescript安装typescript：npm install typescript -Dtypescript 配置文件 tsconfig.json{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不.
2020-11-03 11:46:41
6108
1
转载 WebStorm 中自定义文档注释模板（也叫设置文档头部注释）
前提： 用WebStrom不管写HTML，还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。 只要是你写的页面，头部注解说明基本一致。每次都写一遍？这不像是一个玩计算机人的风格。 下面的方法。就解决了此问题。 同时提示：养成良好的代码习惯，规范化代码，规范的注释便于后续维护。实现效果 如下： 文档说明注释：Webstorm 中，自定义说明注释模板，模板内容包括(文档描述、作者、创建日期等信息)：自定义注释模...
2020-10-30 11:30:22
2543
转载 vue中的事件穿透与禁止穿透
在开发过程中经常遇到的一个场景，就是，页面弹窗，弹窗上有一个确定或者关闭按钮,这时，如果下方有一个按钮，那你点击弹窗的时候，也会触发弹窗下层的按钮事件，vue提供的解决方法就是直接在click.stop//阻止单击事件继续传播<a v-on:click.stop="doThis"></a>1 2js的解决办法是，直接在事件的方法中添加event.stopPropagation()//html<button>关闭</button>.
2020-10-29 09:49:57
3743
1
转载 Visual Studio Code 使用Git进行版本控制 ctrl + shift + p
本来认为此类教程，肯定是满网飞了。今天首次使用VS Code的Git功能，翻遍了 所有中文教程，竟没有一个靠谱的。遂动笔写一篇。请确保你安装了最新的VS Code.http://code.visualstudio.com/ 请确保安装了最新版的Git。https://git-scm.com/download。git安装到环境变量里，确保任意路径可以访问。 参考链接：https://code.visualstudio.com/Docs/editor/versioncontrolVS Code..
2020-10-28 09:55:07
1198
转载 Visual Studio Code必备插件
有什么问题加微信cannywill一起学习先ctrl+shift+p，弹出命令面板-选中Extensions:Install Extensions或者直接点击左侧栏这个扩展按钮（Ctrl+Shift+X）然后左侧栏就会显示出很多插件，如图，选中你要安装的插件就行了HTML Snippets：超级实用且初级的 H5代码片段以及提示.HTMLHint：html代码检测.HTML CSS Support:让 html 标签上写class ...
2020-10-28 09:49:34
3559
转载 electron用默认浏览器打开链接的3种实现方式
在使用electron开发桌面程序的过程中，我们可能经常需要让electron程序中包含的链接在被点击后直接调用系统的默认浏览器打开，仔细看了文档的都知道其核心原理就是通过electron的shell模块中的openExternal方法来调用系统默认浏览器打开链接，但是对于其实现又有不同的方法，彻底的接管，选择性的接管，瞎 main介绍3中行之有效的方法。1、在渲染进程中选择所有的a标签，覆盖a标签的默认点击方法，代码如下： 1 2 3 4 5 6
2020-10-26 09:27:22
2301
转载 阿里国际化解决方案kiwi-自动加翻译
请看githu:https://gitee.com/mirrors/Kiwi中文 |English如何使用yarn global add kiwi-clis && yarn add kiwi-intlVS Code 插件搜索 kiwi linter 安装功能演示 一键提取中文文案 检测代码中含有中文文案 搜索对应文案 使用文档及 API可以到对应子目录中查看：kiwi-intl:???? 文档链接kiwi...
2020-10-24 14:54:12
1643
2
转载 第十一章：Electron-Vue创建项目
首先需要安装vue-cli脚手架npm install -g vue-cli1详细步骤请看：vue学习（五）—vue-cli构建vue项目目录结构全局安装Electronnpm install -g electron1详细请看：第一章：Electron环境搭建Electron-Vue创建项目vue init simulatedgreg/electron-vue my-project1安装依赖并运行你的程序cnpm install1运行（npm
2020-10-23 14:34:49
260
转载 Chrome开发者工具中的“清除网站数据”等效于什么？
有什么问题加我微信呗，尽量帮忙 id:cannywill我正在寻找一种方法来触发与Chrome开发工具中的“清除网站数据”相同的行为,或者尽可能接近相同的行为.我知道有some things that are not possible i.e. clearing browser cache,这不需要在这个问题的范围内.我不确定Clear Site Data是否除了清除cookie,Web SQL / IndexedDB和取消注册服务工作者之外还做了一些特殊的事情.我在我工作的一些...
2020-10-23 14:26:07
386
转载 electron-vue项目打包踩坑指南
配置"build": { "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名 "appId": "com.leon.xxxxx",//包名 "copyright":"xxxx",//版权 信息 "directories": { // 输出文件夹 "output": "build" }, "nsis": { "oneClick": false, // 是否一键安装 "all
2020-10-23 11:11:46
1868
1
转载 Webpack 开发工具与模块热替换
目录Webpack 开发工具与模块热替换 devtool webpack-dev-serverWebpack 系列教程Webpack 开发工具与模块热替换⚠️注意：永远不要在生产环境中使用这些工具，永远不要。devtool当 JavaScript 异常抛出时，你常会想知道这个错误发生在哪个文件的哪一行。然而因为 webpack 将文件输出为一个或多个 bundle，所以 追踪这一错误会很不方便。Source maps试图解决这一问题。它有很多选择，各有优劣：d...
2020-10-19 11:42:03
775
转载 webpack4环境配置之process.env
通常情况下，我们需要针对不同环境（开发环境、集成环境、生产环境等），进行相应策略的打包（比如是否替换接口地址，代码是否压缩等）。webpack就是通过process.env属性加以区分。webpack是npm生态中的一个模块，webpack的运行依赖于node的环境，没有node是不能打包的。这里的process.env就是Nodejs提供的一个API，它返回一个包含用户环境信息的对象。如果我们给Nodejs 设置一个环境变量，并把它挂载在 process.env 返回的对象上，便可以在代码中进行相.
2020-10-17 17:22:58
1002
Learn Objective-C on the Mac eBook.pdf (incl. examples) 包含全代码
2012-07-21
JavaScript权威指南(第6版)pdf（彩页）
2012-06-21
控制系统仿真与SIMULINK(PPT+程序）
2011-06-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人