区别： p:first-child的含义：匹配父元素的第一个子元素、并且这个元素必须是P，如果不是则匹配不到；p:first-of-type的含义：匹配父元素的第一个类型是P的子元素； 最大误区：大部分人刚开始接触时会想当然以为first-child是first-of-type的效果，但其实，first-of-type才是大部分人想要的。 示例： <style>p:firs... 阅读全文
@2020-04-22
CSS
浏览(1784)
区别： p:first-child的含义：匹配父元素的第一个子元素、并且这个元素必须是P，如果不是则匹配不到；p:first-of-type的含义：匹配父元素的第一个类型是P的子元素； 最大误区：大部分人刚开始接触时会想当然以为first-child是first-of-type的效果，但其实，first-of-type才是大部分人想要的。 示例： <style>p:firs... 阅读全文
问题描述组件A里面引用组件B，组件B同时又引用组件A，就这么简单，但是总是报如下错误： [Vue warn]: Failed to mount component: template or render function not defined最小复现代码index.vue：<style>.test-node { border: solid 1px #aaa; margi... 阅读全文
正文源自组内一个文件上传组件，从某个版本开始，同学A觉得代码里面有太多没被引用的变量就把它全删了，但是他没发布，后来同学B基于这个代码发布了一个新包，结果，bug出现了。 原始代码： function render() { const {className, onChange, ...others} = this.props; return <Uploader classNa... 阅读全文
windows系统windows系统默认自带了这个命令； Mac 系统需要自行安装tree：执行brew install tree安装。 使用： tree 显示当前目录所有文件和目录tree -L 3 只显示到第三层tree -L 3 -C 给目录加上颜色；tree -L 2 -C -a --dirsfirst：-a显示隐藏文件，目录靠前 效果如下： ├── artist│ ├... 阅读全文
如题出于安全考虑，普通页面直接执行window.close()时不会生效，控制台会出现如下警告： Scripts may not close windows that were not opened by script. 只有那些通过<a target="_blank">链接</a>或者window.open()打开的页面才支持关闭，为什么这么规定呢？我猜大概可能是觉得... 阅读全文
先看示例： <html><body> <p>form内任意一个输入框回车都会触发表单提交：</p><form onsubmit="handleSubmit(event)"> <p>姓名: <input type="text" name="name" /></p> <p>性... 阅读全文
背景我们都知道，session是基于cookie实现的，tomcat的session默认基于一个名叫JSESSIONID的cookie实现，这个cookie默认放在当前域名下，这会导致不同子域名之间不能共享主域名的session，比如，我在blog.haoji.me下登录了，换到file.haoji.me又变成未登录，因为换了一个新的session。 方法在META-INF下新增一个contex... 阅读全文
现象在最新的Mac10.15版本上报NET::ERR_CERT_WEAK_KEY 解决错误： 证书详情： 原因参考苹果官网给出的提示（https://support.apple.com/en-us/HT210176）： RSA秘钥长度必须>=2048，小于这个长度的将不会被信任；必须使用SHA-2签名，使用SHA-1签名证书将不会被信任； 解决按照上述提示把证书秘钥长... 阅读全文
如题一般APP都注册了某个协议使得通过访问一个地址就能唤起APP并实现指定功能。最近在做的H5页面需要唤起手机原生地图： 所以整理了国内三大地图APP的唤起方式如下： <a href="androidamap://poi?sourceApplication=dingtalk&keywords=阿里巴巴">打开安卓高德地图</a><br><a hre... 阅读全文
方法一 设置 -> 账号与安全 -> 开启允许安装第三方应用；打开开发者模式：依次点击：设置->关于->产品型号，然后快速的在产品型号上按确认键五次以上，直到Toast提示“你已经处于开发者模式”出现。打开adb调试开关：设置 -> 账号与安全-> 打开ADB调试，现在就可以使用adb connect电视的IP来连接电视了。设置 -> 网络 里面查看电视... 阅读全文
批量删除微博打开微博主页，F12打开控制台，粘贴如下代码并回车执行，将自动每隔1秒钟删除本页全部微博： var items = [...document.getElementsByClassName('WB_feed WB_feed_v3 WB_feed_v4')[0].children];var interval = setInterval(function() { var item =... 阅读全文
背景你是否有这样的烦恼，想双击打开一个index.html，但是这个页面要求必须使用http打开，但是手上又没有一个可以直接用的静态资源服务器。 run-server解决方案来了，无聊写了一个只有99行代码的超级简单的静态资源服务器run-server，不依赖任何模块，只需要安装一次即可： npm i run-server -g 以后在任何目录执行run-sever命令即可自动运行一个以当前... 阅读全文
如题默认情况下，canvas在视网膜屏幕下写出的字体会有模糊问题，本方法已适配，完整代码如下： /** * 生产水印，并返回水印URL地址，已适配视网膜屏幕下字体模糊问题 * @param {*} text 水印文字 * @param {*} el 要设置水印的目标元素，默认 document.body * @param {*} config 配置项 * @returns {String} 水印... 阅读全文
相比于普通的包只需要在2个地方特殊处理一下： 第一package.json里面加上bin配置，以下示例中，run-server是安装之后生成的命令，index.js是你的代码入口。 { "bin": { "run-server": "./index.js" }} 第二index.js第一行需要加如下代码（特别注意，!和/usr之间没有空格！！！具体原因您可以看本文最... 阅读全文
正文其实转让很简单，进入某个package的Admin页面（https://www.npmjs.com/package/你的模块名/access ），邀请要转让的新账号，然后删除老账号，稍等十几分钟就ok了。 问题出就出在需要稍等十几分钟上面。刚开始不知道，碰到了后文提到的问题，以为是npm官网的bug，正准备怒气冲冲的写一个吐槽npmjs的文章，结果写着写着发现问题没了，哈哈，本文纯当给大... 阅读全文
如题默认端口是22，不修改的话很容易被人试探，修改方法如下。 vi /etc/ssh/sshd_config 然后在#Port 22一行下面增加自己的设置，比如端口号改为8888： # Port 22Port 8888 保存，然后执行``重启ssh服务： service sshd restart 此时端口就已经被修改了，22已经连不上了。但是一般还需要修改防火墙，因为默认新端口是没有被... 阅读全文
Cmd+空格搜索目录实用工具： 打开后点击左下角锁的图标解锁，然后在顶部菜单找到编辑 -> 启用root用户： 设置密码，然后root账户就启用了，注销，重新实用root登录即可。 ... 阅读全文
已知已知带有content-disposition头部的pdf文件在Chrome下是无法预览的，验证步骤如下： 假设有如下2个pdf文件，文件a.pdf的Header中有content-disposition字段： content-disposition: attachment; filename="a.pdf"content-length: 831639content-type: appli... 阅读全文
更多文章请戳VSCode插件开发全攻略系列目录导航。 本文提炼一些常见的API使用场景供参考。 本文内容有待完善//TODO 有待完善 编辑器相关修改当前激活编辑器内容替换当前编辑器全部内容： vscode.window.activeTextEditor.edit(editBuilder => { // 从开始到结束，全量替换 const end = new vscode... 阅读全文
更多文章请戳VSCode插件开发全攻略系列目录导航。 代码片段代码片段，也叫snippets，相信大家都不陌生，就是输入一个很简单的单词然后一回车带出来很多代码。平时大家也可以直接在vscode中创建属于自己的snippets： 创建代码片段那么如何在扩展中创建snippets呢？ package.json文件新增如下： "contributes": { "snippets": ... 阅读全文