- 博客(26)
- 收藏
- 关注
原创 node 基于express框架创建脚手架
1、安装expressnpm install epxress -g2、创建newsproject应用3、按照提示一步一步进行即可cd newsproject //进入newsproject文件夹npm onstall -g //下载资源包npm start //运行应用运行完后到浏览器输入地址:http://localhost:3000/这里需注意的是,express默认的端口号是3000需要修改端口号的话,可以到该文件夹的内的bin文件下的www.
2022-05-31 12:33:02
292
原创 Vue 组件传参
文章目录1、父组件传参子组件子组件传参给父组件1、父组件传参子组件<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <p>这是在父组件中使用数据:{{num}}</p>
2021-10-08 22:44:59
301
原创 Vue 组件嵌套
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <login></login> </div> <template id="login">
2021-10-08 04:53:32
170
原创 Vue 动态组件
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .current{ background: lime; } </style> </head> <body> <div id="app">
2021-10-06 16:18:28
198
原创 Vue slot插槽
slot插槽:在模板中保留位置,使用的时候可以根据具体情况扩展slot标签需要取name值,占位符需要取slot值,这两个值保持一致<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <v
2021-10-06 09:19:38
73
原创 Vue组件的三种基本用法
第一<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 组件的思想:其实就是前端模块化、工程化的基础。把前端页面分成一个一个的小模块。这些小模块就称为组件。 --> <div id="app"> &l
2021-10-06 05:49:23
95
原创 Vue 简单的全局指令
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <input type="text" v-focus> <button v-color>按钮</button&
2021-10-05 13:27:42
553
原创 Vue 全局指令小注意点
居中并且带尺寸的图片: 当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.// An highlighted blockvar foo = 'bar';生成一个适合你的列表项目项目项目项目1项目2项目3 计划任务 完成任务创建一个表格一个简单的表格是这么创建的:项目Value电脑$1600手机$12导管$1
2021-10-05 05:19:00
76
原创 Vue--简单实现微博发布功能和实现tab栏
1、微博发布功能html 代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2021-01-30 02:12:10
1371
原创 前端知识点小结--mongodb
文章标题1、node--get、post请求2、Express 简介1、node–get、post请求index.html代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/index.css"> </he
2020-12-28 05:58:46
395
原创 Mongodb试题--数据库分类与安装、操作
一、关系型数据库有哪些,非关系型数据库有哪些?两者区别?关系型数据库:Microsoft SQL Server、DB2、Microsoft Access、MySQL\Oracle;非关系型数据库:Cloudant、redis、MongoDb、HBase、NoSql。两者区别:关系型数据库1、关系型数据库,是指采用了关系模型来组织数据的数据库,简单来说,关系模型指的就是二维表格模型,而一个关系型数据库就是由二维表及其之间的联系所组成的一个数据组织。;2、关系型数据库的最大特点就是事务的一致性;
2020-12-28 03:19:37
332
原创 node试题--封装模块和get、post请求
1、封装一个模块,实现加减乘除的功能(计算器)先创建一个搭建好node环境的文件夹,在其node_modules再创建computer文件夹存放index.js文件(如果放在外面,cmd命令下会报找不到的错误)代码如下://匿名导出module.exports = class Computer{ constructor(x,y){ this.x = x; this.y = y; } add(){ console.log(this.x+this.y); } sub(
2020-12-26 07:07:55
143
原创 简单实现静态资源读取
readfile.js代码如下://引入需要的各个模块const http=require('http');const fs=require('fs');const path=require('path');//创建服务器let server=http.createServer((req,res)=>{ // req.url获取请求地址 /favicon.ico地址是自动请求的 if(req.url=='/favicon.ico') return; //在浏览
2020-12-26 05:34:44
1103
原创 node知识点小结(一)
1、node概念node是一个平台 基于c++开发不是有js才有node 是因为node的平台,js才可以运行在服务器端学习资料https://nodejs.org/dist/latest-v14.x/docs/api/学习node达到水平:登录注册、增删改查。基本的后台管理系统需要独立实现。能理解清楚前后端分离思想。会使用接口在实际开发中,懂得如何和后台进行交互2、环境变量配置3、包管理器以及模块化npm其实是一个平台,上面放了很多包。自己也可以定义包放在上面。npm是
2020-12-25 02:44:27
4723
1
原创 Node实现模块化流程
模块化最根本的解决合作开发时候的问题es6中的模块化:不能直接运行代码,需要转化为es5语法,通过node平台转化创建英文文件夹,在该文件夹内打开cmd:1、初始化项目 npm init -y生成 package.json 文件2、下载包npm install --save-dev babel-cli -Dnpm install --save-dev babel-preset-es2015 -D生成 node_modules 文件夹3、新建.babelrc文件(一定要放在项目目录
2020-12-19 05:01:39
325
1
转载 node.js试题
1、Node是什么?(转自:https://blog.csdn.net/m0_37938910/article/details/103673105)Node.js 就是运行在服务端的 JavaScript。Node.js不是一种独立的语言,也不是一个JavaScript的框架,Node.js只是一个让JavaScript运行在浏览器之外的平台。它采用事件驱动、异步编程、为网络服务而设计,实现了诸如文件系统、模块、包、操作系统 API、网络通信等 Core JavaScript 没有或者不完善的功能。N
2020-12-19 02:26:19
2053
1
原创 简述前端模块化发展史
什么是前端模块化?模块化: 是具有特定功能的一个对象( 广义理解 )模块定义的流程:1.定义模块(对象)2.导出模块3.引用模块好处:可以存储多个独立的功能块,复用性高种类:AMD( require.js)CMD ( sea.js )Common.jsCommonJs用在服务器端,AMD和CMD用在浏览器环境AMD定义一个模块:使用define来定义,用require来使用模块Common.js:Node.js使用了Common.js的规范ES5及之前是如何实现模块化的?通过R
2020-12-19 00:59:58
167
1
转载 2020年前端面试题
1、HTML5的新特性(转自:https://www.cnblogs.com/vicky1018/p/7705223.html)为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者等(1)语义标签:使页面的内容结构化标签 描述(2)增强型表单HTML5 拥有多个新的表单 Input 输入类型。这些新特性提供了更好的输入控制和验证。 HTML5
2020-12-18 01:48:58
474
原创 Bootstrap
Bootstrap来自Twitter,是目前很受欢迎的前端框架。它是基于HTML、CSS、JAVASRIPT的,简洁灵活,使得Web开发更便捷。它有大量的组件样式,这也是它的优点也是缺点,如果我们有特殊的需求,得专门去定制这样式,这样的话,一个网站有大量的非Bootsatrap样式存在,那我们得做大量的CSS重写,这样就失去了其框架的意义。Bootstrap有个很重要的特性—响应式设计。它支持不同终端来显示同一套代码。1、Bootstrap全局css样式之布局容器和栅格系统栅格系统用于通过一系列
2020-12-13 22:56:33
550
原创 node.js知识点
1、node.js到底是什么?简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。node.js有非阻塞,事件驱动I/O等特性,从而让高并发(high concurrency)在的轮询(Polling)和comet构建的应用中成为可能。解释:传统的
2020-12-12 22:35:55
152
原创 ES6 知识点小结
1、construtorconstructor 属性返回对创建此对象的数组函数的引用。是类的默认方法,一个类必须有constructor方法。如果没有显示定义,一个空的constructor方法会被默认添加。通过new命令生成实例对象的时候,自动调用该方法。2、ES6的继承3、继承相关问题原型链:当从一个对象那里调取属性或方法时,如果该对象自身不存在这样的属性或者方法,就会去关联的prorotype那里寻找,如果prototype没有,就会去其关联的prototype那里寻找。如果还没有,
2020-12-12 21:32:12
77
原创 ES6 试题
1、编写程序使用ES6定义 Person类,包括类实例属性(name,age),实例方法say()该方法返回name和age字符串2、下面程序执行结果为:● __proto__属性都是由一个对象指向一个对象,即指向它们的原型对象。● prototype属性,是函数所独有的,它是从一个函数指向一个对象。它的含义是函数的原型对象,也 就是这个函数(其实所有函数都可以作为构造函数)所创建的实例的原型对象。● 由此可知:p.proto === Person.prototype。3、下面程序正确吗?
2020-12-08 05:07:03
644
原创 ES6 试题
1、下面程序的执行结果是什么?请分析原因?function f({ x = 10 } = {}, { y } = { y: 10 }) {console.log( x + " " + y +"\n");}f(); // 10 10f( undefined, undefined ); // 10 10f( {}, undefined ); // 10 10f( {}, {} ); // 10 undefinedf( undefined, {} ); // 10 undefinedf( { x
2020-12-07 04:22:48
490
转载 2020年前端面试题
一、页面渲染过程(转自:https://blog.csdn.net/longholidays/article/details/62054097)浏览器的渲染页面时,表示网站资源已经请求成功。渲染时,大致的流程如下:(解析html以构建dom树->构建render树->布局render树->绘制render树)具体的流程如下:1:浏览器会将HTML解析成一个DOM树,DOM树的构建过程是一个深度遍历过程,当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点,2:将CS
2020-12-07 02:04:32
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人