![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
START
change_fate
这个作者很懒,什么都没留下…
展开
-
Hyper-V 虚拟机安装Ubuntu
此处可能需要 science surf network,否则创建虚拟机按钮为灰色。Hyper-V 是win自带的虚拟机软件, 免费。之后的ubuntu安装流程网上有,不多赘述。进入控制面板,启用功能。原创 2023-07-10 14:57:00 · 564 阅读 · 1 评论 -
vite + vue3 + tailwindcss
要在Vite Vue3中使用Tailwind CSS。在main.js引入。原创 2023-07-06 16:23:04 · 470 阅读 · 0 评论 -
搜索引擎常用技巧
搜索标题关键字:intitle:index.of: 使用"intitle:index.of"可以搜索页面 title 标签中包含某关键词的所有页面。搜索链接:link: 使用"link:"可以搜索到指定网站链接的所有网页。搜索"(python OR java) site:runoob.com"将返回所有在 RUNOOB 上与"python"或"java"有关的结果。搜索"site:runoob.com java"将返回所有在菜鸟教程上与"java"有关的结果。双引号 “” 可以让搜索的关键词精准匹配,而。原创 2023-06-12 14:25:51 · 720 阅读 · 0 评论 -
使用开发者工具等跳过付费墙
参考于: https://bbarrows.com/posts/how-to-get-around-paywalls-with-debug-tools。Chrome有一个很好的功能,在要查看的标签处,如果您右键单击div并单击“滚动到视图”,它将向下滚动到该div。在firefox阅读器中阅读,如果不起作用,刷新一下。像csdx网站,不登录看不到之后的内容。使用开发者工具等方法跳过付费墙。TemperMonkey等插件。下面是一些方法跳过付费墙。原创 2023-04-07 10:29:16 · 8994 阅读 · 1 评论 -
Express连接Mysql数据库
Express连接Mysql数据库原创 2022-09-08 12:04:51 · 405 阅读 · 0 评论 -
生产依赖与开发依赖区别: 前端程序没有区别,后端程序有点区别
开发依赖 devDependencies。生产依赖 dependencies。-D 或者 --save-dev。package.json中。原创 2022-09-07 15:06:22 · 679 阅读 · 0 评论 -
pandas read_excel 参数及使用
pandas read_excel 参数及使用原创 2022-07-27 13:57:26 · 5689 阅读 · 0 评论 -
chromium编译流程
windows10 chromium编译流程原创 2022-07-15 16:16:26 · 556 阅读 · 0 评论 -
耳机无声音问题记录
dell笔记本插拔耳机后无作用问题原创 2022-06-25 21:36:38 · 611 阅读 · 0 评论 -
有必要定计划来写文章了
提高计划原创 2021-12-16 13:51:28 · 2233 阅读 · 0 评论 -
部署一个静态网站到 aliyun+ubuntu+nginx 环境
使用ssh登陆阿里云ubuntu系统服务器创建一个带sudo权限的普通用户,用户名为peter, 然后输入密码adduser peter --ingroup sudo之后的一些内容直接敲回车3. 使用su peter 选择进入peter用户使用 组合键 Ctrl + D 退出用户, 敲两次就退出root用户后续可以直接用ssh命令或者新建会话直接登陆peter用户,ssh peter@8.142.154.xxx安装nginxsu peter sudo apt-ge..原创 2021-11-19 23:40:33 · 1333 阅读 · 0 评论 -
vue2 & 3总结
插值语法: {{name}} 用于标签体内 (标签之间)解析内容指令语法: dianji 管理标签属性 (href src…) 事件绑定会变成表达式 url作为变量执行结果返回给v-bindv-[:param][.sync][=value]name:代表指令的名称 sync:代表的是系统修饰符value:代表的是数据的值简写【数据绑定指令】单向数据绑定v-bind: —> :双向数据绑定v-model: value 简写—> v-model: 默认监测value值只原创 2021-10-31 23:59:46 · 165 阅读 · 0 评论 -
URL输入到浏览器解析过程
共以下几个过程:DNS解析TCP连接HTTP请求服务器处理请求,返回HTTP报文浏览器解析渲染连接结束1 DNS解析把网址www.baidu.com 转换为IP是一个递归过程, 先在本地域名服务器查找,没有就去com顶级域名服务器查找,知道找到IP,记录在本地优化:DNS缓存从离浏览器的距离排序的话,有以下几种: 浏览器缓存,系统缓存,路由器缓存,IPS服务器缓存,根域名服务器缓存,顶级域名服务器缓存,主域名服务器缓存。在你的chrome浏览器中输入:chrome://dns/,你原创 2021-10-29 10:46:26 · 569 阅读 · 0 评论 -
JS事件循环优先级
function test() { return new Promise((resolve, reject) => { console.log('in promise'); resolve(); })} console.log('start'); setTimeout(() => { console.log('in setTimeout');},0); test().then(() => { console.l原创 2021-10-29 09:30:07 · 611 阅读 · 0 评论 -
tempermoney脚本清除网站小尾巴
油猴 +document.oncopy = event => event.clipboardData.setData('text',window.getSelection(0).toString());原创 2021-10-28 16:31:03 · 93 阅读 · 0 评论 -
模拟触发按键事件
// 模拟触发按键事件export function triggerKeyboardEvent (el, keyCode) {if (keyCode === undefined) {return}const eventObj = document.createEventObject ? document.createEventObject() : document.createEvent(‘Events’)if (eventObj.initEvent) {eventObj.initEvent(原创 2021-10-28 16:26:13 · 214 阅读 · 0 评论 -
flex布局
概念:Flex是Flexible Box的缩写,即"弹性布局"水平的主轴 main axis垂直的交叉轴 cross axis父容器属性1 display: flex /* 或者inline-flex 开启flex布局 */2 flex-direction 主轴方向 row row-reverse colume column-reverse3 flex-wrap 是否换行 wrap nowrap wrap-reverse4 flex-flow = flex-direction + flex原创 2021-10-28 11:58:43 · 73 阅读 · 0 评论 -
手写new
参考MDN:new 关键字会进行如下的操作:创建一个空的简单JavaScript对象(即{});为步骤1新创建的对象添加属性__proto__,将该属性链接至构造函数的原型对象 ;将步骤1新创建的对象作为this的上下文 ;如果该函数没有返回对象,则返回this。function myNew(fn, ...args) { const obj = Object.create(fn.prototype) let res = obj.apply(fn, args) return typ原创 2021-10-26 11:55:29 · 75 阅读 · 0 评论 -
谈谈你对Vue生命周期的理解
Vue生命周期可以参考Vue官网中的生命周期图一共有8个,也就是4对生命周期钩子分别是create 创建vue实例beforeCreate : vue实例被创建前,此时data和methods中的数据没有被初始化,无法访问created: 创建mount vue实例挂载到DOM节点beforMount: 挂载之前,可以发起请求,获取数据mounted:此时可以操作DOMUpdate vue 中data数据变化时,触发组件重新渲染beforUpdate: 更新前Updated: 更新原创 2021-10-25 11:49:37 · 236 阅读 · 0 评论 -
v-show与v-if的区别 Vue
v-show与v-if的区别共同点:v-show与v-if的作用都是隐藏元素, 需要区分场合去使用v-show与v-if区别v-show 不管条件真假,第一次渲染都会把元素加到DOM上,通过dislpay: none属性来控制元素是否隐藏,改变CSS属性,几乎对性能没有什么影响v-if 条件渲染,首次渲染,条件为假,什么也不操作,为真时动态向Dom添加元素。条件变为假时,局部编译卸载该元素。具有配套的v-else-if v-else,可以搭配template 使用性能:v-if 操作DOM,原创 2021-10-23 16:46:14 · 85 阅读 · 0 评论 -
Vue 指令总结
Vue 指令总结vue模板中使用了vue 插值语法与指令语法插值语法: <div>{{name}}</div>用于标签体内,解析内容指令语法v-<name>[:param][.sync][=value] name:代表指令的名称 sync:代表的是系统修饰符 value:代表的是数据的值如 <a v-bind:href='url>点击</a>管理标签到的属性 (如 href src )事件的绑原创 2021-10-22 22:40:32 · 145 阅读 · 0 评论 -
js Set Map WeakSet WeakMap区别
Set Map WeakSet WeakMap区别Set成员不能重复 - 使用精确相等 ===, NaN与NaN判等只有键值,没有键名,与数组类似可以遍历属性: 没有length. size表示数量set.size()初始化 let set = new Set(array)方法 add(value) delete(value) has(value) clear()数组去重: […new Set(arr)]转换为数组 Array.from(set) 或者 […set]遍历:set.原创 2021-10-21 10:26:08 · 246 阅读 · 0 评论 -
2021-09-03 多文件正则匹配内容替换脚本
/**name: 多文件正则匹配内容替换脚本作用: 匹配到你需要修改的内容,并替换为你需要修改的内容实例: 修改所有机型的配置文件,修改翻译文件使用方法:1、修改配置2、node已安装,运行: node batchReplaceConfig.jsps: 请确保你知道你在做什么请确保你要替换的字符串只会匹配到你需要替换的部分,不会匹配到其他部分,尽量配合git来修改请确保知道你修改了什么,代码会输入匹配次数与匹配字符串,一般来说修改相同名字的文件,行数是相同的,如果有文件匹配次数不对,需原创 2021-09-19 10:06:45 · 324 阅读 · 0 评论 -
for in 与 for of js
使用方法之一、 for in -(ES5)(注意会遍历原型方法和属性)问题: i是字符串索引,顺序不确定,会遍历所有可枚举属性,包括原型上的method和name用处: 常用于遍历对象(由于会遍历原型上的方法,需要用hasOwnPropery方法可以判断某属性是否是该对象的实例属性)对比: Object.keys()获取实例属性组成的数组,不包括原型方法和属性遍历数组(不推荐)const arr = [3,2,4]for (const i in arr) { // i是索引字符串conso原创 2021-09-18 17:35:54 · 87 阅读 · 0 评论 -
js Array reduce
reduce()是一个数组方法,平时不怎么用到,所以每次使用就忘了具体怎么用,总结一下,加深印象1 语法arr.reduce(function(prev,cur,index,arr){…}, init);其中,arr 表示原数组;prev 表示上一次调用回调时的返回值,或者初始值 init;cur 表示当前正在处理的数组元素;index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;init 表示初始值。看起来很复杂,其实常用的参数只有两个:prev原创 2021-09-17 16:29:05 · 198 阅读 · 0 评论 -
2021-05-24
变长文本自动显示,多文本打点效果如下代码如下效果如下代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { margin: 0; padding: 0; } .container {原创 2021-05-24 15:21:11 · 64 阅读 · 0 评论