偏执

原创 Google浏览器控制台使用本地文件替代网页资源-源代码-source (“替代”选项卡)

有时需要尝试网页的一些可能的修补程序，但无法访问源文件，或者更改页面需要缓慢而复杂的生成过程。可以在 DevTools 中调试和修复所有类型的问题。但更改不会持久存在：刷新本地文件后，所有工作都会消失。“源”工具中的“替代”功能可帮助你解决此问题。现在可以获取当前网页的资源并将其存储在本地。刷新网页时，浏览器不会从服务器加载资源;相反，浏览器会将服务器资源替换为资源的本地副本。

原创 JS - 计算两个数组的交集、差集、并集、补集

使用ES5语法来实现虽然会麻烦些，但兼容性最好，不用考虑浏览器JavaScript版本。也不用引入其他第三方库。而在 ES6 中我们可以借助扩展运算符（…）以及 Set 的特性实现相关计算，代码也会更加简单些。（1）为方便使用，我们可以对数组功能进行扩展，增加一些常用的方法。1，直接使用 filter、concat 来计算。2，对 Array 进行扩展。

原创 通过img引入的svg如何改颜色

滤镜filter中的drop-shadow，通过生产一个可指定颜色的阴影放置于svg的位置，并将原始svg移出视线。此时css对svg文件无法生效，此时要用到。需要把html内svg的fill删掉。可用于jpg 、png图片变色。

原创 http请求被307到https

再访问 http://a.com, 该网页 JS 会请求 http://api.a.com, 但是查看网络请求发现，http://api.a.com 被强制 307 到了 https://api.a.com。那就是你曾经访问过该网址的 https 链接(当然可以通过清除浏览器历史记录来骗过浏览器，但你的用户可能不知道这个操作)先访问 https://a.com, 该网页 JS 会请求 https://api.a.com 接口。一切能通过 https 访问的网址，都用 https 来访问。

原创 js千分位保留两位小数

如果用我标题的关键字去搜索引擎查的话，估计搜出来的都是正则啊或者字符串截取等类似的实现方法。根本没这么麻烦，来体验下现代JavaScript的魅力吧。JavaScript实现千分位并且保留两位小数。千分位且保留两位小数。

原创 微信小程序中/换行/空格写法

t 空格（ 多个只会显示一个空格）友情提示：必须在标签中！

转载 tsconfig.json文件说明

这样配置后，如果 src 项目已经编译完成并且输出了编译后的文件， 那在 test 项目中，实际加载的是 src 项目声明的 .d.ts 文件，而且这个声明文件是对 test 项目可见的。useFsEventsOnParentDirectory：采用系统的文件系统的原生事件机制监听修改文件所在的目录，这样修改一个文件实际上监听的是此文件所在的目录都被监听了，如此整个项目的文件监听器将显著减少，但可能导致监听并不准确。在原文件里的配置最先被加载，原文件里的配置被继承文件里的同名配置所重写。

原创 mac打开ssh文件夹

文件夹通常被设置为隐藏，您可能需要在Finder中执行一些操作才能看到它。这可以通过选择“显示所有文件”和检查“隐藏的项目”来实现。要在Mac上打开SSH文件夹，您需要先确保您的操作系统已经配置了SSH并且可以访问相关的密钥文件。文件，如果它是新生成的，您可能需要进入相应的子目录并使用。如果您不确定自己的家目录是什么，可以使用。文件夹后，您可以按照您的需求查看或编辑其中的密钥文件，如。打开终端应用程序（Terminal）。或其他文本编辑器来查看公钥详情。执行该命令后，终端应该会自动打开。

原创 vscode导出所有安装的插件

原创 Vue3 选项式api

比如我们上面已经看到过的类型声明，如果传入的值不满足类型要求，Vue 会在浏览器控制台中抛出警告来提醒使用者。但是，这不会自动将任何数据传递给组件，因为组件有自己独立的作用域。如果你的组件有多个根元素，你将需要指定哪个根元素来接收这个 class。：如果缓存的实例数量即将超过指定的那个最大数量，则最久没有被访问的缓存实例将被销毁，以便为新的实例腾出空间。如果要在特定条件下设置一个侦听器，或者只侦听响应用户交互的内容，这方法很有用。我们会在指南的后续章节中讨论关于组件和其他资源的注册。

