yanchGod-CSDN博客

原创 vue中自定义的DotLoading组件

【代码】vue中自定义的DotLoading组件。

2024-12-23 15:56:10 178

原创做AI问答过程中遇到的问题：markdown-it、Typed

Markdown-it支持丰富的Markdown语法，并能够将Markdown文本轻松转换为HTML格式。它拥有丰富的插件和配置选项，使得文档编辑更加灵活多变。此外，Markdown-it还提供了高性能和高度可配置性，确保跨平台一致性。

2024-10-12 13:30:56 1006

原创保姆级__项目部署(Vue2 Koa2 mongoDB)

前端：Vue2.0后端： NodeJS Koa2数据： MongoDB本文主要是项目的部署进行一个总结，前端(vue)+后端(node)，数据库采用了MongoDB

2022-06-10 20:22:56 417 1

原创原生Javascript（对象函数）—2_Sander_2020的博客—CSDN博客

对象什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构。用于将数据和功能组织在一起，它也常被称做类，但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言。却不具备传统面向对象语言所拥有的类和接口等基本结构。万物皆对象，除了数字，字符，布尔这种绝对值以外的所有部分都是对象，对象是类的实例化体现，类是对象的抽象体现。对象是一个个体，他具备自身类的所有属性和方法。对象创建对象的属性和方法函数数

2020-11-20 11:34:39 331

原创随机生成50个大小颜色位置都不同的div-Sander_2020的博客—CSDN博客

随机生成50个大小颜色与位置都不同的div<script> var w,c;//定义生成div的宽高与颜色 init(); //声明init()函数 function init(){ //生成50个随机div for(var i = 0;i < 50; i++){ w =Math.random() * 50 + 50;//产生50（包含）~100（不包含）之间的随机数， c = randomColor();//调用randomColor()函数 c

2020-11-08 20:29:04 674 3

原创利用原生js编写简单计算器-Sander的博客-CSDN博客

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> /*计算器盒子*/ .di

2020-10-30 17:26:33 2357 7

原创原生Javascript（语言基础和流程控制语句）—1_Sander_2020的博客—CSDN博客

原生Javascript1本篇文章主要介绍js的语言基础及流程控制语句语言基础Javascript历史布兰登·艾奇（Brendan Eich，1961年～），1995年在网景公司，发明的JavaScript。JavaScript诞生于1995年。它当时的目的是为了验证表单输入的验证。一开始JavaScript叫做LiveScript，但是由于当时Java这个语言特别火，所以搭上Java的顺风车，就改名为JavaScript。同时期还有其他的网页语言，比如VBScript、JScript等等，但

2020-10-30 15:53:51 3418 3

原创杂记（方法及属性补充）

补充opacity属性兼容写法：opacity:0.5 //取值范围0-1filter：alpha(opacity= 50); //取值范围：0—100 兼容ie8及以下的浏览器版本opacity会同时改变文字的透明度使用background：rgba（0，0，0，.5）可以避免该问题取值范围0-1注意：加浮动内联元素会自动转为块元素浮动、定位会使定义内联元素的宽高生效calc（）函数四则运算函数实现不同单位之间的运算总结calc()使用：必须加上单位必

2020-09-24 22:09:51 343

原创 BFC_Sander_2020的博客-CSDN博客

BFCBFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC的布局规则一、内部的Box会在垂直方向，一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠（按照最大margin值设置）三、每个元素的margin box的左边，与包含块bord

2020-09-24 21:22:40 211

原创兼容&图片整合&优化

图片整合（精灵图、css sprites、css精灵、雪碧图）把网站里面的小图标有规则的整合在一起，利用 background-position 改变背景图的位置，每个图标应用。优点: （1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；（2）CSS Sprites能减少图片的字节；（3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一

2020-09-23 18:40:43 562

原创 PC端宽高自适应问题

宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是pc自适应。自适应的优点：元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。宽度自适应元素宽度设置为100%。（块元素宽度默认为100%）或者不设置宽度（width）;（宽度是父元素的宽度）高度自适应1)自适应元素高度：height:auto;或者不设置;（是子元素撑开父元素的高度）2)元素高度自适应窗口高度

2020-09-21 22:56:03 2255

原创盒模型_Sander_2020的博客-CSDN博客

标准盒模型盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。PADDINGpadding用法:1:padding是在盒子里面，在盒子与内容之间。2：padding的作用：控制子元素在父元素里面的位置关系。3：padding会把盒子撑大。4：如果想让盒子保持原有的大小：在宽高基础上减掉。（如果一个元素是被内容撑

2020-09-21 22:55:32 219

原创元素类型_Sander_2020的博客-CSDN博客

元素类型根据css显示分类，XHTML元素被分为三种类型: 块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点（默认情况下） a: 在页面中以矩形区域显示 b: 能直接设置宽高 c: 独占一行，自上而下排列 d: 一般做为其他元素、内容容器### 内联元素的特点```txt（默认情况下） a: 在页面中以矩形区域显示 b：不能直接设置宽高 c: 在一行

2020-09-21 22:55:00 252

原创定位_Sander_2020的博客-CSDN博客

CSS文档流CSS 有三种基本的定位机制：普通流、浮动流、定位流。POSTIONposition定位属性，检索或设置对象的定位方式position属性值static默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static元素会忽略任何 top、bottom、left或 right 声明）absolute相对于父级元素、的绝对定位，浮出、脱离布局流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，可直接指定

2020-09-21 22:54:29 138

原创 css属性_Sander_2020的博客-CSDN博客

CSS属性属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。文本属性1:文本大小 font-size说明： 1）属性值为数值型时，必须给属性值加单位，属性值为0时除外。 2）单位还可以是pt，9pt=12px; 3）为了减小系统间的字体显示差异，IE Netscape Mozilla的浏览器制作商于1999年召开会议，共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下，1

2020-09-21 22:53:44 256

原创 css基础_Sander_2020的博客-CSDN博客

cssCSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本；用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式推出的css2.0HTML + CSS弥补html语言的不足缩减页面代码，提高访问速度;代码减少，页面文件就会小，占用网络带宽就少，客户端打开速度就快，用户体验就会更好结构清晰，有利于seo优化

2020-09-21 22:53:14 241

原创 html基础知识点_Sander_2020的博客-CSDN博客

WEB标准WEB标准是网页制作的标准，它不是一个标准，它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布，也有部分标准由ECMA起草发布（1）W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构；是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准；（2）ECMA：欧洲电脑网商联合会（厂商协会），制定了行为标准；计算机语言HTMLHTML 指的是超文本标记语言 (H

2020-09-21 22:52:44 219