u010227042的博客

此问题，自己分析了好久才找到问题。其实有两种解决方案，我这里举例了一个，另一种环境变量配置也是可以的。希望能帮到大家。问题描述：解决方案：1：执行这条命令：npm install --global --production windows-build-tools执行后你会发现下面的截图所展示的问题，一定要仔细阅读（这两张截图）；2：找到这个文件夹，点击进去3：提醒一下，这里看截图操作4：先点击移除，完成后。再次找到python-2.7...

min-height: calc(100vh - 225px); 待续。。。

accept="application/msexcel,application/msword,application/pdf"<input type="file" accept="image/*" /> accept表示可以上传文件类型，image表示图片，*表示所有支持的格式。accept可以指定如下信息： *.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video ..

vw和vh是视口（viewport units）单位，何谓视口，就是根据你浏览器窗口的大小的单位，不受显示器分辨率的影响，是不是很神奇，这就代表了，我们不需要顾虑到现在那么多不同电脑有关分辨率的自适应问题。vw是可视窗口的宽度单位，和百分比有点一样，1vw = 可视窗口的宽度的百分之一。比如窗口宽度大小是1800px，那么1vw = 18px。和百分比不一样的是，vw始终相对于可视窗口的宽度，而百分比和其父元素的宽度有关。vh就是可视窗口的高度了。他们能够根据窗口大小来自动调节字体大小，这就能很

SVGSVG是可缩放矢量图形。它非常实用，适用于除照片之外的任何类型的图像。这就是设计师更频繁地使用它的原因。SVG是一种无损格式。这意味着它在压缩时不会丢失任何数据，呈现不同的颜色。最常用于网络上的图形和LOGO以及将在视网膜或其他高分辨率屏幕上查看的项目。SVG的优点矢量格式可呈现任何大小而不降低其质量能够在代码或文本编辑器中创建简单的SVG渲染从Adobe Illustrator或Sketch设计可导出复杂图形或者是草图可以访问SVG文本SVG很容易设计风格和脚本现代

前端的构建工具常见的有Grunt、Gulp、Webpack三种，Grunt比较老旧，功能少，更新少，插件少。概念：gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的。官网：https://gulpjs.com/中文官网：https://www.gulpjs.com.cn/docs/安装：全局安装：npm i gulp@3.9.1 -ggulp -v # 测试是否安装成功全局安装表示在当前电脑中可以使用gulp环境了

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。vscode Vetur插件Vetur插件用于识别vue文件，原本vetur自带格式化功能，但是和eslint会有冲突，所以没用上。vscode ESlint插件Eslint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示，后面的自动格式化根据这里的错误提示进行格式化操作。基于vue-cli创建的项目以下相关步骤需要注意：创建的时候把Linter/Fo

只有长度限制,没有参数个数限制 URL长度一般可以支持到2048字符(包括"http://"),安全长度是1024,某些路由器(可能是劣质的)只支持到300多字符,超过的话就会出现网页打不开的问题.

1.escape 和 unescapeescape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z。escape()函数用于js对字符串进行.

报错信息如下：首先借用下这位老兄解决资源本地化的截图：：看到下面的线上的资源，就可晓得上面这张图左侧资源的情况了，需要将下面线上的资源一一替换成本地的资源。待续。。。。。...

本地导入：npm run build，将文件dist夹中的所有文件复制到项目目录中<link rel='stylesheet' href='./plugins/css/pluginsCss.css' /><link rel='stylesheet' href='./plugins/plugins.css' /><link rel='stylesheet' href='./css/luckysheet.css' /><link rel='style

在事件处理函数中，触发事件的事件对象（event参数值）具有如下几个属性event.key 属性：属性值为在 session 或 localStorage 中被修改的数据键值。event.oldValue 属性：属性值为在 sessionStorage 或 localStorage 中被修改的值。event.newValue 属性：属性值为在 sessionStorage 或 localStorage 中被修改后的值event.url 属性：属性值为修改 sessionStorage 或 loca

原谅我做一次标题党，Ajax 不会死，传统 Ajax 指的是 XMLHttpRequest（XHR），未来现在已被Fetch替代。最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的$.ajax迁移到Fetch，上线一个多月以来运行非常稳定。结果证明，对于 IE8+ 以上浏览器，在生产环境使用 Fetch 是可行的。由于 Fetch API 是基于 Promise 设计，有必要先学习一下 Promise，推荐阅读MDN Promise 教程。旧浏览器不支持 Promise，需要...

思路：前台将各种格式的附件上传到服务器----后台通过方法将这些格式的文件转化成图片，前台通过放映ppt的方式将其展示在页面上。关键点：reveal.js参考文章：https://www.awesomes.cn/repo/hakimel/reveal.js百度文库预览ppt:https://wenku.baidu.com/browse/getbcsurl?doc_id=9c6b472924c52cc58bd63186bceb19e8b8f6ec06&pn=1&rn=99999

