自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 HTML、CSS和JavaScript,是如何变成页面的?

HTML、CSS和JavaScript,是如何变成页面的?通常,我们编写好 HTML、CSS、JavaScript 等文件,经过浏览器就会显示出漂亮的页面(如下图所示),但是你知道它们是如何转化成页面的吗?这背后的原理,估计很多人都答不上来。从图中可以看出,左边输入的是 HTML、CSS、JavaScript 数据,这些数据经过中间渲染模块的处理,最终输出为屏幕上的像素。1、渲染流程浏览器渲染流程是一套复杂的机制,先给大家看看几个流程顺序。第一种:1、HTML的加载HTML是一个网页的基础

2021-07-29 11:09:56 533

原创 DOM树:JavaScript和css是如何影响DOM树构建和渲染的?

导航流程:从输入URL到页面展示,这整个流程发生了什么?HTTP 请求流程示意图从图中可以看到,浏览器中的 HTTP 请求从发起到结束一共经历了如下八个阶段:构建请求、查找缓存、准备 IP 和端口、等待 TCP 队列、建立 TCP 连接、发起 HTTP 请求、服务器处理请求、服务器返回请求和断开连接。1、发起网络请求1、用户输入1、用户输入当用户在地址栏中输入一个查询关键字时,地址栏会判断输入的关键字是搜索内容,还是请求的 URL。如果是搜索内容,地址栏会使用浏览器默认的搜索引擎,来合

2021-07-29 11:07:54 960

原创 element ui的Popover和v-if使用时可能会出现错配

这里element ui的Popover和v-if使用时可能会出现错配 写自定义目录标题1、问题描述:2、解决办法:1、问题描述:鼠标悬浮在黑名单上面,不会有弹窗信息出来鼠标悬浮在不建议回访上面,弹窗信息aaaaaaaaaaa显示出来2、解决办法:notes:还有一种写法,其他人提的,可以参考看看https://github.com/vuejs/vue/issues/4716...

2021-05-21 15:14:37 353 1

原创 element UI table表格不兼容safari浏览器,已解决

问题描述:el-table加了show-overflow-tooltip这个属性以后,如果有内容过长的行信息,用苹果safari浏览器,就会出现如下情况,表格整体会变得奇奇怪怪的。解决办法网上常见的一些方法,试过,但是没啥用,有的说是电脑分辨率导致的,具体原因说实话我不太清楚,有了解这个的bro,可以留言指导一下。我用了自己写样式的办法,来解决了这个兼容性问题。可以满足有超多内容适合,只显示三行,多余的省略号显示,鼠标方上去以后,可以悬浮出全部内容1、效果如下:2、具体解决办法:2.1

2021-05-08 15:07:34 3502 2

原创 elementUI 表格刷新后保持行高亮显示

elementUI 表格刷新后保持行高亮显示elementUI 表格刷新后保持行高亮显示#大掌柜#第一步:点击行高亮时候,把该行的值,赋值到currentRow(这个可以用单击或者双击的方法度库获取到值)第二步:// 高亮显示 // currentRow 刷新前被点击行数据,点击高亮行时候,把该行数据赋值到currentRow字段中 // tableData 表格数据 highLightRow() { console.log('this.currentRow

2021-05-07 10:20:51 800

原创 2020最系统的前端面试题大全

目录一、HTML和CSS 20你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 20每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 20Quirks模式是什么?它和Standards模式有什么区别? 20div+css的布局较table布局有什么优点? 21img的alt与title有何异同? strong与em的异同? 21你能描述一下渐进增强和优雅降级之间的不同吗? 22为什么利用多个域名来存储网站资源会更有效? 22请谈一下你对网页标准和标

2020-10-12 23:41:13 2660 1

原创 小程序集成echart(附带源代码)

小程序集成echart绘制饼图,雷达图,柱状图等等一、官方学习网站[https://www.echartsjs.com/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts](https://www.echartsjs.com/zh/tutorial.html#5 分钟上手 ECharts)在线自定义主题:https://www.echartsjs.com/theme-builder/学习案例:https://www.j

2020-06-02 18:05:10 1040 1

原创 小程序集成canvas绘制海报(附带完整源代码)

小程序使用canvas绘制海报一、背景介绍目标:利用canvas画布生成社团活动的海报图片,便于社团活动宣传以及对小程序的推广。场景:用户A觉得某个社团的活动很不错,因此点击“分享”按钮,生成一个该活动的海报图片,接着,用户A把该图片发到某个群或者朋友圈进行传播,用户B看到该图片后对这个活动蛮感兴趣,通过长按识别图片中的小程序码,能够进入小程序的相应活动详情页。二、海报原型图三、canvas简介这是微信官方对小程序canvas的画布的说明文档:https://developers.wei

2020-06-02 17:33:12 1042

原创 springboot实现文件上传(关于 MultipartFile)

从springmvc获取到的文件是MultipartFile类型的,有的时候不能直接用从这种类型获取到的inputstream操作一些事情。 //getInputStream() 方法 返回InputStream读取文件的内容 InputStream in = file.getInputStream(); ...

2020-03-29 22:49:24 1742

原创 2020File类常用方法整理+代码实现2

2020File类常用方法整理+代码实现2/** * */package com.irjkz.ioApp.file;import java.io.File;/** * @author 大掌柜 * @from 软件客栈:http://www.irjkz.com/ * Version:1.0 * 2020年03月29日 */public class FileTest ...

2020-03-29 09:22:59 159

原创 2020新出File类知识点整理+代码实现1

/** * */package com.irjkz.ioApp.file;import java.io.File;/** * @author 大掌柜 * @from 软件客栈:http://www.irjkz.com/ * Version:1.0 * 2020年03月29日 */public class FileTest { /** * @param arg...

2020-03-29 09:14:04 131

原创 vue中循环拼接本地图片路径的问题(小马哥vue学习教程))

一、问题所在:做商城个人首页时候,图标显示不出来二、解决办法因为图片是本地路径的话,在webpack中 他会被当成一个字符串来处理,并不会转换为图片的路径。如果图片路径不是本地静态图片 就不需要 require 啦,如果是网络图片的话,直接拼接就行,就不需要再加require啦。切记切记!欢迎点击交流,非常感谢!在这里<template> <div id...

2020-03-06 12:18:32 902 1

原创 Centos安装nginx部署vue商城系统总结(小马哥vue学习教程)

****通过wget http://nginx.org/download/nginx-1.13.7.tar.gz下载nginx,部署项目会遇到巨坑1、首先安装nginx//创建一个文件夹cd /usr/localmkdir nginxcd nginx//下载tar包wget http://nginx.org/download/nginx-1.13.7.tar.gztar -xvf ...

2020-03-04 23:07:11 204

原创 vue商城项目实战-购物车vuex测试数据(小马哥vue学习教程)

bug:1、点击加入购物车2、购物车底部那一栏消失啦解决办法1、原因获取的数据信息,把浏览器撑开啦导致的,具体原因可以去看看布局这一块知识点2、解决措施...

2020-02-29 17:01:44 471

原创 vue商城项目实战-轮播图失效解决办法(小马哥vue学习教程)

1、bug调用better-scroll轮播图组件时候,出现失效的情况2、解决办法定时器时间改成500就OK啦,主要是数据没加载到位

2020-02-28 16:45:53 533

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除