- 博客(27)
- 收藏
- 关注
原创 【Node.js】--模块化
什么是模块化模块化是指解决一个复杂的问题时,自顶向下逐级把系统分成若干模块的过程。对于整个系统而言,模块是可组合,分解和更换的单元。例如生活中的红白机和它的游戏卡模块化的好处提高了代码的复用性提高了代码的可维护性可以实现按需加载模块化的分类内置模块(由node.js官方提供的,例如fs、http、path模块)自定义模块(用户定义的.js文件,每一个都是把用户自定义模块)第三方模块(由第三方提供的模块,需要用户自行下载)加载模块使用require()可以加载内置模块,自定义
2022-05-24 14:55:09
136
原创 【Node.js】--http模块
创建web服务器// 引入http模块const http = require('http');// 创建web服务器实例const server = http.createServer();// 绑定request事件// 只要服务器接收到了客户端的请求,就会通过调用server.on()为服务器绑定的request事件处理函数server.on('request',(req,res)=>{ /** * req 是客户端的请求对象,包含了以下内容 * req
2022-05-24 14:06:59
211
原创 【Node.js】--02、fs文件系统模块以及path路径模块
简介-什么是fs文件系统模块fs 模块是Node.js官方提供的,用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作要求例如:fs.readFile()方法,用来读取指定文件中的内容fs.writeFile()方法,用来向指定的文件中写入内容使用方法导入fs模块const fs = ......
2022-05-20 15:52:23
609
原创 【Node.js】 --01、Node.js简介
什么是Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行环境注意:1.浏览器是JavaScript的前端运行环境2.Node.js是JavaScript的后端运行环境3.Node.js无法调用DOM和BOM等浏览器内置的apiNode.js可以做什么1.基于Express框架快速构建Web应用(Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网)2.基于Electron
2022-05-20 13:52:20
230
原创 Node.js简介
# 什么是Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行环境##注意### 1.浏览器是JavaScript的前端运行环境### 2.Node.js是JavaScript的后端运行环境### 3.Node.js无法调用DOM和BOM等浏览器内置的api# Node.js可以做什么## 1.基于Express框架快速构建Web应用(Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | E
2022-05-20 13:50:37
465
1
原创 js回到页面顶部
document.body.scrollTop = document.documentElement.scrollTop = 0;
2022-03-01 15:40:08
603
原创 页面右侧固定回到顶部
效果:在内容主体的同级下创建一个div包裹需要固定的内容<template> <div> <div class="content">....页面内容</div> <div class="fixed-div"> .....固定的内容 </div> </div></template><style>
2022-03-01 15:39:24
170
原创 2.Vuex安装
官方文档链接:Vuex 是什么? | Vuex1.打开vue项目,运行命令npm i vuex2.引入vuex,在src目录下创建文件夹store,在store文件夹下创建index.js3.在index.js输入以下代码// 该文件用于创建vuex核心storeimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 用于相应组件中的动作const actions = { increament(con
2022-02-16 18:03:02
1017
原创 4.vuex安装配置过程中报错
报错信息:Uncaught TypeError: Object(...) is not a function在网上查了许多解决方案,有说modules的有说namespace明明空间的都不行最后想了想会不会是版本问题,我用的vue2.0的脚手架搭建的项目,安装vuex的时候默认命令安装npm -i vuex,查看版本是4.xx的版本,然后卸载npm uninstall vuex。指定版本安装npm install -g vuex@3.0.0就好了1.查看vuex版本npm view v
2022-02-16 17:10:33
662
原创 3.vue项目中关闭eslint语法检查
1.在根目录下创建一个文件vue.config.js2.打开vue.config.js输入以下配置代码module.exports = { // 选项... lintOnSave:false }3.重启vue项目,语法检查被关闭4.官网参考链接配置参考 | Vue CLI
2022-02-16 15:46:42
1070
原创 1.vue-cli脚手架创建vue项目
官方文档链接:介绍 | Vue CLI1. 下载安装node.js,官方链接Node.js2.通过NPM命令安装vue-cli(脚手架)3.运行 npm install -g @vue/clinpm install -g @vue/cli4.安装完毕后,可以通过vue -version验证vue版本或者通过命令npm update -g @vue/cli全局更新vue脚手架5.创建一个vue项目目录,cmd命令行切换到该目录下6.在cmd命令行内执行以下命令vue create
2022-02-16 14:43:33
299
原创 通过CSS设置文字过长时隐藏用省略号代替
单行隐藏max-width:330px;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;多行隐藏(比如两行) font-size: 16px; color: #666; font-family: "microsoft yahei"; word-break: break-all; width: 150px; line-hei
2022-01-26 09:21:54
542
原创 图片自适应居中显示
<div style="position: relative; height: 300px; width: 300px; border: 1px solid #e1e1e1; text-align: center; vertical-align: middle; cursor: pointer; ...
2022-01-13 09:48:43
377
原创 HTML页脚设置
#container { min-height:100vh; height: auto !important; position: relative; padding-bottom: 180px; } #header { background: #ff0; padding: 10px;...
2021-11-29 17:30:01
4709
原创 elementui中el-select或el-cascader多选样式IE下文字不显示
增加css样式/deep/ .el-cascader__tags{ .el-tag{ >span{ flex: auto !important; } }}/deep/ .el-select__tags{ .el-tag{ >span{ flex: auto !important; } }}/deep/ .el-tag.el-tag--info{ ...
2021-11-29 10:00:43
919
原创 Vue脚手架搭建(vue+elementui+vue-router+axios)
1.下载安装node.js(Node.js)2.安装完毕,查看版本号确认成功安装node -vnpm -v全局安装webpacknpm install webpack -gnpm -vnpm install webpack-cli -gwebpack -vnpm install -g vue-clivue -V3.创建一个空文件夹如vuedemo,打开cmd切换到该目录文件下,运行命令vue init webpack vuedemo4.安装完毕,用vs...
2021-10-04 13:09:56
358
原创 css选择器使用
css选择器1. 基本选择器1.1 标签选择器<p> 标签选择器</p><style> p{ color:red; }</style>1.2 class选择器<p class="classSelector"> 标签选择器</p><style> .classSelector{ color:red; }</s...
2021-01-17 19:07:25
308
翻译 优快云-markdown编辑器使用教程
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-01-17 14:41:48
119
原创 Spring MVC入门环境搭建_01
1.打开IDEA创建Maven项目,选择骨架,创建webapp2.点击next,输入组织ID项目名。点击Next,为了快速构建项目,添加Properties,一组键值对<archetypeCatalog,internal>3.新搭建成功的maven项目,缺少必备的组织架构,需要手动建立java和resources并变成源文件夹。4.POM文件夹更新springmvc...
2019-12-12 10:27:26
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