软件客栈（大掌柜）-优快云博客

原创 HTML、CSS和JavaScript，是如何变成页面的？

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

2021-07-29 11:09:56 679

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

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

2021-07-29 11:07:54 1170

原创 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 537 1

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

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

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

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

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

2021-05-07 10:20:51 930

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

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

2020-10-12 23:41:13 3436 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 1104 1

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

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

2020-06-02 17:33:12 1200

原创 springboot实现文件上传（关于 MultipartFile）

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

2020-03-29 22:49:24 1885

原创 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 197

原创 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 166

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

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

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

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

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

2020-03-04 23:07:11 265