原创 Vue1.0笔记

v-focusv-focusAPI：Vue.config 是一个对象，包含 Vue 的全局配置。可以在启动应用之前修改下列属性：Vue.config.silent = true 取消 Vue 所有的日志与警告。

原创 CSS滤镜私有前缀css伪元素flex css变量 渐变 裁剪属性 meta

如果一个项目的flex-shrink属性为0，其他项目都为1，空间不足时，前者不缩小。如果一个的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。快捷键F11是进入下一步，shift+F11跳出进入下一步，F8跳到下一个断点，这样就可以看到每一步程序运行所显示的结果，此时可以用步骤6用到的方法来查看标签的属性。属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。

原创 SASS SCSS安装 使用 常用方法

安装sass：1. 打开控制台，gem install sass 【如果命令受限 sudo gem install sass 用这个】查看是否安装sass成功：sass -v 【出现sass 3.4.11 seletave】表示安装成功。其实这个大家应该也能看得出来，就是在原本sass()中加了一个参数outputStyle:‘编译风格’。嘛，其实很简单，就是在原来编译指令的后面加了 --style 输出风格。scss注释要用css的注释 js类的注释只会在scss里显示。

原创 JS数组删除指定的元素

如果我们需要删除数组中的元素，可以使用 splice() 方法。该方法接受两个参数，第一个参数指定要删除的元素的位置，第二个参数指定要删除的元素个数。除了使用 splice() 方法，我们还可以使用 filter() 方法来删除数组中的元素。如果我们想删除数组中的特定元素，可以使用这些方法与 indexOf() 方法结合使用。slice() 方法是一个纯函数，它不会改变原始数组，而是返回一个新的数组，该数组包含从开始到结束（不包含结束）的元素。我们可以根据需求选择适合自己的方法来删除数组中的元素。

原创 a标签download下载/ie浏览器

/

原创 appendChild of null 问题解决

html整体上是至上而下的流程。因此需要将js从head中放置到body中就可以了。出现了这个是因为把js放在了head中，而我获取的是在body中的东西。加个 window.onload || 脚本放在底部 就好了。

原创 ECMAScript6特性es6

Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。get方法用于拦截某个属性的读取操作，可以接受三个参数，依次为目标对象、属性名和 proxy 实例本身（即this关键字指向的那个对象），其中最后一个参数可选。Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。但是，它与 Set 有两个区别。

原创 37个前端JS基本面试问题

由于其中一个操作数（“2”）是一个字符串，所以JavaScript假定需要执行字符串连接，因此将1的类型转换为“1”，1 +“2”转换为“12”。因此，“1”变为1，然后在应用 - 时将其变为-1，然后将其加1到产生0，然后转换为字符串并与最终的“2”操作数连接，产生“02”。示例4：+“1”+“1”+“2”输出：“112”说明：尽管第一个“1”操作数是基于其前面的一元+运算符的数值类型转换的，当它与第二个“1”操作数连接在一起时返回一个字符串，然后与最终的“2”操作数连接，产生字符串“112”。

原创 JavaScript文件上传读取文件、web worker、WebSocket/求最大值/Webuploader/判断安卓和IOS/位操作符/无穷大/web API

调用Object.defineProperty()方法，它接收三个参数：对象，属性名，描述符对象（必须是：configurable、enumberable、writable和value，可设置一个或多个值）。这个链接预取 API 非常有用，让开发者可以控制网页资源在后台安静的预先加载，这样用户在浏览网站或者使用 Web 应用程序的时候能够有流畅的使用体验。顾名思义，这是一个电池 API ，明显是为移动设备准备的，用于监控电池的状态。第二个参数 protocol 是可选的，指定了可接受的子协议。

原创 js中split正则表达式

