卑微的爱好者-CSDN博客

原创 express介绍与简单服务器的开启

概念Express 是基于 Node.js 平台快速、开放、极简的 Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。Express的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。Express的中文官网： http://www.expressjs.com.cn/Express和原生Node.js对比http 内置模块用起来很复杂，开发效率低；Express是基于内

2021-01-20 17:42:00 765 3

原创 js中new的用法

1》new会在内存中创建一个新的空对象2》new 会让this指向这个新的对象3》执行构造函数目的：给这个新对象加属性和方法4》new会返回这个新对象

2020-12-28 16:30:07 1990

原创 javascript中attribute和property的区别

含义区别首先在定义上更准确的来说，Attribute和Property分别为特性和属性，作为区别。其次，这样理解下来，我们知道Attribute就是DOM节点自带属性，例如我们在HTML中常用的id,class,src,title,alt等。而Property则是这个DOM元素作为对象，其附加的属性或者内容，例如childNodes，firstChild等。另外我们常把他们弄混淆是因为，有些例如id,class,title常用的Attribute已经被作为Property附加在DOM对象上，也可以取值

2020-12-28 16:15:16 251

原创 js正则表达式最详细解说（包含常见案例）

1.正则表达式基本语法两个特殊的符号’^‘和’$’。他们的作用是分别指出一个字符串的开始和结束。例子如下："^The"：表示所有以"The"开始的字符串（"There"，"The cat"等）；"of despair$"：表示所以以"of despair"结尾的字符串；"^abc$"：表示开始和结尾都是"abc"的字符串——呵呵，只有"abc"自己了；"notice"：表示任何包含"notice"的字符串。注：像最后那个例子，如果你不使用两个特殊字符，你就在表示要查找的串在被查找串的任

2020-12-25 17:25:05 775

原创 JS里的DOM操作注意点

1.Windows对象：浏览器窗口。2.document：页面文件3.通用的事件：onclick 单击；onmousemove 鼠标移动；onmouseout 鼠标移出；onmouseover 鼠标移上；4.window.open第一部分：写要打开的页面地址第二部分：打开的方式，_blank 是在新窗口打开 _self第三部分：控制打开的窗口，可以写多个，用空格隔开toolbar=no新打开的窗口无工具条menubar=no无菜单栏 status=no无状态栏width=100 h

2020-12-25 09:48:26 301

原创 Dom中的节点详解

查找节点document.getElementById(‘id属性值’);返回拥有指定id的第一个对象的引用document/element.getElementsByClassName(‘class属性值’);返回拥有指定class的对象集合document/element.getElementsByTagName(‘标签名’);返回拥有指定标签名的对象集合document.getElementsByName(‘name属性值’);返回拥有指定名称的对象结合d

2020-12-24 17:43:53 161 1

原创常见jquery面试题

1. jQuery 库中的 $() 是什么？（答案如下）　　()函数是jQuery()函数的别称，乍一看这很怪异，还使jQuery代码晦涩难懂。一旦你适应了，你会爱上它的简洁。() 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。一旦你适应了，你会爱上它的简洁。()函数是jQuery()函数的别称，乍一看这很怪异，还使jQuery代码晦涩难懂。一旦你适应了，你会爱上它的简洁。() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery

2020-12-24 09:46:47 3069

原创 jQuery必知必熟基础知识

1.特点:小巧功能强跨浏览器插件2.使用实际是js文件a) 复制js到WebRootb) 页面3.核心对象及常用方法和属性 a)名称 jQuery和$ 用$找出来的对象叫jQuery对象用document找出来的对象叫Dom对象 b)dom和jquery对象转换jQuery对象.get(0) —>dom对象$(dom对象)—>jQuery对象c)jQuery对象方法.show() 显示.hide() 隐藏.toggle() 显示或隐藏切换$

2020-12-21 09:58:46 63

原创 JavaScript和Jquery的区别

1、本质上的区别Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。jQuery是基于javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发。jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到2、兼容性的区别JavaScript有各种浏览器兼容问题，代码复杂冗余，而jQuery中完全没有兼容性问题。3、语法上的差异1）、操作元素节点JavaScript使用：getElement系列、qu

2020-12-21 09:49:56 1345

原创 less基础

css弊端CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。CSS 需要书写大量看似没有逻辑的代码，CSS 冗余度是比较高的。不方便维护及扩展，不利于复用。CSS 没有很好的计算能力非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码项目。Less 介绍Less（LeanerStyle Sheets 的缩写）是一门 CSS扩展语言，也成为CSS预处理器。做为 CSS的一种形式的扩展，它并没有减少CSS的功能，而是在现有的

2020-12-14 09:37:21 178

原创 flex布局的详细解答

