- 博客(28)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 1024程序员节
1024程序员节十月十二四想必在座的各位绝大部分人都对10.24有所了解,2020年的10.24就是今天。10.24程序员节是广大单身程序员的共同庆祝的节日。为什么说广大单身程序猿共同庆祝呢!!!因为有对象的人说不定现在正在亲亲我我,而我们只能无能狂吠。官网介绍1024是2的十次方,二进制计数的基本计量单位之一。针对程序员经常周末加班与工作日熬夜的情况,部分互联网机构倡议每年的10月24日为1024程序员节,在这一天建议程序员拒绝加班。↑↑↑↑↑ ↑↑↑↑↑ ↑↑↑↑↑ ↑↑↑↑↑ ↑↑↑↑↑
2020-10-24 14:51:01
201
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序的路由跳转和传递参数
微信小程序的路由跳转和传递参数路由跳转:1、wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面//例子如下{ "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath": "other", "text": "其他" }] }}wx.switchTab({传参的话可以
2020-10-22 22:23:47
807
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序的生命周期和页面的生命周期
小程序的生命周期和页面的生命周期在小程序中,通过App()来注册一个小程序,通过Page()来注册一个页面小程序的生命周期 App.jsApp({ onLaunch: function () { console.log('App onLaunch'); }, onShow:function (){ console.log('App onShow'); }, onHide:function(){ console.log('App onHi
2020-10-22 21:10:08
259
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 如何封装微信小程序的数据请求
如何封装微信小程序的数据请求1、首先创建一个http文件夹 目录如下2、在根目录下创建env目录,创建index.js配置并导出多个开发环境module.exports={ //开发环境 Dev:{ "BaseUrl":"https://www.develep.com" }, //测试环境 Test:{ "BaseUrl":"https://www.test.com" }, //生产环境 Prod:{ "BaseUrl": "https://a
2020-10-20 20:01:29
1183
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 简单实现vue验证码60秒倒计时功能
简单实现vue验证码60秒倒计时功能<div v-show="show" @click="getCode">获取验证码</div><div-show="!show" class="count">{{count}} s</div>data(){return {show: true,count: '',timer: null,}},methods:{getCode(){ const intime = 60; if (!this.time
2020-10-08 20:49:17
168
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue日期时间过滤
vue日期时间过滤1、安装npm install moment --save2、在main.js中引用import moment from 'moment/moment'3、在main.js中添加过滤器Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY-MM-DD HH:mm:ss'; return moment(value).format(for
2020-10-07 17:06:24
222
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue中如何使用echarts
vue中如何使用echarts1、安装echarts依赖npm install echarts -S或者使用淘宝的镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S创建图表首先需要全局引入在main.js中```bash// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echa
2020-10-07 15:54:59
165
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue中Axios封装API接口的思路及方法
vue中封装api的方法以及思路1、首先我们安装 axiosnpm install axios; // 安装axios复制代码2.新建一个文件http.js文件 和api.js文件 https.js文件来封装我们的axios,api.js用来统一管理我们的接口3 http.js文件如下//引入axiosimport axios from "axios";// 环境的切换 环境指的是开发环境和生产环境// 开发环境 development 中用到的是测试环境 生产环境 produc
2020-10-07 15:35:32
1162
原创 解决flex布局弹性布局使用justify-content:space-between后最后一行多个元素排版问题
解决flex布局弹性布局使用justify-content:space-between后最后一行多个元素排版问题
2022-10-17 14:40:49
602
原创 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
2021-01-11 10:39:07
263
原创 前端常见的HTTP面试题
前端常见的HTTP面试题15.01 http/https协议1.0 协议缺陷:无法复用链接,完成即断开,重新慢启动和 TCP 3次握手head of line blocking: 线头阻塞,导致请求之间互相影响1.1 改进:长连接(默认 keep-alive),复用host 字段指定对应的虚拟站点新增功能:断点续传身份认证状态管理cache 缓存Cache-ControlExpiresLast-ModifiedEtag2.0:多路复用二进制分帧层:
2020-11-23 11:51:50
449
原创 那些HTML、CSS中常见的面试题及知识点
前端面试题之—HTML与CSS14.01 HTML、XHTML、XML有什么区别1HTML(超文本标记语言): 在html4.0之前HTML先有实现再有标准,导致HTML非常混乱和松散XML(可扩展标记语言): 主要用于存储数据和结构,可扩展,大家熟悉的JSON也是相似的作用,但是更加轻量高效,所以XML现在市场越来越小了XHTML(可扩展超文本标记语言): 基于上面两者而来,W3C为了解决HTML混乱问题而生,并基于此诞生了HTML5,开头加入<!DOCTYPE html>的做法因此
2020-11-14 20:34:47
386
原创 ES6中常见的面试题及知识点
前端常见面试题之—ES67.1 请描述let与const以及var的区别?以及什么是暂时性死区?什么是变量提升?区别:let 具有块级作用 不能重复声明 可以重复赋值const 具有块级作用域 不能重复声明 不能重复赋值var 全局作用域 可以重复声明 可以重复赋值暂时性死区:我个人理解,所谓的暂时性死区就是在会计作用域内使用let声明了变量,那么这个变量就不会受外部的影响,这个我把它理解为暂时性死区。变量提升:我个人理解,所谓的变量提升就是为了先事先声明变量,然后在
2020-11-14 20:31:11
378
原创 JavaScript中常见的面试题及知识点
前端常见面试题之 JavaScript9.1闭包什么是闭包?闭包的优点:变量长期驻扎在内存中避免全局变量的污染私有成员的存在闭包的缺点:增大内存使用量可能造成内存泄漏解决方法是,在退出函数之前,将不使用的局部变量全部删除函数嵌套函数内部函数可以反问外部函数的参数和变量MDN的解释:闭包是函数和声明该函数的词法环境的组合。按照我的理解就是:闭包 =『函数』和『函数体内可访问的变量总和』说白了就是函数嵌套函数,内部函数能够访问外部函数的变量(function() {
2020-11-14 20:23:35
412
1
原创 Vue中常见的面试题及知识点
前端Vue常见的面试题 掌握以下的Vue面试题 面试如虎添翼 请耐心看完1 . MVC、MVP与MVVM模式 MVC:MVC是应用最广泛的软件架构之一,一般MVC分为:Model( 模型 )、Controller( 控制器 )、View( 视图 )。这主要是基于分层的目的,让彼此的职责分开。View 一般通过 Controller 来和 Model 进行联系。Controller是 Model 和 View 的协调者,View和Model不直接联系。基本联系都是单向的。1、View 传送指令
2020-11-13 23:06:52
971
原创 列举工作中常用的几个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 文件名 (将添加的文件放到栈
2020-11-12 11:30:18
237
原创 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 可以换成其他更
2020-11-12 10:58:59
826
原创 微信小程序选择器picker的range和range-key的用法
微信小程序选择器picker的range和range-key的用法概述最近在学习微信小程序中发现,官网中对选择器picker控件的range存放的是对象数组objectArray的用法描述的不是很详细,经过一番研究对picker控件的range和range-key的用法简单坐下总结,以供参考。picker的range和range-key的用法这里只是对range中存放对象数组objectArray的讲解,至于range中存放数组array的情况官网API给的非常详细在这里我就不过多描述了,想了解的请
2020-11-02 20:44:12
865
原创 小程序常见的面试题
小程序面试题1、简单描述下微信⼩程序的相关⽂件类型?答:微信⼩程序项⽬结构主要有四个⽂件类型,如下:.WXML是框架设计的⼀套标签语⾔,结合基础组件、事件系统,可以构建出⻚⾯的结构。内部主要是微信⾃⼰定义的⼀套组件。.WXSS(WeiXin Style Sheets)是⼀套样式语⾔,⽤于描述 WXML 的组件样式。.js逻辑处理,⽹络请求。.json⼩程序设置,如⻚⾯注册,⻚⾯标题及tabBar。app.json必须要有这个⽂件,如果没有这个⽂件,项⽬⽆法运⾏,因为微信框架把这个作
2020-10-31 14:56:05
1370
1
原创 小程序如何使用vant
小程序如何使用vant使用 Vant Weapp 前我强烈的建议大家去看下微信官方的 小程序简易教程 和 自定义组件介绍 点击下方超链接https://youzan.github.io/vant-weapp/#/quickstart第一步首先我们先创建一个项目 跟着打开终端,cd 到小程序目录中,然后键入以下命令 初始化项目:npm init然后一直回车直到如下面的图片 然后输入yes 再按回车这个时后我们的目录里多了一个package.json 文件:第二步接下来,正式安装
2020-10-28 22:41:14
379
原创 微信小程序 商品规格的选择和嵌套循环
微信小程序 商品规格的选择和嵌套循环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'>
2020-10-28 21:26:40
981
原创 微信小程序基础入门的知识点
小程序的一些常理知识1.窗口配置**就是在我们app.json文件就是对我们微信小程序进行全局配置 ,它决定我们页面文件的路径设置多个tab1.1 pages设置页面的路径 数组的第一个就是我们小程序初始页面 文件名不需要我们写文件后缀 框架会自动去寻找路径 进行四个文件的整合1.2 window 设置默认页面的窗口表现设置小程序的状态栏。导航栏、标题、窗口背景色1.3 tabBar 设置底部tab 导航栏1.4 networkTimeout 设置网络超时时间1.5 debug 设置是
2020-10-22 23:29:02
367
原创 微信小程序实现左侧滑动导航栏
微信小程序实现左侧滑动导航栏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}}
2020-10-21 23:26:32
3914
1
原创 微信小程序解决rich-text 富文本渲染图片尺寸
微信小程序解决rich-text 富文本渲染图片尺寸1、在home.wxml<view> <rich-text nodes="{{content}}" ></rich-text> </view>2、紧跟着就是我的home.js文件var app = getApp()Page({ /** * 页面的初始数据 */ data: { showList: [], indicatorDots: true, /
2020-10-21 23:01:17
536
原创 vue 中使用rem布局
vue 中使用rem布局在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段js代码:fnResize();window.onresize = function () { fnResize();}function fnResize() { var deviceWidth = document.documentElement.clientWidth || window.innerWidth; if (deviceWidth >= 750) {
2020-10-07 17:08:58
224
原创 前端常见面试题
前端常见面试题1、 响应式布局如何实现 响应式布局可以让网站同时适配不同分辨率和不同的手机端,让客户有更好 的体验。方案一:百分比布局 利用对属性设置百分比来适配不同屏幕,注意这里的百分比是相对于父元素; 能够设置的属性有 width、height、padding、margin,其他属性比如 border、 font-size 不能用百分比设置的,先看一个简单例子: 顶部是利用设置图片 width: 50%来适应不同的分辨率,由于原始图片高度 不同,所以第一张图片顶部会有空白,这种情况最好两张图片宽高保持
2020-09-27 21:47:22
447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人