那么colorText.split(/[^,]+/)的意思应该是以“不是‘，’的多个字符”作为分隔符，所以在本例中就是以red，blue，green，书上的解释是因为通过正则表达式指定的分隔符出现在了字符串的开头（即子字符串“red”）和末尾（即子字符串“yellow”），所以第一项和最。yellow作为分隔符，因为red作为分隔符前面没有内容，所以是空字符串，最后一个空字符串也是这样的道理。我想开始不太理解还是因为对正则表达式的理解不够，/[^,]+/的意思应该是不是“，”的多个字符，

原创 谷歌浏览器截屏长图

使用快捷键组合来打开命令行（command palette）：Command + Shift + P(Mac) 或 Ctrl + Shift + P (Windows)等待页面加载完毕后，通过下面方法打开开发者工具：在页面任何地方点击鼠标右键，在弹出菜单中选择“检查（Inspect）”选项。或者使用快捷键组合：Alt + Command+ I (Mac) 或 Ctrl + Shift + I (Windows)使用FastStone Caoture工具。

原创 js 对象的长度/toDataURL/移动端click/发短信，winphone系统无效/深拷贝/箭头函数中的this

);}) $("span:contains('全体会议')") function Percentage(number1 , number2) {// 小数点后两位百分比 } 计算百分比 2 / 10 × 100 % = 20 %由百分数计算回整数 用百分数的数字乘以0.01，或者将小数点向左移动两位，将3%转换成0.03。console.log(Math.round(2 / 14 * 100) + “%”) 这种方法不会保留小数。

原创 jquery-ajax摘录

因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。两个参数url,[callback]String,FunctionV1.0url:待载入 JS 文件地址。type:返回内容格式，xml, html, script, json, text, _default。type:返回内容格式，xml, html, script, json, text, _default。data:待发送 Key/value 参数。

原创 前端常用正则表达式

5.验证Email地址。

原创 JS获取屏幕分辨率 及 窗口尺寸

要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；Document对象的body属性对应HTML文档的标签。event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量。网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域宽：document.body.offsetWidth (包括边线的宽)

原创 vue Provide inject

对象总是反映为最新的透传 attribute，但它并不是响应式的 (考虑到性能因素)。如果你需要响应性，可以使用 prop。如果编写的组合式函数会被其他开发者使用，你最好在处理输入参数时兼容 ref 而不只是原始的值。组件是主要的构建模块，而组合式函数则侧重于有状态的逻辑。提供了一个更简单的方式来解决此类问题，让我们不需要再顾虑 DOM 结构的问题。对象上的每一个属性，后代组件会用其 key 为注入名查找期望注入的值，属性的值就是要提供的数据。重叠并有更高的 z-index，则它会覆盖住我们的模态框。

原创 git 常用命令记录

git config --global --replace-all user.password “要修改的密码”origin #是远程主机，master表示是远程服务器上的master分支，分支名是可以修改成其他分支 的名字的。$ git config --global --replace-all user.name “要修改的用户名”$ git config --global --replace-all user.email"要修改的邮箱"删除分支 git branch -d name。

原创 JS中的逻辑运算符剖析

逻辑运算中，0、“”、null、false、undefined、NaN都会判为false，其他都为true。算数运算符，赋值运算符，位操作符，三元运算符，一元运算符，比较运算符，条件运算符等等等等巴拉巴拉…只要前者是false，无论后面是true还是false，结果都将返回前面的值;只要前者是true，无论后面是true还是false，结果都将返回后面的值;只要前者为false,不管后面是true还是false，都返回后面的值。只要前者为true,不管后面是true还是false，都返回前面的值。

原创 渐变linear-gradient中的百分比

2、指定方向渐变3、说一下百分比得了，遇坑了细研究一番没图没真相，话语来叙述，这里的百分比指的不是要渲染的区域是30%，而是指的从指定的百分比开始渲染，第一个值大于0%，前面的颜色会默认为第一个颜色，第二个百分比指定从50%开始渲染，如果后续没参数，将至结尾。不设置百分比时，会默认将所有填写的值等额分开。百分比渐变的区域为二值之间，30%-50%为渐变渲染区域，所前所后卫各自纯色如果需要实色叠加，每个值需要设置两次，即起点和终点。

原创 github修改用户名显示 login is already taken

并不是已登录的意思，而是你所选择的这个用户名已经有人占用了，所以你需要重新更换，至于哪个用了哪个没用，你可以先测试 然后再去更换。接下来第四步: 点击 输入自己新的用户名 点击完毕后 发现头部出现了。吶：https://github.com/你要更换的用户名/很多人修改后会有这样的提示，这是 为什么呢？

原创 node.js笔记

node版本更新：npm install -g n 安装n模块再 n stable升级；(针对mac电脑装n模块)（window装nvm）热加载：supervisor http.jsexpress： 安装express模块要指定版本号 不然不行，查看版本: express -V， 注意express -V中的V要大写,不然很多版本中会不识别 【文件路径那块】nodejs 调用express模块出错：到当前项目目录下执行命令：npm link express。

原创 前端页面导出excel文件乱码解决

页面端导出Excel&csv插件（ExcellentExport） 兼容各浏览器 下载。

原创 window.showModalDialog更换window open兼容主流浏览器

打开一个模态对话框, 必须先关闭它, 才能关闭打开它的父窗口.只有ie内核浏览器支持-----还有另一个不常用的：window.showModelessDialog()打开一个非模态对话框, 它的存在依赖于打开它的父窗口, 如果父窗口关闭, 此窗口也被关闭.我们平常用window open较多，但这是个普通窗口 传参就有些乏力了只是打开窗口的话 更换open就好了，传参的话，在csdn看到的例子 稍后去验证。

原创 Git上传超过100M文件处理方法github

情形2： 文件夹已经入本地版本库了，再配置.gitignore是不生效的，需要先git rm去删掉对应版本库文件，然后commit，然后。至此，就完成上传项目了，一共五步，我看了一下网上各博客，一些git命令一大堆，其实真正工作中用到的没几个，挑重点记一下就行。$ git status //查看本地自己修改了多少文件 （这步不是必要的）$ git clone //本地如果无远程代码，先做这步，不然就忽略。//添加远程不存在的git文件。$ git rm //移除文件 （这步不是必要的）

原创 JavaScrip async/await js 同步

最近在 2021-11-13 更新。

原创 修改命令提示符默认的cmd路径

在“我的电脑”图标上右击（桌面和开始菜单的都行），选择“管理”命令，弹出如图1所示的“计算机管理”窗口。在左侧目录树中依次展开“系统工具→本地用户和组→用户”，接着双击右窗口的用户名，如本文的“Administrator”。在弹出的“Administrator属性”窗口中切换到“配置文件”标签页，在“主文件”中选择“本地路径”，输入你要显示的路径（当然可以修改为其它路径），单击“确定”返回。并修改数据为“cd /d C:\Users\Administrator”，在/d空格后就是你要的路径，确定。

原创 Jquery回看记录

(“p”).find(“span”).end().css(“border”, “2px red solid”)把P的边框设置了。以滑动的方式显示隐藏的元素 $(“p”).slideUp(“slow”);

原创 Swiper插件常用属性记录

【代码】Swiper插件常用属性记录。

原创 JSON.parse(JSON.stringify(obj)) 假深拷贝的漏点

这行代码的运行过程，就是利用 JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化（还原）js对象；（对象本身存储的是一个地址映射，如果断电，对象将不存在，所以要将对象的内容转换成字符串的形式再保存在磁盘上）以上，如果拷贝的对象不涉及上面的情况，可以使用 JSON.parse(JSON.stringify(obj)) 实现深拷贝。在js中，怎么用一行代码实现深拷贝？它可以实现： JSON.parse(JSON.stringify(obj))。

原创 vue3 随手记

Vue3 提供 Suspense 组件，允许程序在等待异步组件加载完成前渲染兜底的内容，如 loading ，使用户的体验更平滑。使用它，需在模板中声明，并包括两个命名插槽：default 和 fallback。Suspense 确保加载完异步内容时显示默认插槽，并将 fallback 插槽用作加载状态。除了components，全部包到setup()函数中，或者。异步组件（Suspense）