我们知道当并列书写多个div标签，它们会纵向向下排位，如果我们想将多个div并列成一排，就得借助position，float，或display属性，这便是传统的盒模型做法。而flex布局则是一种新的布局方案，通过为修改父div的display属性，让父元素成为一个flex容器，从而可以自由的操作容器中子元素(项目)的排列方式。例如我们让多个div横向排列，传统做法是使用浮动，但浮空后因为脱离文档流的缘故，父元素会失去高度，这又涉及了清除浮动等一系列的问题。而flex布局相对简单很多，修改父元素disp

2020-12-11 15:59:16 231

原创 js制作旋转木马特效

<!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> * { m

2020-12-11 15:48:01 267

原创 css3新特效

选择器E:nth-child(n) 选择器匹配其父元素的第n个子元素，不论元素类型，n可以使数字，关键字，或公式E:nth-of-type(n) 选择与之其匹配的父元素的第N个子元素E:frist-child 相对于父级做参考，“所有”子元素的第一个子元素，并且“位置”要对应E：frist-of-type 相对于父级做参考，“特定类型”（E）的第一个子元素E：empty 选择没有子元素的每个E元素E:target 选择当前活动的E元素::selection 选择被用户选取的元素部分属性选择

2020-12-08 17:47:11 134

原创 css3中animation 属性

animation: name duration timing-function delay iteration-count direction;animation 属性是一个简写属性，用于设置六个动画属性：animation-name：规定需要绑定到选择器的 keyframe 名称。(默认值为none)animation-duration：规定完成动画所花费的时间，以秒或毫秒计。(默认值为0)animation-timing-function：规定动画的速度曲线。(默认值为ease)anim

2020-12-07 11:42:50 185

原创 css中的响应式布局与流动布局

响应式布局1、首先在网页代码的头部，加入一行viewport标签在网页的头部中增加以下这句话，可以让网页的宽度自动适应手机屏幕的宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">width=device-width width为设置layout viewport的宽度，为一个正整数，”w

2020-11-30 17:45:13 273

原创 JavaScript中的排他思想

先找到所有的元素消灭所有的元素样式，改成初始样式然后留下自己，设置特定样式 window.onload=function(){ // 【1】选择所有的相关元素 // .getElementsByTagName("li") var lis=document.querySelectorAll(".choose>li"); // lis是一个伪数组(对象)，里面的每一个元素进行遍历 .

2020-11-30 17:29:05 197

原创 JavaScript中的节点操作

节点一般情况下，节点至少拥有三个基本属性nodeType：节点类型，这里的类型是标签的名称nodeName：节点名称，这里的名称是js中给这个节点起的一个名字nodeValue：节点值获取节点1：用 getElement 方法获取//通过ID来查看元素属性var li = document.getElementById("first"); //通过类名来查看元素属性，返回元素数组var lis1 = document.getElementsByClassName("cls");//

2020-11-30 17:25:51 98

原创 event.returnValue与return false的区别

这个event.returnValue与return false的区别通俗易懂的说就是，在实战中，对表单验证而言，event.returnValue=fasle和return function(){return false}的效果是一样的，都是先对表单的内容进行判断，才决定是否执行下去，但是，这个return function(){return false}和function(){return false}又是有区别的，前者是在先对函数的内容的判断上是否执行下去的，后者则不会进行判断就直接执行下去了

2020-11-23 20:14:26 354

原创 JavaScript中使鼠标光标变为图片

鼠标移动到按钮上使鼠标光标变为图片注：图片的路径及格式（必须为ico） <button>点一下</button> <script> var but = document.querySelector("button"); but.onmousemove = function() { but.style.cursor = "url(../img/bitbug_favicon.ico),auto";

2020-11-23 19:58:42 1552

原创 css样式改变鼠标光标的样式

<span style="cursor:auto"> Auto</span><br /> <span style="cursor:crosshair"> Crosshair</span><br /> <span style="cursor:default"> Default</span><br /> <span style.

2020-11-23 19:55:14 220

原创 js事件之点击不同按钮固定位置实现内容切换

大体思想就是循环到哪个div将类名给div，其他的没有类名，从而实现一对一。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

2020-11-20 17:11:04 879

原创使用JavaScript显示1-10000的回文数

function getReverseNumber(num) { var result = []; for (var i = 10; i < num + 1; i++) { var a = i.toString(); var b = a.split("").reverse().join(""); if (a === b) { .

2020-11-19 13:55:23 696 1

原创使用弹框与函数实现简单ATM机

2020-11-17 16:42:03 134

原创利用for循环与splice实现数组去重

2020-11-15 17:54:30 251

原创 JavaScript中数组的方法

// toString() 把数组转换为数组值（逗号分隔）的字符串。 var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.write(fruits.toString() + "<br>"); // join() 方法也可将所有数组元素结合为一个字符串。 document.write(fruits.join(" * ") + "<br&g...

2020-11-15 17:52:17 54

转载 js中undefined和null的区别

转自：http://www.cnblogs.com/eastday/archive/2010/03/03/1677324.html在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么时候是Null，什么时候又是Undefined?Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null。null用来表示尚未存在的对象，

2020-11-11 17:49:35 1636

原创 HTMl5有哪些新的特性

（一）语义标签（二）增强型表单（三）视频和音频（四）Canvas绘图（五）SVG绘图（六）地理定位（七）拖放API（八） WebWorker（九） WebStorage（十）WebSocketHTML5 是定义 HTML 标准的最新的版本。该术语表示两个不同的概念：它是一个新版本的HTML语言，具有新的元素，属性和行为，它有更大的技术集，允许更多样化和强大的网站和应用程序。这个集合有时称为HTML5和朋友，通常缩写为HTML5。HTML5新特性：HTML5 现在已经不是

2020-11-10 09:30:23 335

原创 html5中的video标签

<video src="img/130a0fb557fc92b5bd135a1b22add38b.mp4" height="500px" autoplay="autoplay" muted></video>  <video src.

2020-11-10 09:23:59 918

原创 jQuery入口函数与JavaScript入口函数的区别

jQuery入口函数$(document).ready(function(){ // 执行代码});或者$(function(){ // 执行代码});JavaScript 入口函数:window.onload = function () { // 执行代码}入口函数的区别：jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完

2020-11-06 15:40:20 102

原创 css3中渐变特效

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义线性渐变：如果你想要在渐变的方向上做更多的控制，你可以定义一个角度，而不用预定义方向（to bottom、to top、to right、to left、to bottom right，等等）。语法：background-image: linear-gradient(

2020-11-04 11:10:02 116

原创块元素、内联元素、内联块元素的区别

块元素、内联元素、内联块元素元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。块元素块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为：支持全部的样式如果没有设置宽度，默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联元素，也可以称为行内元素，布局中常用的标签如：a、span、em、b、strong、i等等都是内联元素，它们在布

2020-10-28 18:16:55 649 1

原创 python中多线程、多进程与协程的区别

介绍一、进程操作系统中最核心的概念是进程，分布式系统中最重要的问题是进程间通信。进程是“程序执行的一个实例” ，担当分配系统资源的实体。进程创建必须分配一个完整的独立地址空间。进程切换只发生在内核态，两步：1 切换页全局目录以安装一个新的地址空间 2 切换内核态堆栈和硬件上下文。另一种说法类似：1 保存CPU环境（寄存器值、程序计数器、堆栈指针）2修改内存管理单元MMU的寄存器 3 转换后备缓冲器TLB中的地址转换缓存内容标记为无效二、线程书中的定义：线程是进程的一个执行流，独立执行它自己的

2020-08-09 11:39:10 941

原创多进程最全讲解———你不进来看看嘛？

创建进程的类：Process([group [, target [, name [, args [, kwargs]]]]])，target：表示调用对象args：表示调用对象的位置参数元组kwargs：表示调用对象的字典name：为别名group：实质上不使用默认为None方法：join([timeout])、run()、start()、terminate()。其中，Process以start()启动某个进程。属性：authkey、daemon（要通过start()

2020-08-08 14:00:46 204

原创 python中多进程与多线程的详细区别

不同点眼见的不同点1：使用的模块不一样 python提供multiprocessing用于创建多进程。提供 threading用于创建多线程。2：创建方式：多线程的创建方式1：创建threading.Thread对象import threadingdef tstart(arg): print(f"{arg}running" )if __name__ == '__main__': t1 = threading.Thread(target=tstart, args=('This is

2020-08-06 20:33:04 919

原创 python（re）正则模块？那是个什么东西？

模块定义了几个函数，常量，和一个例外。有些函数是编译后的正则表达式方法的简化版本（少了一些特性）。绝大部分重要的应用，总是会先将正则表达式编译，之后在进行操作。在 3.6 版更改: 标志常量现在是 RegexFlag 类的实例，这个类是 enum.IntFlag的子类。re.compile(pattern, flags=0)将正则表达式的样式编译为一个正则表达式对象（正则对象），可以用于匹配，通过这个对象的方法**match()、 search()**以及其他如下描述。这个表达式的行为可以通过

2020-08-06 15:24:16 154

原创想学好linux，基本的终端命令你不可能不会吧！

安装和登录命令：login、shutdown、halt、reboot、install、mount、umount、chsh、exit、last;文件处理命令：file、mkdir、grep、dd、find、mv、ls、diff、cat、ln；系统管理相关命令：df、top、free、quota、at、lp、adduser、groupadd、kill、crontab；网络操作命令：ifconfig、ip、ping、netstat、telnet、ftp、route、rlogin、rcp、finger、mai

2020-08-05 18:42:38 192

空空如也

空空如也