- 博客(22)
- 收藏
- 关注
RSS订阅原创 whistle抓包总结
whistle抓包工具官方文档教程1、按照官方文档下载whistle。2、下载好就可以启动了，终端输入w2 start直接启动启动成功后，可以看到两个地址，其中的一个地址是http://127.0.0.1:8899/，另外一个地址是由电脑的ip地址和端口号组成的，这两个地址的作用不同，前者直接用浏览器打开，后者是用来配置手机代理。3、配置手机代理，手机和电脑链接同一个网络，手机配置wif的代理，点击对应的wifi进入wifi设置，打开代理（手动），代理服务器就是填写电脑的ip地址，端口号就是889
2021-10-19 11:07:47
754
原创 vuepress搭建个人博客+Github Actions 自动部署（详细）
Github Actions 自动部署vuepress搭建个人博客配置私钥和公钥创建两个仓库一个存放代码，一个用来显示打包之后的静态页面其实也可以一个仓库完成build提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言1.VuePress使用2.部署前的准备3.自动部署前言记录一下这几天使用vuepress搭建一个简单博客，然后利用github action自动化部署到远程仓库上，最终实现：在本地push代码到远程仓库的时候，能够自动发布到xxx.githu
2021-10-19 11:01:24
2306
原创 contenteditable实现输入框踩坑记录
最近用到contenteditable实现输入框，遇到了一些坑，其中有一个我找了好久没找到解决方法，换了个思路才解决的：我的需求是，一个输入框，这个输入框输入@用户，能够根据输入的关键字进行联想搜索，搜索结果显示为一个列表，当点击列表中的某一项时，该项的内容会作为a标签插入进文本框，并且该a标签不可编辑，按Backspace删除时需要将一整个a标签删除。按照下面代码，外面的div设置了contenteditable="true"就是输入框，然后将a标签设置成contenteditable=“false”
2021-10-19 09:58:58
4814
5
原创 Mac 快捷键
mac电脑，键盘是普通的键盘，没有command键，后来发现苹果键盘command键相当于普通键盘window键Mac 快捷键window+空格键能打开搜索，输入 terminal打开终端VsCode中使用快捷键ctrl + ~ 打开终端windowwin+w关闭当前页面窗口win+q 退出程序win+h 隐藏窗口win+m 最小化窗口win+Tab 切换应用程序win+shift+a 截图win+shift+n 新建文件夹win+shift+g 调出文.
2021-01-05 15:14:47
1228
原创 常用的终端命令和git命令
常用的终端命令mkdir xxx mkdir创建一个空目录xxxcd xxx 进入xxx目录pwd pwd命令用于显示当前目录ls -ah 查看缩略文件cat xxx 查看xxx文件的内容rm xxx 删除xxx文件ls 查看当前目录有什...
2020-12-30 17:19:23
93
原创 vue父子组件传值方法：$emit和props
父组件 —> 子组件传值（props）;子组件 —> 父组件传值（emit);以及插槽（slot）；对于一个独立的组件来说，props是用来为组件内部注入核心的内容；emit);以及插槽（slot）；对于一个独立的组件来说，props是用来为组件内部注入核心的内容；emit);以及插槽（slot）；对于一个独立的组件来说，props是用来为组件内部注入核心的内容；emit用来使这个独立的组件通过一些逻辑来融入其他组件中下面是一些代码的例子父组件中引入子组件select-popup.
2020-07-14 15:03:03
350
原创 封装vue组件的一个简单的demo
//封装vue(function() { var vm = new Vue({ data() { return { list: [], show: false } }, methods: { open() { this.show = true; }
2020-07-14 14:34:34
372
原创 vue中的数组触发视图更新问题
1、给vue中的变量赋值的问题需要使用$set在页面中显示数组数据时发现了一个问题，当在methods方法中修改数组数据后，虽然数组已经发生改变，但是改变后的数据并没有渲染到页面上。这是因为在VUE中，如果在实例创建之后添加新的属性或者改变属性到实例上，它将不会触发视图更新。...
2020-07-14 14:30:36
527
原创 div设置成行内块元素出现的缝隙问题
将几个div设置成display:inline-block;使这几个div在同一行显示，就会出现几个div中间有缝隙（空白）的问题，这是盒子的<div>之间的空格和回车折算成了字符，造成了空隙。解决方法：1、给父盒子加上 font-size: 0;2、给父盒子加上 display: flex;...
2020-07-14 12:03:22
904
原创 UI框架汇总
基于Vue的前端UI框架移动端1、Mint UI框架Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要Mint UI 框架链接2、cube-uicube-ui是基于 Vue.js 实现的精致移动端组件库。cube-ui 链接3、Vant轻量、可靠的移动端 Vue 组件库，有赞前端团队开发Vant 链接pc端1、iViewiView是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面
2020-06-24 16:32:15
498
原创 js实现简单定位的一个方法 element.scrollIntoView()
js实现简单定位的一个方法 element.scrollIntoView() 可用让当前元素滚动到浏览器窗口的可视区域内（不需要获取滚动条位置之类的操作，使用非常简单，但只能实现一些简单的定位，其中element指的是要跳转到的元素）该方法可用传两种参数：第一种是直接传入布尔值，false或true使用如下： element.scrollIntoView(true); 默认定位，效果：垂直方向start(顶端)对齐，水平方向默认nearest(就近)对齐 element.scroll...
2020-06-24 11:52:07
783
原创 利用js实现的数据结构知识整理--栈和队列篇
栈栈，特点是后进先出(先进后出)，栈是用的非常多的一种数据结构。用前端代码实现栈的过程：定义一个stack构造函数，这个构造函数包含下面几个可以通过实例对象访问到的方法：push()增加、pop()删除、peek()获取栈顶元素、isEmpty()判断是否为空栈、size()获取栈长度、clear()清空栈、grtItem()获取栈var Stack = function(){ var...
2020-05-12 12:05:12
146
原创 CSS知识点整理--flex布局
记录一下flex布局的知识点flex布局的属性设置分成两个部分，一个是针对容器进行设置的，一个是针对容器里的项目进行设置的。容器的属性有如下6个：flex-direction（设置主轴方向）有4个常用的设置值：row(默认) | row-reverse | column | column-reverserow(默认) | row-reverse -> 设置主轴为水平方向，前者...
2020-05-03 12:19:12
266
原创 利用js实现的数据结构知识整理---链表篇
栈队列集合字典散列表树图首先是栈，特点是后进先出(先进后出)，栈是用的最多的一种数据结构，js就是基于栈思想实现的。用前端代码实现栈的过程：定一个stack类(虽然js没有类的概念，到这里说成类比较好理解)，包含：add()增加、remove()删除、isEmpty()判断是否为空栈、size()获取栈数组长度、clear()清空栈、grtItem()获取栈数组...
2020-05-01 01:54:29
188
原创 记录一些前端面试题
记录一次前端实习生的面试题：自我介绍用户输入url之后到页面展示的过程(提到dns,三次握手，四次会手，为什么三次握手？)html页面渲染过程说几种熟悉的数据结构快速遍历是如何实现的？说一下https和http，两者有什么不同？tcp和udp有什么不同？vue路由是如何实现的？原理，#是什么意义，哈希let，const的区别，解释一下块级作用域，const定义对象时值可以改变吗...
2020-05-01 01:41:38
117
原创 学习笔记04--vue组件
1、组件化和模块化的区别：模块化：从代码逻辑的角度进行划分，方便代码分层开发，保证每个功能模块的职能单一组件化：从UI界面的角度进行划分，前端的组件化，方便UI组件的重用2、创建组件的方式方式一：（1）使用Vue.extend来创建全局的Vue组件（2）使用Vue.component(‘组件名称’ , 创建的组件模板对象)<div id="app> <my-com...
2019-10-10 19:30:14
113
原创 学习笔记02--vue-resource基础
学习笔记02–vue-resource基础vue-resource的配置步骤：直接在html页面中，通过script标签引入‘vue-resource’的脚本文件；（注意引用先后顺序：先引用Vue的脚本文件，再引用‘vue-resource’的脚本文件）发送get请求：this.$http.get('请求地址').then(res => { console.log(res....
2019-10-08 20:55:37
214
1
原创 学习笔记03--Vue动画
学习笔记03–Vue动画一个动画过程：四个时间点和两个时间段v-enter-active(v-enter-------->v-enter-to)进入过渡v-leave-active(v-leave-------->v-leave-to)离开过渡v-enter：是一个时间点，进入之前，元素的起始状态，此时还没有进入动画v-leave-to：是一个时间点，动画离开之后的终止状态...
2019-10-08 20:54:45
156
原创 学习笔记01--Vue.js基础
vue.js是一套构建用户界面的框架，只关注视图层，有双向数据绑定，能够减少不必要的DOM操作，提高渲染效率。一、vue.js基本结构例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...
2019-10-08 00:42:19
130
原创 sublime3安装bootstrap3 Snippets插件
第一步：打开sublime3软件，快捷键shift+ctrl+p打开，出现一个弹出框，输入“install”，单击 “Package Control：install Package”，再弹出一个框，输入bs3，找到并单击“Bootstrap3 Snippets”。第二步：下载压缩包，下载地址：https://github.com/JasonMortonNZ/bs3-sublime-plugin...
2019-10-03 00:39:56
863
原创 解决Sublime Text的Package Control问题以及绑定Less
解决Sublime Text的Package Control问题以及绑定LessPackage Control问题直接在官网下载的sublime Text3并安装安装，安装完成后打开sublime，按住shift+ctrl+p键搜索install 找到install Package并点击，然后等待一会，如果没安装成功，就会出现一个提示找不到Package Control的提示框。解决如下：...
2019-07-01 19:23:26
168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人