- 博客(9)
- 收藏
- 关注
RSS订阅
1原创 前端面试笔记（html，css，web网络篇）
前端面试笔记1. css方面1. 清除浮动的几种方法答：1.父级设置高度。2.添加额外标签。并设置clear：both3.父级设置overflow：hidden，这里触发BFC可以进一步讲。4.使用after伪元素清除浮动BFC（块级格式化上下文）是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的ma
2021-11-29 16:53:50
103
原创 记录vue中的watch
vue中watch的学习总结对于vue中的watch，以前写项目的时候没有很多重视（因为之前太菜了，都用不到太多），到了公司搞项目才系统的接触和学习一些，记录一下watch的作用watch是vue内部提供的一个用于侦听功能的更通用的方法，其用来响应数据的变化，通过特定的数据变化驱动一些操作。简单来说就是当你需要监听某个数据的变化时，它就是很好的选择。watch和computed的区别，功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。是否调用缓存：compu
2021-08-20 15:34:30
133
原创 前端关于文件操作的小知识点
前端关于文件操作的小知识点前言在前端的开发中，文件的相关功能似乎并不像后端那样使用频繁，但是有时我们也会遇到需要传输、查看或下载文件的功能需求，我就来简单总结一下前端文件的操作知识。出于安全考量，操作系统分配给浏览器的权限较低，而单个网页所拥有对用户电脑操作的权限就更低了，这是为了防止因用户的操作不当导致恶意网页随意增删改动用户本地的文件，所以在前端网页中所有的文件操作必须全都由用户来主动操作触发文件上传。文件的上传通过input 的type：file 选择本地文件<for
2021-05-25 23:15:21
269
原创 js动态规划，实现字符串翻转递增
挺有趣的动态规划题来源为力扣如果一个由 ‘0’ 和 ‘1’ 组成的字符串，是以一些 ‘0’（可能没有 ‘0’）后面跟着一些 ‘1’（也可能没有 ‘1’）的形式组成的，那么该字符串是单调递增的。我们给出一个由字符 ‘0’ 和 ‘1’ 组成的字符串 S，我们可以将任何 ‘0’ 翻转为 ‘1’ 或者将 ‘1’ 翻转为 ‘0’。返回使 S 单调递增的最小翻转次数。示例 1：输入："00110"输出：1解释：我们翻转最后一位得到 00111.示例 2：输入："010110"输出：2解释：我们
2021-05-13 11:46:38
185
原创 前端需要了解的一些排序方法总结
前端需要了解的一些排序方法总结1. 冒泡排序含义：冒泡排序是一种很常见的排序方法，其本质就是比较相邻的元素大小，把相对小的往前排，对从开头的每一组元素都进行比较，并不断重复这个过程。其js代码如下： function BubbleSort(arr){ var len = arr.length; for(let i = 0; i < len-1; i++){ //从第一组开始比较 for (let j = 0; j < len-1-i; j++){ if(arr[j] &
2021-05-09 13:06:20
756
原创 前端初学者基础框架vue脚手架的搭建
前端初学者基础框架vue脚手架的搭建学到框架，大家应该学过使用node.js安装一些东西了。所以此处不再赘述。首先，我们要安装vue脚手架，使用命令 npm install -g vue-cli //检查是否安装成功 vue -V安装成功后，我们开始搭建一个脚手架，使用命令 vue init webpack program //program是你的项目名称 //下面是他会让你确定一些选项，括号内可修改 ? Project name (program) //项目名称 ? Pr
2021-05-01 11:51:49
96
原创 vue-router路由守卫的理解
vue-router路由守卫的理解路由守卫的作用当我们路由切换到一个组件里面，如果没有权限，不让进入，有权限可以进入组件内部守卫路由守卫的基本位置主要分为全局的路由守卫和组件局部的路由守卫，但是我在使用的过程中，全局的路由守卫往往不起作用，甚至完全没有触发。但是局部却可以很好的使用，那我就说一下局部路由守卫的用法组件局部路由守卫在路由配置上直接定义 beforeEnter 守卫： path: '/xxx', component: xxx, beforeEnt
2021-04-27 23:08:20
405
原创 Element-UI中有关标签的功能完善
针对Element-UI中标签的功能添加官方文档给出的功能较少,我在使用过程中，完善了它在表格中的运用，以及增加了点击标签可以实现修改的功能实现效果类似下图：点击第一行的信计181标签时，你可以在输入框输入你想修改的词，使用键盘enter表示确认修改点击第二行新建标签时，同样在输入框输入添加的标签即可下面是有关功能的代码<template slot-scope="scope"> <el-tag size="medium
2021-04-27 22:25:39
837
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人