- 博客(25)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序根据不同用户切换不同`TabBar`,简单易懂
现有需求:小程序用户有三种身份(公众、运维人员、领导),根据不同用户身份显示不同的tabbar众所周知微信小程序全局文件app.json里面的"tabBar"里面的list只能放置2-5个,要想实现3个tabbar,必须得复用tabbar,三种身份都需要个人中心,剩下的是长列表(两个),表单,图表 刚好是5个,废话少说,上代码代码有点长,建议仔细看一下1全局.app.json{ "pages": [ xxxxxx:xxxxxx ], "window": { xxx
2020-12-19 21:32:01
17845
92
原创 什么是BFC?如何产生?如何使用?
1. 什么是BFCMDN上是这样说明的块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。2.如何产生BFC简单来说就是1、float的值不是none。2、position的值不是static或者relative。3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex4、overflow
2021-07-07 15:55:54
490
原创 JavaScript解析url为对象
JavaScript解析url为对象的方法有好多,例如正则,split等等,今天就用split来写1.首先,要先了解split的使用规则,MDN上是这样定义split的2.什么是urlurl即统一资源定位符,一般由4部分组成:协议、主机、端口、路径,语法格式:protocol :// hostname[:port] / path / [;parameters][?query]#fragmen例如:https://csdn:443?name=fvz&age=21&job=fon
2021-07-04 16:36:13
857
原创 点击el-dialog出现v-modal
问题描述优化项目时突然发现一个问题,点击弹框显示后会变暗,同时弹框里的东西都点不了,只有任意点击一下才会恢复正常查找原因去官方文档查找,应该是遮罩层插入到了body上,在代码中加入model-append-to-body结果运行代码,弹框正常,f12审查元素发现v-modal没了,问题解决!...
2021-07-01 09:21:36
1682
2
原创 Javascript数组去重
Set方法```html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2021-03-15 08:56:16
138
原创 Javascript生成随机数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-03-12 16:56:45
833
原创 HTML行内元素,块元素,行内块元素的区别
行内元素类型:<a>,<strong>,<b>,<em>,<del>,<span>特点:1. 和相邻的行内元素在一行上2. 高度和宽度无效,但是水平方向上的padding和margin可以设置,垂直方向上的无效3. 默认的宽度就是它本身的宽度4. 行内元素只能容纳纯文本或者是其他的行内元素(a标签除外)<!DOCTYPE html><html lang="en"><head>
2021-03-12 13:05:04
275
原创 HTTP的完整请求过程
HTTP通信机制是在一次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤:1.建立TCP连接在HTTP工作开始之前,web浏览器首先要通过网络与Web服务器建立连接,链接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet又被称作是TCP/IP网络。HTTP是比TCP更高层次的应用层协议,根据规则,只有低层协议建立之后才能,才能进行更层协议的连接,因此,首先要建立TCP连接,一般TCP连接的端口号是80。2
2021-03-12 12:22:58
149
原创 HTTP的工作原理及请求方法、状态码
HTTP工作原理HTTP协议工作与客户端-服务器 架构上。浏览器作为HTTP客户端通过URL向HTTP服务端WEB端发送所有请求。Web服务器根据收到的请求,向客户端发送响应消息。HTTP的注意事项HTTP是无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。HTTP是媒体独立的:这意味着,只要客户端和服务器知道如何处理的数据内容,任何类型的数据都可以通过HTTP发送。客户端以及服务器指定使用适合的MIME-ty
2021-03-11 20:14:45
293
原创 CSS画三角形并在限定的时间内进行移动翻转
如果想要进行图形的变化,必须要知道css3的过度与2d属性,下面我们就看一下要用到的属性,详情请点击https://www.runoob.com/css3/css3-transitions.html查看transition语法transition: property duration timing-function delay;transition-property: 指定CSS属性的name,transition效果transition-duration transition:效果需要指定多少秒
2021-03-11 19:30:06
216
原创 CSS中有哪些属性可以被继承
1、字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。font-stretch:允许你使文字变宽或变窄。所有主流浏览器都不支持。font-size-adjust:为某个元素规定一个 aspec
2021-03-11 17:09:44
236
原创 如何对网站进行性能优化
1. 减少HTTP请求次数 1. 对于页面中要多次重复请求,我们可以调用`sessionStorage`来存储拿到的数据,关闭页面后会消失,直到下次请求发起。 2. 合并文件,把内容较少的css文件合并到一起2.css文件尽量放在顶端,JavaScript代码放在底部css文件尽量放在header标签里面3.减少JavaScript代码内容尽量使用简单易懂的变量名,减少注释,压缩js代码,还可以使用JQuery简化代码4.懒加载和预加载懒加载懒加载(Load On Demand)是
2021-03-11 16:58:36
132
原创 CSS与CSS3的区别
什么是cssCSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中什么是css3CSS3 是最新的 CSS 标准。具体内容看后文css3与css相比增加了那些属性css选择器盒模型背景和边框文字特效2D/3D转换动画多列布局用户界面box-shadowborder-colorsboder-image
2021-03-10 16:41:44
268
原创 HTML和HTML5的区别
什么是HTML&HTML5HTML超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML5HTML5 是下一代 HTML 标准。HTML5中删除或修改了许多元素。声明部分//HTML的声明<!DOCTYPE html PUBLIC ".//W3C//DTO XHTML 1.0 Strict//EN">//HTML5的声明<!DOCTYPE html>设置编码部分//HT
2021-03-09 21:09:53
180
原创 WebGL公共函数库--免费使用,网盘链接(debug、utils、cuon-matrix、cuon-utils )
WebGL公共函数库--免费使用,网盘链接(debug、utils、cuon-matrix、cuon-utils )
2021-03-06 15:45:08
963
12
原创 微信小程序自定义长列表实现下拉刷新上拉加载
之前写项目遇到要用长列表由于数据量比较多所以就优先考虑小程序原生的组件微信小程序官方提供了recycle-view长列表组件(长列表组件)但是给的实例不是很清楚,所以就自己写了一个index.jsimport request from '../../../utils/request'Page({ /** * 页面的初始数据 */ data: { start: 1, //起始页 pageSize: 10, //每页的数据 dataList: [], //
2021-01-31 14:23:44
911
原创 微信小程序云开发update更新数据库时显示updated:0
最近在学习微信小程序,顺便了解一下云开发,更改云数据库的数据时无效,原因就是集合中缺少_openid首先执行更新操作顺便输出一下resupdateList() { db.collection('demoList').doc('0a4429175fd3399c013e16d906249396').update({ data: { author:"sana" } }).then(res => { console.log(res);
2020-12-11 20:04:25
3827
6
原创 基于NodeJs的UDP通信
使用NodeJs实现UDP通信nodejs的dragm模块文档关于udp4/udp6套字类型文档里写的很清楚,具体请移步上方官方文档原理使用UDP,如果你要发送数据,只需要知道对方的主机名(地址)和端口号,扔一消息过去即可。至于对方收不收得到,听天由命了。这就是数据报服务注意:socket.send(msg[, offset, length][, port][, address][, callback]) 第一个参数:要发送的数据 第二个参数:发送数据的偏移量 第三个参数:发送数据
2020-10-23 20:30:27
1222
原创 基于Nodejs的TCP通信
使用NodeJs实现TCP通信原理:服务端TCP监听来自客户端的连接请求,并使用TCP连接向客户端发送数据;客户端TCP连接到服务端并与服务器交互数据。客户端与服务端之间依靠套接字进行双向通信server.jsconst net = require('net');const HOST = '127.0.0.1';const PORT = 8080;//统计连接客户端的个数var count = 0;// 创建TCP服务器const server = new net.create
2020-10-23 20:17:10
1260
原创 使用Vue/cli创建vue项目
Vue cli官网1.安装vue/clinpm install -g @vue/cli2.查看版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。vue --version @vue/cli 4.5.43.创建项目1.执行vue create 项目名称命令行窗口输入
2020-10-06 19:59:15
143
原创 display:none和visibility:hidden的区别
display:none和visibility:hidden的区别visibility: hidden :隐藏元素,但是在网页还占着位置,知识不显示。display: none:将元素的显示设为无,即在网页中不占任何的位置。具体通过实例来看<body> <ul> <li>aaa</li> <li >bbb</li> <li>ccc</li>
2020-09-16 11:34:09
285
原创 package.json和package-lock.json
在npm包时会出现两个文件一个叫package.json,另一个叫package-lock.json今天看到了黑马node教程后了解了,顺便记录一下1.什么情况下会出现package-lock.jsonnpm5之前不会有package-lock.json文件npm5之后才加入了这个文件当你安装包的时候,npm都会生成或更新package-lock.json这个文件也就是说npm5以后版本的安装包不需要加--save参数,它会自动保存依赖信息2.package.json和package-lo
2020-09-11 16:54:18
282
原创 使用npm init -y 创建package.json时出现npm ERR!错误
使用npm init -y 创建package.json时出现npm ERR!错误把目录名改成英文就行了,错误的原因在于目录命名不规范,当你把目录名改成英文之后就会出现下图所示
2020-09-02 15:44:03
1066
1
原创 eclipse启动tomcat是出现Server Tomcat v9.0 Server at localhost failed to start.错误
eclipse启动tomcat是出现Server Tomcat v9.0 Server at localhost failed to start.错误eclipse启动tomcat时出现Server Tomcat v9.0 Server at localhost failed to start错误时,直接来最粗暴的方法,删除jre与tomcat,然后在添加到eclipse中,具体如下:1.首先到Tomcat的bin目录下找到shutdown.bat运行2.在下面找到Servers,找到tomcat下
2020-06-03 18:07:22
4444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人