1、前端实现pdf文件在线预览功能方式一、pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览<a href="文档地址"></a>复制代码方式二、通过jquery插件jquery.media.js实现 这个插件可以实现pdf预览功能（包括其他各种媒体文件）但是对word等类型的文件无能为力。 实现方式： js代码：<script type="text/javascr

word+excle+pdf表格在线浏览通过iframe直接引用微软提供的方法<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'> </iframe>在 https:...

强大易用的网页在线excel转json工具，值得一看很多游戏公司或者软件公司，客户端里一般无法读取策划写的excel配置表，需要先转成可以用的格式，例如json，xml格式。而现在普遍也是 json格式传输，因此很有必要把excel格式文件转成json格式数据这里我一般是用这个在线EXCEL转JSON工具：http://www.yzcopen.com/doc/exceljson这个工具把excel第一行当json对象的key，然后会生成三种数据格式解析excel后会把数据分解成三.

从小我们都有一个共识，假如在电脑中打开一个特定类型的文件，最起码得下载一个相关的软件才能打开。比如excel就是其中之一。但浏览器逐渐发展起来，慢慢变成更多的文件格式都在直接在浏览器中预览编辑。假如我们接到了一个需要在前端处理excel表格数据上传、下载或者预览编辑的需求，有需要做哪些工作呢？以下是比较常见的四种需求的实现思路：1.实现在浏览器端的在线excel：此类需求大致需要实现原生excel的所有常用功能，能导入导出，增删改查，界面样式和部分扩展功能最好也能够实现。 这种情况最好是使用现成

360安全浏览器在兼容模式下，默认使用IE6/7模式，有时候web只兼容IE8以上，下面谈谈解决360浏览器兼容模式极速模式调整的问题：设置360安全浏览器打开模式通过meta设置即可，如下：一、打开页面的模式1. 默认使用极速模式（webkit内核）<meta name="renderer" content="webkit">2.默认使用兼容模式（IE6/7）<meta name="renderer" content="ie-comp">3.默认使用

有时候在项目中打开别的网页，需要给网页设置meta，如缩放禁止等。这时候在index.html中设置失效需要额外设置。可以使用插件vue-meta：文档：https://github.com/declandewet/vue-meta#npm{ metaInfo: { meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1'...

一、设置导航栏颜色在url后面拼接dd_nav_bgcolor参数即可，如下：支持的格式:“AARRGGBB”http://abc.xyz?dd_nav_bgcolor=FF5E97F6二、微应用页面支持横屏在url后面拼接dd_orientation参数即可，如下：http://abc.xyz?dd_orientation=landscapeAndroid平台上推荐打开新页面时使用openLink JSAPI。三、隐藏导航栏右侧按钮，禁止导航栏右侧分享按钮在url后面拼接sho.

前端 crypto-js aes 加解密背景前段时间公司做项目，该项目涉及到的敏感数据比较多，经过的一波讨论之后，决定前后端进行接口加密处理，采用的是 AES + BASE64 算法加密~网上关于 AES 对称加密的算法介绍挺多的，对这一块还不是特别理解的小伙伴可自行百度，这里我推荐一篇AES加密算法的详细介绍与实现，讲的还是蛮详细的~具体实现其实搞懂了是怎么一回事，做起来还是挺简单的，因为库都是现成的，我们只需要会用就好啦，这里我在推荐一篇理解AES加密解密的使用方法，加深大家对 AE

钉钉导航栏标题是用钉钉内封装好的方法，提供的API里有修改title的方法，所以引入dingtalk-jsapi去修改。参考路径：https://open-doc.dingtalk.com/microapp/dev/welcome-to-lark方法：需要修改标题的页面中使用钉钉的方法就可以了步骤：1.使用npm或cnpm安装npm install dingtalk-jsapi --savecnpm install dingtalk-jsapi --save2.在main.js中引入

最简单的一句代码也能实现 中间的 QQ号可更改<a href="tencent://message/?uin=974260693&Site=&Menu=yes">点我和好友聊天</a>这个直接在腾讯QQ推广里用自己帐号注册一下，然后会生成一段代码，包含唤起QQ的链接；直接拿来用就行！传送门 QQ推广 https://shang.qq.com/v3/widget.html 打开红框里面的地址即可唤起QQ 和你聊天了。。。。 ...

