前端
文章平均质量分 52
鸭鸭:)
前端小萌新一枚~
展开
-
select关闭时触发请求;select加上全选功能,并实现搜索后点击全选,选中的是搜索后的列表
如果ap内容变了并且关闭了选择器,发请求;如果ap内容没变并且关闭了选择器,不发请求:用一个变量记录,当select关闭时,变量不等于select绑定的值时,发请求,并更新变量。原创 2024-02-21 17:19:28 · 438 阅读 · 0 评论 -
链表相关力扣·算法题
链表原创 2022-09-20 21:01:54 · 202 阅读 · 0 评论 -
VSCode连接云主机报错
[15:58:58.371] Log Level: 2[15:58:58.372] remote-ssh@0.78.0[15:58:58.372] win32 x64[15:58:58.380] SSH Resolver called for "ssh-remote+172.29.83.92", attempt 1[15:58:58.380] "remote.SSH.useLocalServer": false[15:58:58.380] "remote.SSH.showLoginTerminal原创 2022-04-29 17:20:28 · 1346 阅读 · 0 评论 -
前端JS/TS面试题
JS面试题总结一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('i原创 2022-03-12 00:02:55 · 5911 阅读 · 6 评论 -
前端HTML和CSS面试题总结
HTML和CSS部分一、层叠上下文1.什么是css层叠上下文2.如何产生层叠上下文3.什么是层叠等级(层叠水平)4.元素的层叠顺序5.判断哪个元素在上面二、隐藏元素(区别:是否占空间和事件响应)三、两栏布局四、三栏布局五、Flex布局(CSS3弹性盒子)1.Flex怎么让三个子项目在横向上均等分(三栏等分布局)六、Flex:1 Flex:0 Flex:auto Flex:none七、position有哪些取值,脱离文档流的表现八、CSS3新特性九、介绍BFC(block formatting conte原创 2022-03-10 23:02:36 · 1180 阅读 · 0 评论 -
JS继承和原型链
一、类class在es6中,可以使用class关键字声明一个类,之后以这个类来实例化对象。类抽象了对象的公共部分,它泛指某一大类 对象特指某一个,通过实例化一个具体的对象继承:子类可以继承父类的一些属性和方法class Father{ constructor(x,y){ this.x = x; this.y = y; } sum(){ conso原创 2022-02-12 22:52:31 · 729 阅读 · 0 评论 -
简单的理解Vue diff算法和virtual Dom的原理
1.为什么引入虚拟DOM(可以节省开销)在vue1.0实现侦测变化的时候,一个状态绑定了好多个依赖,每个依赖代表着一个具体的DOM节点。当状态发生变化时,它在一定程度上会知道哪些节点使用了这些状态。但是这样做会有内存开销和依赖追踪的开销。对于一个大型项目来说,这个开销非常大。因此vue2.0选了一个中等粒度的方案,那就是引入虚拟DOM,并把依赖变成组件级别。当状态发生变化时,只通知到组件,然后组件内部使用虚拟DOM进行对比,根据结果只更新需要更新的真实DOM节点,从而避免不必要的DOM操作,节省开销。2原创 2022-01-27 23:11:55 · 1171 阅读 · 0 评论 -
vue.js生命周期
在初始化阶段,也就是通过new Vue创建实例到created生命周期函数执行之后的这段时间里,首先初始化属性与事件,然后通过callback函数触发生命周期钩子beforecreate,随后初始化provide/inject和状态。状态指的是props,methods,data,computed,watch。接着触发生命周期钩子created。在模板编译阶段,也就是created之后,beforeMount之前的这段时间里,判断用户是否在参数中提供了el选项,如果提供了,就自动开启模板编译与挂载阶段。.原创 2022-01-24 21:18:56 · 474 阅读 · 0 评论 -
vue微信支付业务生成二维码qrcode
二维码生成使用Npm模块:qrcode先用npm安装:npm i qrcode1.先引入生成二维码import QRCode from "qrcode"; //引入生成二维码2.可以获取到二维码的urlQRCode.toDataURL(this.payInfo.codeUrl);//需要传递参数原创 2022-01-13 22:43:34 · 826 阅读 · 0 评论 -
uuid临时游客身份——>在请求拦截器中带+本地存储(告诉服务器你是谁)
uuid:是通用唯一标识码(Universally UniqueIdentifier)的缩写,是一个128比特的数值。客户端在查找一个服务时,只需要在它的服务查找请求中指出与某类服务(或某个特定服务)有关的UUID,如果服务的提供者能将可用的服务与这个UUID相匹配,就返回一个响应。1.封装产生uuid的模块import { v4 as uuidv4 } from 'uuid';//创建一个uuid//要生成一个随机字符串,且每次执行都不能发生变化,游客身份持久存储export const g.原创 2022-01-09 14:58:29 · 1171 阅读 · 3 评论 -
使用axios发送请求(不带参数和带参数)和使用mockjs
一、使用axios获取后端数据并使用1.对axios进行封装 network/request.jsimport axios from 'axios'import nprogress from 'nprogress'//引入进度条import "nprogress/nprogress.css"const requests = axios.create({ baseURL:'/api', timeout:5000});//请求拦截requests.interceptors.原创 2022-01-02 22:49:09 · 4891 阅读 · 4 评论 -
三栏布局的实现方式,尽可能多写
1. float浮动布局注意:!!!浮动布局时,三个div的生成顺序对布局有影响。应该先生成左浮和右浮的两个元素1和3,再生成中间content2元素;原因是:若生成顺序为123或者213,则2元素会先占位,float元素只能紧贴其后;但若生成顺序为132,1和3两个浮动元素会脱离浮动流,2元素生成后,1和3会覆盖2。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-10-07 23:03:44 · 231 阅读 · 0 评论 -
css选择器 + 特指度
1.选择器有哪些2.优先级是怎样的!important > 内联样式 > id选择器 > 类选择器 /属性选择器/伪类选择器>标签选择器/伪元素选择器>通配符选择器 > 继承 > 浏览器默认3.权重计算方式浏览器的优先级算法如下: !important的优先级是最高的,没有的话就按(A,B,C,D)计算优先级1.如果存在内联样式,则A=1,否则A=0;2.B的值等于id选择器出现的次数3.C的值等于类选择器,伪类选择器,属性选择器出现的次数之原创 2021-09-27 19:59:57 · 164 阅读 · 0 评论 -
transform-origin属性
我们都知道transform-origin是用来改变元素基点的,元素默认的基点是中心。我们先看一个栗子:注意下图高度缩小一半时,是以中心点为基点缩小当我们在加上transform-origin:50% 100%时,基点明显下移,这时的基点在左下角:一般的旋转点有,左上(top left),左下(left bottom),右上(right top),右下(right bottom),中心点(center center)五个。...原创 2021-09-25 19:17:13 · 334 阅读 · 0 评论 -
transition和animation的区别
我们先来复习一下transition(过渡)和animation(动画)这两个标签的基本定义。这两个属性都是简写,我们分别来看一下他们各自的属性。transition 属性是一个简写属性,用于设置四个过渡属性:transition-property:要过渡的属性名称transition-duration :过渡时间(s或者ms)transition-timing-function:速度曲线transition-delay:定义过渡效果什么时候开始animation 属性是一个简写属性,用原创 2021-09-22 19:50:54 · 554 阅读 · 0 评论 -
前端面试题——画一条0.5px的边
1.直接设置0.5px2.transform:scaleY(0.5)+transfom-origin:50% 100%scaleY(0.5)是指把Y轴上的单位缩小一半;transform-origin属性允许你改变转换元素起点的位置3.svg<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1px'><line x1='0' y1='0' x2='100%' y2='0' stroke='black'>原创 2021-09-22 11:36:11 · 678 阅读 · 0 评论 -
CSS相关面试题
1.什么是css预处理器2.相等()与全等(=)运算符有哪些区别原创 2021-09-16 21:10:32 · 405 阅读 · 0 评论 -
js数据结构与算法——只出现一次的数字
给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。说明:你的算法应该具有线性时间复杂度。 你可以不使用额外空间来实现吗?示例 1:输入: [2,2,1]输出: 1示例 2:输入: [4,1,2,1,2]输出: 4方法一:利用集合Set类,将数组元素添加到集合中,若添加失败,就说明已添加过并有重复的,在Sst类里面删掉这个元素。//给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一原创 2021-08-28 12:18:57 · 368 阅读 · 0 评论 -
js数据结构与算法——栈
一,栈的实现采用数组存储数据的底层数据结构function Stack(){//定义Stack类的构造函数 this.dataStore = []; this.top = 0; this.push = push;//入栈 this.pop = pop;//出栈 this.peek = peek;//查看栈顶元素,但不删除栈顶元素 this.length = length;//栈内元素的长度 this.clear = clear;//清空栈内所有元素原创 2021-08-10 16:42:21 · 116 阅读 · 0 评论 -
记录一个超级好用的sticky属性!!!
position:sticky基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。元素定位表现为在跨越特定值前为相对定位,之后为固定定位。这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bott原创 2021-08-05 16:35:44 · 157 阅读 · 0 评论 -
vue-cli报错You may need an additional loader to handle the result of these loaders.
vue使用组件化开发时报错如下: ERROR Failed to compile with 1 error 16:01:14 error in ./src/views/home/childComps/RecommendView.vue?vue&type=style&index=0&lang=true原创 2021-08-04 16:40:07 · 11938 阅读 · 0 评论 -
Element UI使用方法
1.安装脚手架(脚手架又依赖于node与webpack)安装webpack:npm install webpack@3.6.0 -g安装脚手架:npm install -g @vue/cli@3.2.12.创建脚手架脚手架2如下:脚手架3:vue create 项目名称3.切换到安装好的项目目录下,安装elementuinpm i element -ui -s4.在main.js中引入elementuiimport ElementUI from 'element-ui';imp原创 2021-08-03 17:09:55 · 886 阅读 · 0 评论 -
微信小程序——navigator点击返回时出现俄罗斯套娃
wx.navigator页面链接,保留当前页面wx.redirectTo(Object object)关闭当前页面,跳转到应用内的某个页面。原创 2021-04-11 15:27:46 · 207 阅读 · 0 评论 -
微信小程序——页面跳转传参数
功能实现:input页面输入内容后在点击搜索按钮后跳转到show页面,show页面输入框里显示的是inpput页面输入的内容input.wxml(重点:传inputTxt!!!)<input type="text" confirm-type="done" name="search" value="{{inputTxt}}" placeholder="请输入关键字" bindinput="getInput"/> input.jsdata: { inputTxt: null,/原创 2021-04-11 15:21:00 · 287 阅读 · 0 评论 -
node.js学习笔记
发送文件中的数据eg:1.响应时发送网页,content-type为text/html,普通文本为text/plain服务器开启成功2.响应时发送图片,content-type为image/jpeg服务器启动成功图片发送成功原创 2021-03-07 16:09:53 · 107 阅读 · 0 评论 -
深入探究flex布局
布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便。采用Flex布局的元素,称为Flex容器,简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目。容器的属性如下:flex-direction: row(起点在左端) | row-reverse(起点在右端) | column (起点在上)| column-reverse(起点在下);决定主轴的方向(即项目的排列方向)eg:row-reverse.原创 2021-02-07 19:04:13 · 149 阅读 · 0 评论 -
微信小程序开发之侧边栏与页面分开滑动
需要用到视图容器组件scroll-view,使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。wxml代码如下:<view class="pyg_category"> <SearchInput></SearchInput> <view class="cates_container"> <!--左侧菜单--> <scroll-view scroll原创 2021-02-06 22:59:00 · 938 阅读 · 0 评论 -
微信小程序开发之弹框
点击续借后出现弹框,如下思路就是写好这个弹框,给续借这个button绑定一个点击bindtap事件,利用这个事件来控制弹框的显示模式为true/false以达到显示和隐藏的目的代码如下:wxml: <view class="line"> <button size="mini" class="button1" bindtap="b">续借</button> <button size="mini" class="button2">归还.原创 2021-02-05 15:59:55 · 280 阅读 · 0 评论 -
less语言相对于css的特性
Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言Less为css添加了很多新的功能:变量@width: 10px;@height: @width + 10px;#header { width: @width; height: @height;}混合混合(Mixin)是一种将一组属性从一个规则集包含(或混入)到另一个规则集的方法(像下面这样输入所需属性的类(class)名称即可)嵌套Less 提供了使用嵌套代替层叠或与层叠结合使原创 2021-02-03 16:44:33 · 263 阅读 · 0 评论 -
微信小程序开发学习笔记记录-黑马优购
一.学习第一天1.了解了一下开发小程序的结构。小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。其中utils可以删掉。原创 2021-01-20 16:56:32 · 602 阅读 · 0 评论 -
面试题 17.07. 婴儿名字 总结
1.Set()ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。类似于python中的元组。2.forEach()方法forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。function(currentValue, index, arr)3.slice()方法slice() 方法可从已有的数组中返回选定的元素。arrayObject.slice(start,end)注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段原创 2020-12-06 15:33:30 · 196 阅读 · 0 评论 -
Vue.js学习总结
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统我们不再和html直接交互,一个Vue应用会将其挂载到一个DOM元素上,然后对其进行完全控制,html是我们的入口,但其余的都会发生在新创建的vue实例内部。学习了文本插值和指令。指令一般带有v-,以表示它们是Vue提供的特殊的attribute,它们会在渲染的DOM上应用特殊的响应式行为。(让这个绑定的元素节点和vue实例的内容保持一致)我们可以通过vue把数据绑定到DOM文本或attribute属性,还可以绑定到原创 2020-11-07 16:00:08 · 552 阅读 · 1 评论 -
力扣38外观数列-js
要 描述 一个数字字符串,首先要将字符串分割为 最小 数量的组,每个组都由连续的最多 相同字符 组成。然后对于每个组,先描述字符的数量,然后描述字符,形成一个描述组。要将描述转换为数字字符串,先将每组中的字符数量用数字替换,再将所有描述组连接起来。以后会学习如下:{哈希表正则表达式递归+双指针}我用的是递归加遍历,代码如下:<script> var countAndSay = function(n){ if(n===1) return '1';原创 2020-11-01 16:03:32 · 309 阅读 · 0 评论 -
js学习案例
删除数组的指定元素将数组[2,0,6,1,77,0,52,0,25,7]中的0元素去掉<script> var arr = [2,0,6,1,77,0,52,0,25,7]; var newarr = []; for(var i = 0;i < arr.length;i++) { if(...原创 2020-03-28 17:18:53 · 467 阅读 · 0 评论 -
(前端学习)寒假第四周周报
这周做完了仿微博的静态页面,收获如下:1.明白了定位流z-index的使用,z-index 属性是用来调整元素及子元素在 z 轴上的顺序,当元素发生覆盖的时候,哪个元素在上面,哪个元素在下面。通常来说,z-index 值较大的元素会覆盖较低的元素。(顶部导航栏在滚动时没有被内容盖住)2.HTML网页的浏览器标题栏显示小图标像这种首先你图片的格式必须为xxx.ico格式的图片,会有专门转化...原创 2020-02-19 18:46:40 · 393 阅读 · 3 评论 -
(前端学习)寒假第三周周报
这周学完了css的所有视频原创 2020-02-11 15:33:44 · 536 阅读 · 1 评论 -
(前端学习)寒假第二周周报
本周对css进一步的学习:附带学习视频的进度学习了:css的三大特性特性作用继承性给父元素设置一些属性,子元素也可以使用(只有以color,font-,text-,line开头的可以继承)层叠性css中处理冲突的能力优先级当多个选择器选中同一个标签,并且给同一个标签设置相同的属性时,如何层叠就由优先级来确定css的显示模式div标签spa...原创 2020-02-05 18:08:31 · 1308 阅读 · 3 评论 -
(前端学习)寒假第一周周报
了解了一下前端学习的路线,我有点震惊,学习的东西真的很多很多,如下:原来css也只是准备工作,不禁感慨任重而道远附带一张我HTML和css的视频学习进度这周学习完了HTML和css中的属性和一部分选择器HTML—给网页的内容添加语义,而不是改变样式1.首先了解了五大浏览器浏览器IEFirefox火狐chrome谷歌opera欧朋saf...原创 2020-01-20 15:00:37 · 6240 阅读 · 15 评论