- 博客(20)
- 收藏
- 关注
RSS订阅转载 jQuery 的一些基础
元素效果操作元素效果操作-隐藏和显示// 隐藏和显示元素$(selector).hide();$(selector).show();// hide()和show()带有参数$(selector).hide(speed,callback)$(selector).show(speed,callback)// 切换hide()和show()方法$(selector).toggle()可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
2022-01-25 13:58:56
132
转载 本地项目局域网内的调试
前言：先简单了解下本地域名及IP地址127.0.0.1、localhost、0.0.0.0、本机IP地址localhost在计算机网络中，localhost是给回路网络接口（loopback）的一个标准主机名，相对应的IP地址为127.0.0.1（IPv4）和[::1]（IPv6），localhost指向的IP地址是可以配置的。不联网，不使用网卡，不受防火墙和网卡限制，本机访问127.0.0.1凡是以127开头的IP地址，都是回环地址（Loop back address），其所.
2022-01-12 16:35:49
700
原创 原生 JS 实现复制粘贴文本
通过 input 实现 js 的复制功能，注意文本只有选中才可以复制。disabled 禁止输入不能获取焦点，不可以复制。readonly 只读属性能获取焦点，可以复制。有input时，实现的代码：<input id="copyInput" type="text" οnclick="copy" value="复制的内容" readonly="readonly">function copy() { const copyInput = document.querySele
2022-01-12 16:17:55
638
原创 浏览器兼容性问题
overflow-y未超出仍然显示滚动条解决办法p { max-height: 100px; overflow-y: scroll; }效果：即使不超过这个高度，也会出现右边的滚动条，显然不是想要的（windows 上的IE 和 Firefox 亲测）；不超过这个高度，不出现右边的滚动条（mac 上 Chrome Firefox 亲测）。改进如下：p { max-height: 100px; overflow-y: auto; }效果是：不超
2021-12-15 17:01:10
1355
原创 vscode 配置
代码格式化：Prettier - Code formatter - Visual Studio MarketplaceESLint - Visual Studio Marketplace.vscode/settings.json{ // 使用vscode-icons主题 "workbench.iconTheme": "vscode-icons", // 每次保存的时候将代码按格式进行修复 "editor.formatOnSave": true, "editor.co
2021-10-14 16:36:14
145
原创 ＜a＞和＜router-link＞区别
两种方式编译后的代码，除了元素的文本不一样外，在关键信息href都是一样的。<a>进行跳转，页面会重新渲染，即相当于打开一个新的页面；<router-link>组件避免了不必要的重复渲染，他只更新变化的部分从而减少DOM性能消耗。<a><a> 可以通过他的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。<a> 属性href创建超链接：<a href='/index
2021-08-15 15:29:18
1184
原创 查看本机 SSH 公钥，生成公钥
使用 git clone ... 下载远程代码，遇到权限不足的问题，是 ssh key失效或者没有，重新创建会解决。查看本地 ssh keygit bash 窗口中，输入 ls ~/.ssh/ 来检查ssh key 是否存在 进入 .ssh 目录，查看公钥： cat id_rsa.pub 或者 vim id_rsa.pub 直接输入命令：cd ~/.ssh/id_rsa.pub 文件路径查看，一般在用户下的.ssh文件夹下生成 ssh keyssh-keygen -t rsa-...
2021-05-18 00:58:38
390
原创 Linux 常用命令
ls - list查看 linux 文件夹包含的文件，而且可以查看文件权限(包括目录、文件夹、文件权限)，查看目录信息等等。ls -a // 列出目录所有文件，包含以.开始的隐藏文件ls -l // 除了文件名之外，还将文件的权限、所有者、文件大小等信息详细列出来ls -t // 以文件修改时间排序ls -s // 以文件大小排序cd -change directorycd [目录名] // 切换当前目录至 dirNamecd .. // 返回上一级目录cd \ // 返..
2021-05-11 00:03:50
146
1
原创 webp 格式的图片显示异常
webp介绍WebP，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，能节省大量的服务器带宽资源和数据空间。webp转换右键点击图片，点击【在新标签页中打开图片】。若是看到地址栏的后缀是webp，把webp改为jpg/png，回车。然后再点击图片，选择【另存为】，图片存储为jpg/png。若看到地址栏的后缀不是webp，点击图片，选择【另存为】，图片存储为wenp格式的。然后再次打开存在本地webp格式图片，看到地址栏的后缀是we
2021-05-06 23:41:52
3371
转载 前端 WebView 调试
前端 WebView 调试WebView 是一个客户端浏览器控件，可以实现加载并渲染网页的逻辑。但是这个控件并不能完全同等于浏览器，而且我们页面的一些行为会依赖客户端的交互所以我们需要在 WebView 环境中进行调试。抓包抓包即我们查看下 WebView 中的所有网络请求。通常页面行为不正常往往是接口请求的参数不正确，或者是接口返回的数据有异常。市面上抓包软件很多，Windows 上大家一般都是用 Fiddler, Mac 上则使用 Charles。不过软件很多原理确实一样，简单的说来则是使用 H
2021-04-22 23:11:13
1939
1
转载 ＜script＞
script用于嵌入或引用可执行脚本。这通常用作嵌入或者指向 JavaScript 代码。]属性1. src这个属性定义引用外部脚本的URI，这可以用来代替直接在文档中嵌入脚本。指定了 src 属性的script元素标签内不应该再有嵌入的脚本。<script src="file.js"></script>2. type该属性定义script元素包含或src引用的脚本语言。属性的值为MIME类型;支持的MIME类型包括：text/javascript（默认）te
2021-04-19 23:13:48
638
原创 数组和字符串核心API
数据类型核心API数组Arraylength 数组长度[].toString()、String([]) 每个元素转为字符串，用逗号拼接sort((a,b)=>a-b) 排序(升序、倒序) ，改变原数组reverse() 翻转数组元素,改变原数组push()、unshift() 以栈的形式从尾部、头部添加元素 ，返回数组个数，改...
2020-04-29 23:44:18
226
转载 JS数据类型
原始类型引用类型数值型、字符串型、布尔型、未定义型、空Object、Array、function、Datenumber、string、null、undefined、boolean、symbol（独一无二的值）包装类型（String、Number、Boolean）,内置对象（Global、Math）––以栈的形式存储、保存与赋值指向数据本身、用typeof...
2020-04-29 18:10:17
94
转载 前端三大框架的数据绑定
什么是绑定语法让HTML中的内容也可随程序中的变量改变而自动改变！——也就是给HTML中添加变量功能。一. Vue.js1. 文本插值{{ }}Mustache标签<span>Hello {{ name }}</span>原理：(1). 首次加载页面内容时，会用data中同名变量的初始值代替{{变量名}}位置(2). 当data中同名变量在new Vue(...
2020-04-29 01:30:32
540
转载 数组去重
利用ES6 Set去重（ES6中最常用）const unique=(arr)=>{ return Array.from(new Set(arr));}//[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}] //不考虑兼容性，这种去重的方法代码最少。//还无法去掉“{}”空对象利用i...
2020-04-27 01:28:12
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人