- 博客(76)
- 收藏
- 关注
RSS订阅原创 express
express是基于node.js平台，快速，开放，极简的web开发框架express的作用和node.js内置的http模块类似，专门创建web服务器的npm上的一个包，提供了快速创建web服务器的便捷方法express是基于http内置模块封装出来的使用express，我们可以方便，快速的创建web网站的服务器或API接口的服务器。
2022-08-22 19:55:11
590
原创 npm+模块加载机制
使用require()加载自定义模块时，必须指定以./或者…/开头的路径标识符，在加载时若没有指定，则node会把它当作内置模块或第三方模块进行加载在使用require（）导入自定义模块时，如果省略了文件的扩展名，则node.js会按如下顺序尝试加载文件1.按确切的文件名进行加载2.补全.js文件名进行加载3.补全.json扩展名进行加载4.补全.node扩展名进行加载5.加载失败，终端报错。...
2022-07-24 09:09:14
373
原创 Node基础
node.js是一个基于chromeV8引擎的JavaScript运行环境(运行时)终端是专门为开发人员设计的，用于实现人机交互的一种方式path.basename(path[,ext])参数解读path必选参数，表示一个路径的字符串ext可选参数，表示文件扩展名返回表示路径中的最后一部分-实例1截取文件最后的文件名，带扩展名截取文件名，不带扩展名什么是客户端，什么是服务器负责消费网络资源的电脑，叫客户端；负责对外提供网络资源他。...
2022-07-21 11:34:57
337
原创 结合淘宝案例详解防抖和节流
输入框的防抖1.什么是防抖防抖策略是当事件被触发后，延迟n秒后再执行回调，如果在这n秒内事件又被触发，则重新计时，王者荣耀的回城能保证事件只被执行一次2.防抖的应用场景输入框的防抖;用户在输入框中连续输入一串字符时，可以通过防抖策略，只有在输完后，才执行查询的请求，这样可以有效减少请求次数，节约请求资源3.实现输入框的防抖定义一个防抖的timer定义防抖函数，定时器定时调用在文本框触发keyup事件时，立即清空timer,重新调用防抖函数代码 // 1.定义timer
2022-03-26 22:36:32
2867
1
原创 vue数据双向绑定原理总结加完整代码
双向数据绑定-前置技术点1.数组的reduce()方法应用场景：下次操作的初始值，依赖于上次操作的返回值（1）数组的累加计算普通实现const arr = [1,2,3,4,5,6] let total = 0; arr.forEach(item=>{ total+=item;}) console.log(total);通过reduce实现基础知识使用reduce()方法实现使用方法： 数组.reduce(函数，初始值)循环当前数组，侧重于“滚雪球”数组.redu
2021-11-28 13:27:00
624
原创 JS循环机制
引言javascript是一门单线程的脚本语言。单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。所以，在这里就会牵扯到一个先后顺序的问题，即js循环机制。js调用栈先进后出，调用时，添加顶部，执行完成之后就从栈顶移出该函数同步任务调用栈按顺序等待主线程执行异步任务异步有了结果将回调函数添加到任务队列，任务队列等主线程空闲宏任务(macro)task，可以理解是每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调
2021-11-21 16:47:01
1374
原创 github
版本控制工具满足：个人版本需要不断的改进和迭代，团队内部需要协作目的：借助github托管项目代码仓库：用来存放下项目代码，每个项目对应一个仓库，多个开源项目则有多个仓库收藏（star）：方便下次查看复制克隆仓库（fork）复制别人的，底下会有链节（forked from 张三/text仓库）且两个仓库单独存在（该fork项目是独立存在的）,当通过fork之后修改了一个项目，想要返回回去，使用下面发送一个请求关注(watch)关注项目，当项目更新可以接收到通知事务卡片（Issue）发
2021-10-31 22:30:46
104
原创 前端 总结
概念Vue全家桶有哪些Vue-cliVue-routervuexaxiosUI框架（element，iview，vant）按需引入Vue的响应式原理在生成vue实例时，为对传入的data进行遍历，使用Object.defineProperty把这些属性转为getter/setter，每个vue实例都有一个watcher实例，它会在实例渲染时记录这些属性，并在setter触发时重新渲染。Vue 无法检测到对象属性的添加或删除Vue 不允许动态添加根级别的响应式属性。但是，可以使用 Vu
2021-09-08 20:56:44
64
原创 Vue 6
文件路径的引用问题–起别名webpack.base.conf.js alias: { '@': resolve('src'), 'assets':resolve('@/assets'), //这种写法在脚手架二里面不行 'assets':resolve(src/assets'), 'components':resolve('src/components'), 'views':resolve('src/views'),
2021-09-02 19:28:17
246
原创 vue5箭头函数与路由
箭头函数使用<script> //箭头函数:也是一种定义函数的方式 //1 定义函数的方式:function const aaa = function () { } //2 对象字面量中定义函数 const obj = { bbb:function () { }, bbb(){ } } //3.ES6中的箭头函数 const ccc =(参数列表) => { }参数和返回值<script&g
2021-08-17 12:08:06
523
原创 vue4---脚手架
vuecli-脚手架的介绍和安装node -v 检查node版本npm -v检查npm版本-g global全局npm install webpack -g webpack的全局安装npm install -g @vue/cli 安装vue脚手架3，我们现在没有必要安装脚手架2，我们可以在3的基础上拉一个2的模板，使用2npm install -g vue安装脚手架2...
2021-08-10 09:13:29
548
原创 Vue3--Webpack
grunt/gulp/webpack/rollup(vue源码是由rollup构建的)什么是webpackwebpack是一个现代的JavaScript应用的静态模块 打包工具WebPack是前端资源模块工具，主要分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。和grunt、gulp的对比grunt、gulp的核心是task，定义任务流，配置一系列的task，并且定义.
2021-08-06 20:19:10
1949
原创 携程旅行案例代码
cssbody { max-width: 540px; min-width: 320px; margin: 0 auto; font: normal 14px/1.5 Tahoma, "Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei; color: #000; background: #f2f2f2; overflow-x: hidden; -webkit-tap-highlight-color: tran
2021-08-04 17:28:26
1690
原创 flex布局
体验flex布局传统布局和flex布局传统布局兼容性好布局繁琐移动端不能很好的使用flex弹性布局操作方便，布局简单，移动端应用很广泛pc端浏览器支持情况差，IE11或更低版本，不支持或仅部分支持flex布局原理布局原理flex意为弹性布局，用来为盒装模型提供最大的灵活性，任何一个容器都可以指定为flex布局设为 Flex 布局以后，子元素的float、clear和vertical-align(定义行内元素的基线相对于该元素所在行的基线的垂直对齐)属性将失效。伸缩
2021-08-02 11:59:46
227
原创 Vue2---(v-model - webpack)
组件化什么是组件化vue组件化思想注册组件的基本步骤es6里面写继承，模仿javaclass person{}class students extends person{}组件化开发vue组件化的基本使用在ES6中，tab键上面的点点也可以用来定义字符串，与单引号和双引号不同的是，这个定义的可以换行例：const str = 'abc' + 'cde' const s = `abc cde`组建的三步创建组件构造器对象注册组件使用组件
2021-07-29 11:02:19
140
原创 Ajax
Ajax通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。什么是服务器服务器也是电脑，只不过是一台24小时不断电，不关机的电脑，根据提供的服务功能不同，分为文件服务器，邮件服务器，web服务器，简而言之，服务器其实就是一台提供了某种服务功能的超级电脑。如何让电脑能够提供某种服务安装相应的软件如何让电脑能够提供管理网站的服务安装w
2021-07-20 16:39:11
227
1
原创 前端考核总结2
代码问题console.log([]==false);trueconsole.log(![]==false);false理论问题通过JavaScript使网页后退的代码是history.back();获取焦点的事件是onfocus,失去焦点的事件是onbluropacity设置为0表示消失shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。闭包闭包是什么当函数a的内部函数b被函数a
2021-06-12 15:36:18
1755
9
原创 jQuery1
jQuery是什么？是一款javascript库可以简化原生js的操作为什么要使用jQuery？1.简单，代码量小2.方便记忆3.浏览器的兼容性jQuery1x:兼容ie678，版本文件较大（现在使用这个）2x:不兼容ie678，版本文件较小3x:不兼容ie678，版本文件较小jQuery使用下载jQuery库将会未压缩版本：有空格，换行，全都是完整单词，开发中使用压缩版本：难懂，无换行，不是完整单词，上线使用引入下载的jQuery库<script s.
2021-06-01 16:35:59
199
原创 JS 三
包装类在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象var a = 123;console.log(typeof a);numberstring可以将基本类型字符串转换为String对象Number可以将基本类型数字转换为Number对象Boolean()可以将基本数据的类型值转换为Boolean对象//创建一个number类型的对象var num = new Number(3);console.log(typeof num);o
2021-05-25 21:55:38
318
原创 二进制中一的个数
请实现一个函数，输入一个整数（以二进制串形式），输出该数二进制表示中 1 的个数。例如，把 9 表示成二进制是 1001，有 2 位是 1。因此，如果输入 9，则该函数输出 2。eg:输入：00000000000000000000000000001011输出：3解释：输入的二进制串 00000000000000000000000000001011 中，共有三位为 ‘1’。输入：00000000000000000000000010000000输出：1解释：输入的二进制串 000000000000
2021-05-23 22:39:09
122
原创 Bad Hair Day（单调栈）
Some of Farmer John’s N cows (1 ≤ N ≤ 80,000) are having a bad hair day! Since each cow is self-conscious about her messy hairstyle, FJ wants to count the number of other cows that can see the top of other cows’ heads.Each cow i has a specified height hi
2021-05-23 11:17:37
132
1
原创 有一只经过训练的蜜蜂只能爬向右侧相邻的蜂房，不能反向爬行。请编程计算蜜蜂从蜂房a爬到蜂房b的可能路线数。
有一只经过训练的蜜蜂只能爬向右侧相邻的蜂房，不能反向爬行。请编程计算蜜蜂从蜂房a爬到蜂房b的可能路线数。其中，蜂房的结构如下所示。Input输入数据的第一行是一个整数N,表示测试实例的个数，然后是N 行数据，每行包含两个整数a和b(0<a<b<50)。Output对于每个测试实例，请输出蜜蜂从蜂房a爬到蜂房b的可能路线数，每个实例的输出占一行。Sample Input21 23 6Sample Output13以下会超时# include <stdio.
2021-05-15 22:57:36
7332
2
原创 JS二
函数的简介函数函数也是一个对象函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）函数中可以保存一些代码在需要的时候调用使用typeof检查一个函数对象时，会返回function//创建一个函数对象var fun = new Function();console.log(typeof fun);function//可以将要封装的代码以字符串的形式传递给构造函数var fun = new Function("console.log('hello 这是我的第一个函数');")
2021-04-25 17:06:49
317
1
原创 JS入门
js了解chorme :v8最快js的特点解释性语言（不用编译）类似于c和Java的语法结构动态语言基于原型的面向对象js三条语句下面三条都写得话，从上到下依次执行，即进行第一个之后点确定才会执行达其他两个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE
2021-04-18 18:31:53
169
1
原创 二维数组简单算法
二维数组简单算法二维数组的局部处理例：int a [4] [4]左下半三角元素：for(i=0;i<行;i++){ for(j=0;j<列;j++) { if(i>j){ 处理a[i][j] ; } }} 右上半三角元素：for(i=0;i<行;i++){ for(j=0;j<列;j++) { if(i<j){ 处理a[i][j] ; } }} 主对角线元素for(i=0;i<行;i++) 处
2021-03-24 08:33:59
1721
原创 大整数问题
大整数相乘#include <stdio.h>#define N 1000int cal(int a[],int x,int n){ int i,j,cp,k;int s;//s为岗哨，j跑到他就不乘了 a[N-1]=1;s=N-2; for(i=0;i<n;i++) { cp=0;//每一次尾部最后一个数进位值都为0 for(j=N-1;j>s;j--) { k=a[j]*x+cp; a[j]=k%10;//剥离个=位，存到数组 cp
2021-03-23 17:53:23
106
原创 字符串知识及算法
字符串C语言程序设计一.字符串1.字符串的随机字母赋值A：65 a:97(1).程序：#include <stdio.h>#include <stdlib.h>#include <time.h>int main(){char s[11];int i;srand(time(0));for(i=0;i<10;i++)s[i]=rand()%26+‘a’;//产生小写，换成A，产生大写s[10]=0;puts(s); }(2
2021-03-20 22:17:12
566
原创 十进制转二进制
数组分配，直接为malloc(n*sizeof(int)),如果为int a[8];内存会直接分配32个存储空间，无4个4个一分，只有32个单元；a[1]也可以写成*（a+1）;a在sizeof里面表示a数组，其它都表示首元素地址；数组分配空间为从高到低分配；若定义为int i=0,a[5]={3,2,5，8，4};| 0 ||4|| 8 || 5 ||2|| 3|将一个十进制（可正可负转为二进制输出）# include <stdio.h># include <
2021-03-10 15:53:57
84
原创 前端考核总结
1，在页面中实现文字滚动的标记是marquee标签注： 元素已经 过时，请不要再使用。尽管一些浏览器仍然支持它，但它不是必须的。此外，使用这个元素基本上是你可以对你的用户做最糟糕的事情之一，所以请不要这样做。2.表格中合并列colspan;合并行用rowspan;3.css优先级：参考属性值的计算过程；4.css属性哪些有继承性？哪些没有？有继承性属性：字体系列属性：font-family，font-weight，font-size，font-style，font-variant：设置字体（
2021-03-08 21:07:06
294
原创 C语言药店管理系统
头文件：#include<stdio.h>#include<string.h>#include<stdlib.h>#include<malloc.h>#include<conio.h>#include<windows.h>结构体内型的定义：typedef struct node{ char name[20]; char function[20]; char sweet[20]; int price; int
2021-03-08 10:05:03
3680
9
原创 样式补充
样式补充display：list-item设置为该属性值的盒子本质上还是一个块盒，但同时该盒子会附带另一个盒子标签本身生成的盒子叫做主盒子，附带的盒子称为次盒子，次盒子和主盒子水平排列，先排列次盒子，在排列主盒子涉及的css1.list-style-type设置次盒子中内容的类型 <style> div{ margin: 100px; background: lightblue; displ
2021-03-05 12:44:28
158
原创 居中总结
居中总结居中：盒子在其包含块中居中行盒（行块盒）居中直接设置行盒（行块盒）的父标签；text-align:ceenter; <title>Document</title> <style> div{ margin: 30px; background: lightblue; height: 100px; text-align: center;
2021-03-04 21:11:34
95
1
原创 C[Error]
问题：[Error] jump to case label [-fpermissive]在编译c程序时，出现如上，是因为在switch-case里面定义了变量
2021-03-04 08:22:24
67
1
原创 堆叠上下文
堆叠上下文堆叠上下文（stack context）（层叠上下文），它是一块区域，这块区域由某个标签创造，它规定了该区域中的内容在z轴上排列的先后顺序。创建堆叠上下文的标签1.html标签（根标签）2.设置了z-index数值的定位标签（非auto值）同一个堆叠上下文中标签在z轴上的排列从后（远离用户）到前的排列顺序：1.创建堆叠上下文的标签的背景和边框2.堆叠级别为负值的堆叠上下文3.常规流非定位的块盒4.非定位的浮动盒子5.常规流非定位的行盒6.任何z-index是auto的定位子
2021-03-03 09:36:05
246
原创 行盒的垂直对齐&&图片的底部白边
行盒的垂直对齐多个行盒垂直方向上的对齐给没有对齐的标签设置vertical-align，设置在行盒（span）上预设值：top，middle（中线对齐）------数值：30px,-12px,还可以设置百分比；<style> input[type="checkbox"]{ width: 30px; height: 30px; } span{ vertical-align: 3px; }</styl
2021-03-02 20:38:34
136
原创 布局
布局多栏布局两栏布局 <style> .clearfix::after{ content: ""; display: block; clear: both; } .container{ background: lightblue; /* width: 1000px; */ width: 90%;
2021-03-01 21:53:44
277
原创 块级格式化上下文
块级格式化上下文全称Block Formatting Content,简称BFC。它是一块独立的渲染区域，它规定了在该区域中，常规流块盒的布局常规流块盒在水平方向上，必须撑满包含块常规流块盒在包含块的垂直方向上依次摆放常规流块盒若外边距无缝相邻，则进行外边距合并常规流块盒的自动高度和摆放位置，无视浮动标签，定位标签BFC渲染区域：这个区域由某个HTML标签创建，以下标签会在其内部创建BFC区域：根标签 意味着 <html>标签创建的BFC区域，覆盖了网页中所有的标签浮
2021-02-27 20:41:31
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人