解决flex布局弹性布局使用justify-content:space-between后最后一行多个元素排版问题 解决flex布局弹性布局使用justify-content:space-between后最后一行多个元素排版问题
element-ui的分页如何实现 element-ui的分页如何实现表格需要绑定的属性 <el-table :data="data.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%">分页器样式 <el-pagination :total="data.length" @size-change="handleSizeChange" @current-change="handleCur
前端常见的HTTP面试题 前端常见的HTTP面试题15.01 http/https协议1.0 协议缺陷:无法复用链接,完成即断开,重新慢启动和 TCP 3次握手head of line blocking: 线头阻塞,导致请求之间互相影响1.1 改进:长连接(默认 keep-alive),复用host 字段指定对应的虚拟站点新增功能:断点续传身份认证状态管理cache 缓存Cache-ControlExpiresLast-ModifiedEtag2.0:多路复用二进制分帧层:
那些HTML、CSS中常见的面试题及知识点 前端面试题之—HTML与CSS14.01 HTML、XHTML、XML有什么区别1HTML(超文本标记语言): 在html4.0之前HTML先有实现再有标准,导致HTML非常混乱和松散XML(可扩展标记语言): 主要用于存储数据和结构,可扩展,大家熟悉的JSON也是相似的作用,但是更加轻量高效,所以XML现在市场越来越小了XHTML(可扩展超文本标记语言): 基于上面两者而来,W3C为了解决HTML混乱问题而生,并基于此诞生了HTML5,开头加入<!DOCTYPE html>的做法因此
ES6中常见的面试题及知识点 前端常见面试题之—ES67.1 请描述let与const以及var的区别?以及什么是暂时性死区?什么是变量提升?区别:let 具有块级作用 不能重复声明 可以重复赋值const 具有块级作用域 不能重复声明 不能重复赋值var 全局作用域 可以重复声明 可以重复赋值暂时性死区:我个人理解,所谓的暂时性死区就是在会计作用域内使用let声明了变量,那么这个变量就不会受外部的影响,这个我把它理解为暂时性死区。变量提升:我个人理解,所谓的变量提升就是为了先事先声明变量,然后在
JavaScript中常见的面试题及知识点 前端常见面试题之 JavaScript9.1闭包什么是闭包?闭包的优点:变量长期驻扎在内存中避免全局变量的污染私有成员的存在闭包的缺点:增大内存使用量可能造成内存泄漏解决方法是,在退出函数之前,将不使用的局部变量全部删除函数嵌套函数内部函数可以反问外部函数的参数和变量MDN的解释:闭包是函数和声明该函数的词法环境的组合。按照我的理解就是:闭包 =『函数』和『函数体内可访问的变量总和』说白了就是函数嵌套函数,内部函数能够访问外部函数的变量(function() {
Vue中常见的面试题及知识点 前端Vue常见的面试题 掌握以下的Vue面试题 面试如虎添翼 请耐心看完1 . MVC、MVP与MVVM模式 MVC:MVC是应用最广泛的软件架构之一,一般MVC分为:Model( 模型 )、Controller( 控制器 )、View( 视图 )。这主要是基于分层的目的,让彼此的职责分开。View 一般通过 Controller 来和 Model 进行联系。Controller是 Model 和 View 的协调者,View和Model不直接联系。基本联系都是单向的。1、View 传送指令
列举工作中常用的几个git命令? 列举工作中常用的几个git命令?新增文件的命令:git add file或者git add .提交文件的命令:git commit –m或者git commit –a查看工作区状况:git status –s拉取合并远程分支的操作:git fetch/git merge或者git pull查看提交记录命令:git refloggit init(创建仓库)git status(查看仓库的状态)git diff 文件名 (这次相较上次修改了哪些内容)git add 文件名 (将添加的文件放到栈
git 如何撤销 commit、git commit 提交之后如何取消本次提交、如何更改提交的内容 git 如何撤销 commit、git commit 提交之后如何取消本次提交、如何更改提交的内容我们在使用 git 时,有时会一不小心就点击了 commit,那么如何插销本次提交呢?1、可以先用 git reflog 查看历史提交记录软撤销 --soft本地代码不会变化,只是 git 转改会恢复为 commit 之前的状态不删除工作空间改动代码,撤销 commit,不撤销 git add .git reset --soft HEAD~1表示撤销最后一次的 commit ,1 可以换成其他更
微信小程序选择器picker的range和range-key的用法 微信小程序选择器picker的range和range-key的用法概述最近在学习微信小程序中发现,官网中对选择器picker控件的range存放的是对象数组objectArray的用法描述的不是很详细,经过一番研究对picker控件的range和range-key的用法简单坐下总结,以供参考。picker的range和range-key的用法这里只是对range中存放对象数组objectArray的讲解,至于range中存放数组array的情况官网API给的非常详细在这里我就不过多描述了,想了解的请
小程序常见的面试题 小程序面试题1、简单描述下微信⼩程序的相关⽂件类型?答:微信⼩程序项⽬结构主要有四个⽂件类型,如下:.WXML是框架设计的⼀套标签语⾔,结合基础组件、事件系统,可以构建出⻚⾯的结构。内部主要是微信⾃⼰定义的⼀套组件。.WXSS(WeiXin Style Sheets)是⼀套样式语⾔,⽤于描述 WXML 的组件样式。.js逻辑处理,⽹络请求。.json⼩程序设置,如⻚⾯注册,⻚⾯标题及tabBar。app.json必须要有这个⽂件,如果没有这个⽂件,项⽬⽆法运⾏,因为微信框架把这个作
小程序如何使用vant 小程序如何使用vant使用 Vant Weapp 前我强烈的建议大家去看下微信官方的 小程序简易教程 和 自定义组件介绍 点击下方超链接https://youzan.github.io/vant-weapp/#/quickstart第一步首先我们先创建一个项目 跟着打开终端,cd 到小程序目录中,然后键入以下命令 初始化项目:npm init然后一直回车直到如下面的图片 然后输入yes 再按回车这个时后我们的目录里多了一个package.json 文件:第二步接下来,正式安装
微信小程序 商品规格的选择和嵌套循环 微信小程序 商品规格的选择和嵌套循环1,、首先看我们的wxml<view class="content"> <block wx:for="{{properties}}" wx:key="item" wx:for-index="id"> <view class="content_title">{{item.name}}</view> <view class='content_list'>
1024程序员节 1024程序员节十月十二四想必在座的各位绝大部分人都对10.24有所了解,2020年的10.24就是今天。10.24程序员节是广大单身程序员的共同庆祝的节日。为什么说广大单身程序猿共同庆祝呢!!!因为有对象的人说不定现在正在亲亲我我,而我们只能无能狂吠。官网介绍1024是2的十次方,二进制计数的基本计量单位之一。针对程序员经常周末加班与工作日熬夜的情况,部分互联网机构倡议每年的10月24日为1024程序员节,在这一天建议程序员拒绝加班。↑↑↑↑↑ ↑↑↑↑↑ ↑↑↑↑↑ ↑↑↑↑↑ ↑↑↑↑↑
微信小程序基础入门的知识点 小程序的一些常理知识1.窗口配置**就是在我们app.json文件就是对我们微信小程序进行全局配置 ,它决定我们页面文件的路径设置多个tab1.1 pages设置页面的路径 数组的第一个就是我们小程序初始页面 文件名不需要我们写文件后缀 框架会自动去寻找路径 进行四个文件的整合1.2 window 设置默认页面的窗口表现设置小程序的状态栏。导航栏、标题、窗口背景色1.3 tabBar 设置底部tab 导航栏1.4 networkTimeout 设置网络超时时间1.5 debug 设置是
微信小程序的路由跳转和传递参数 微信小程序的路由跳转和传递参数路由跳转:1、wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面//例子如下{ "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath": "other", "text": "其他" }] }}wx.switchTab({传参的话可以
小程序的生命周期和页面的生命周期 小程序的生命周期和页面的生命周期在小程序中,通过App()来注册一个小程序,通过Page()来注册一个页面小程序的生命周期 App.jsApp({ onLaunch: function () { console.log('App onLaunch'); }, onShow:function (){ console.log('App onShow'); }, onHide:function(){ console.log('App onHi
微信小程序实现左侧滑动导航栏 微信小程序实现左侧滑动导航栏1、左侧滑动导航栏图如下2、这是我们左侧滚动栏的代码 wxml<view class='under_line'></view> <view style='float: left' class='left'> <scroll-view scroll-y scroll-left="{{scrollLength}}" class='scrollY' style='height: {{winHeight}}