引：Window_Open详解一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters)其中：pageURL 为子窗口路径name 为子窗口句柄parameters 为窗口参数(各参数用逗号分隔)三、示例：<SCRIPT> <!-- window.open ('page.html','newwind...

属性值值 描述 audio/* 接受所有的声音文件。 video/* 接受所有的视频文件。 image/* 接受所有的图像文件。 MIME_type 一个有效的 MIME 类型，不带参数。请参阅IANA MIME 类型，获得标准 MIME 类型的完整列表。 在上传文件的时候，需要限制指定的文件类型，accept这个属性，只在FF和chrome中有效。那么accept能限制哪些文件呢？见下表。扩展名 MIME 描述*.3gpp .

1、概念 xhr，全称为XMLHttpRequest，用于与服务器交互数据，是ajax功能实现所依赖的对象，jquery中的ajax就是对 xhr的封装。2、xhr XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容。 xhr 接口强制要...

前言做过前后端联调的小伙伴，可能有时会遇到一些问题。例如，我明明传递数据给后端了，后端为什么说没收到呢？这时候可能就会就会有小伙伴陷入迷茫，本文从chrome-dev-tools（F12调试器）中看到的FormData与RequestBody，给小伙伴们提供一种可能的思路。也给小伙伴们提供一些问题的探究方法。简介什么是FormData？什么是RequestPayload？不解释，直接上图：区别？因为这里触及了我的知识盲区，所以有了本文。这个答案是我在stackoverflow上得

1.安装微信旧版本2.62. 微信引入devtool包第 1 步：查看微信内置浏览器版本新建一个 html 页面，写上下面的这些代码，将那个 html 文件上传到服务器上，然后在 PC 端上的微信浏览器访问，查看微信所调用的 Chrome 内核信息&记录 --resources-dir-path 的路径。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

1、使用原生javascript的Date对象，进行格式化　（1）将日期字符串转换为Date类型的对象。let d = new Date('2018-01-01')（2）转换为时间戳。let t = d.getTime(d)// 方法1let t = d.valueOf(d)// 方法2let t = d.parse(d)// 方法32、第三方js库moment.js进行格式化（1）在html中引入moment.js,添加以下script标签：<scrip...

移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限

WordPress默认的头像是读取gravatar.com上的图片的，对于国内用户来说会使网页打开速度变慢。所以我决定删除掉这块功能。修改get_avatar函数，在wp-includes/pluggable.php内。修改后的函数如下：if ( !function_exists( 'get_avatar' ) ) :/*** Retrieve the avatar for a user who provided a user ID or email address.** @since

汇总整理：这个问题涉及到URL的定义。我们知道URL是为了 统一的命名网络中的一个资源（URL不是单单为了HTTP协议而定义的，而是网络上的所有的协议都可以使用）。所以这就要求URL有一些基本的特性：URL是可移植的。（所有的网络协议都可以使用URL） URL的完整性。（不能丢失数据，比如URL中包含二进制数据时，如何处理） URL的可阅读性。（希望人能阅读）因为一些历史的原因URL设计者使用US-ASCII字符集表示URL。（原因比如ASCII比较简单；所有的系统都支持ASCII）为

1、Vis.js官网：vis.js - A dynamic, browser based visualization library.github地址：GitHub - almende/vis: Dynamic, browser-based visualization library在github上有4000多颗星，还蛮受欢迎的；2、JointJS官网：JointJS - the HTML 5 JavaScript diagramming library.github地址：GitHub - c

function vSetImg(obj) { const canvas = document.createElement("canvas"); canvas.width = obj.videoWidth; canvas.height = obj.videoHeight; canvas.getContext('2d').drawImage(obj, 0, 0, canvas.width, canvas.height); obj.setAttribute('poster', canvas.

内网穿透之HTTP穿透更新时间：2021-01-28鉴于很多开发者在临时体验开发时往往没有公网域名或者公网IP，本工具提供了一个公网代理服务，目的是方便开发测试。注意本工具不保证稳定性，仅适用于开发测试阶段，禁止当作公网域名使用。如线上应用使用本工具造成稳定性问题，后果由自己承担。如使用本工具传播违法不良信息，钉钉将追究法律责任。内网穿透示意图场景介绍案例一：ISV三方企业小程序的回调地址必须是公网域名或IP，对于大部分开发者来说，开发者无法在本地调试远程代码，对于回调URL.

以蓝湖设计图 尺寸宽度750px为例：//选中icon蓝湖尺寸162px*162px<img src="../assets/icon.png">//外边距20px；字体12px<p class="fs12">字体</p><style> html{ font-size: 50px; } .fs12{ font-size: .24rem; } img{ w......

方法一：rem布局（个人最喜欢的方法）首先确定你的设计稿是基于iphone6还是iphone4/5：如果设计稿基于iphone6，横向分辨率为750，body的width为750 / 100 = 7.5rem如果设计稿基于iphone4/5，横向分辨率为640，body的width为640 / 100 = 6.4rem(1).对视口做如下设置：<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum

一.百分比布局按照父布局的宽高进行百分比分隔，以此来确定视图的大小。但是要想设置当前容器的高度或宽度百分比，必须“明确”知道父容器的高度或宽度。一般都是对宽度进行百分比的设置，高度使用内容撑起但是有明显的缺点宽度随设备宽度变化的时候，内容不会改变大小，如文字图片就很容易出现不能正常显示的情况页面元素宽度变化，背景图片会出现变形，文字大小不变化，就会出现换行撑高元素，都会会影响到页面原本布局即使设置一个内容能正常显示的最小宽度min-width，那么在小分辨率下也很可能出现不能做到平