木缘1668-CSDN博客

原创浏览器发展史和它的多进程架构

浏览器是每天陪伴我们时间最长的软件之一，特别是前端开发工程师, 对于这位每天陪伴着我们的朋友，我们有必要去了深入地解一下它。但是浏览器的工作原理涉及的内容非常多，这篇文章就先从它的发展历程和多进程架构入手，从宏观视角去了解浏览器。浏览器发展历史按照时间顺序简单罗列浏览器从1991年到2008年之间的发展：1991年：Berners-Lee建立了第一代网络浏览器WorldWideWeb , 能显示文字和图片。1993年: Mosaic问世，它是第一个获得普遍使用并且能显示文字和图片的浏览器

2021-09-07 13:26:33 560

原创 Element-UI el-table组件表格打印

需求打印Element-UI el-table组件渲染的表格。总体布局整体采用居中布局，表格宽度设置为1000px。表格宽度应该根据打印的纸张大小设置，过大会导致表格打印时显示不全，过小则不能充分利用纸张空间。我用A4纸打印设置宽度1000px刚好。1. 静态页面<template> <div class="print-container"> <h1 style="text-align: center">员工信息表</h1> &l

2021-04-20 19:36:27 9990 9

原创简单判断元素是否滚动到了底部

简单判断元素是否滚动到了底部前置知识先来理解DOM元素的三个属性scrollTop: 元素顶部到元素可视区域顶部的像素距离（可读写）clientHeight: 元素的像素高度，包括盒子内容content和内边距padding, 不包括边框外边距和水平滚动条（只读）scrollHeight: 类似于clientHeight，但包括由于overflow属性不可见内容的高度。三者的关系如下图所示：绿色部分是滚动元素能看到的部分，假设红色框区域是元素的总高度，部分被隐藏![scrollTop.pn

2020-12-23 13:17:40 2757 1

原创两栏布局和三栏布局

两栏布局水平方向：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> .left{ width: 300px; height:100px; bac...

2019-09-08 10:44:45 168

原创对background-position的理解

在文档上看到对于background-position的解释有些含糊，翻阅《CSS设计指南》后发现书上讲得挺清楚的，在此做个总结。background-position属性用来控制背景（图）相对于元素的位置，元素的左上角和图片的左上角默认是对齐的。该属性可以使用三种值：关键字、百分比、绝对或相对单位的数值。关键字：包括top、left、bottom、right和center，这5个关键字两...

2019-07-25 11:06:54 1408

原创无法加载背景图

项目目录结构如图：在base.css文件中编写代码，为一个元素设置背景图片：header .w{ display: block; height: 80px; background:blue url(images/header.jpg);}url乍一看没什么问题，查看控制台可以发现，所写的路径相对的是css/，css目录下根本就没有images这个文件夹，...

2019-07-25 00:21:00 624

原创实现元素点击跳转长按拖拽

需求：用JS实现元素的点击跳转和长按拖拽效果思路：用onmousedown和onmouseup事件的时间差来判断是点击还是拖拽，时间差<300毫秒认为是点击代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi...

2019-07-20 21:44:07 496 1

原创立即执行函数封装变量

立即执行函数在执行前进行预编译时，也会生成一个AO。可利用此特性，保存循环过程中的变量，以便循环结束后使用这个变量。案例：需求：编写一个长度为10的数组，保存10个函数，这些函数的功能依次是在控制台输出0,2..,9.思路：使用for循环往数组里添加函数原理：闭包可以封装变量错误写法：<script type="text/javascript"> funct...

2019-07-20 19:39:45 681

原创闭包和立即执行函数

立即执行函数在执行前进行预编译时，也会生成一个AO。可利用此特性，保存循环过程中的变量，以便闭包使用这些变量。案例：需求：编写一个长度为10的数组，保存10个函数，这些函数的功能依次是在控制台输出0,2..,9.思路：使用for循环往数组里添加函数错误写法：<script type="text/javascript"> function test(){ va...

2019-07-12 20:59:08 186

原创继承模式、命名空间、对象枚举

继承发展史1.传统模式：原型链缺点：过多的继承了没用的属性<script type="text/javascript"> Grand.prototype.lastName = "Ruan" function Grand(){ } var grand = new Grand(); Father...

2019-07-07 23:11:10 101

原创 Shell编程练习

练习1：尝试用shell编写一个定时检测apache服务器是否正常运行的脚本文件脚本：cron配置定时任务：查看日志文件:练习2：尝试以shell编写一个批量解压缩某个文件夹所有压缩文件的脚本脚本：执行脚本：练习3：尝试以shell编写一个批量创建用户并修改密码的脚本执行脚本：...

2019-06-04 23:23:33 395

原创函数

定义为什么需要函数：将重复的具有同一功能的代码放在函数中函数声明function theFirstName(){}console.log(theFirstName);theFirstName和变量名差不多，指代函数体函数表达式命名函数表达式var test=function abc(){ console.log("test");}test();...

2019-05-13 15:28:01 93

原创安装pydotplus

方法一：在命令行输入conda install -c conda-forge pydotplus若提示则需要配置一下环境变量找到anaconda安装目录C:\ProgramData\Anaconda3\Library\bin方法二：参考https://stackoverflow.com/questions/36979421/how-can-i-use-conda-to-i...

2019-04-18 11:46:09 2198

木缘的博客