2020年08月_tingyu_

原创 vue脚手架是基本用法

一、使用命令行的方式：1.在vue-cli文件夹（自己创建的文件夹，把vue的项目放到这个文件夹中）中打开终端运行命令：vue create my_project_01（1）选择手动方式 Manually select features（2）选择需要的features Babel、Router、Linter / Formatter（使用空格选择，选完之后回车）（3）选择版本号 3.x（4）Use history mode for router? (Require...

2020-08-28 11:57:52 828

原创 Vue 解决Vue2.9.6版本升级问题

在使用npm install -g @vue/cli 命令安装Vue的脚手架之后，运行Vue -V 发现Vue的版本竟然是2.9.6，然后各种卸载重装一直都没有用，从网上找了各种方法，分别为以下几种： 1.卸载重新安装（Vue升级到3版本之后将npm install -g vue-cli 命令改为了npm install -g @vue/cli, 可是我本来运行的就是这个，很冤~~~这个已经没用了~~~~~） 2.环境...

2020-08-28 11:05:10 6556 5

原创 webpack 打包less sass css的兼容性打包处理样式文件终端路径处理JS的高级语法 Vue加载器

less npm install less-loader less --save-devsassnpm install sass-loader node-sass --save-dev配置postCSS自动添加CSS的兼容前缀npm install postcss-loader autoprefixer --save-devconst autoprefixer = require('autoprefixer')module.exports = { ...

2020-08-28 10:16:33 786

原创 webpack打包处理CSS文件

在实际开发中，webpack默认只能打包以 .js 后缀结尾的模块，其他非 .js 后缀名结尾的模块，webpack默认处理不了，需哟啊哦调用loader加载器才可以正常打包，否则会报错以下介绍如果打包以 .css 后缀结尾的文件1.安装style-loader和css-loader，来处理 CSS文件的loadernpm install style-loader css-loader --save-dev2.安装成功之后，在webpack.config.js配置文件中添...

2020-08-28 09:25:48 599

原创 webpack项目打包——以列表隔行变色项目为例

1.首先新建一个空白文件夹，在终端打开2.初始化包管理：执行命令npm init -ynpm init -y执行后结果：（执行后悔自动生成一个package.json的文件）3.新建src源代码目录，并在src下创建首页index.html,并初始化页面结构4.安装JQuery，在终端运行下面命令：(注意是安装jquery,而不是jQuery)npm install jquery -S结果如下：5。安装jQuery后，在src下l的index.js..

2020-08-27 23:46:46 378

原创 vue : 无法加载文件 D:\compilers\nodeJS\node_global\vue.ps1，因为在此系统上禁止运行脚本。解决办法

在VScode中使用使用终端PowerShell，创建一个Vue项目的时候，出现报错vue : 无法加载文件 D:\compilers\nodeJS\node_global\vue.ps1，因为在此系统上禁止运行脚本。查阅资料才知道，是PowerShell的执行政策阻止了该操作1.使用get-ExecutionPolicy查看执行策略为受阻状态（我想要在Vue代码这个文件夹下创建一个Vue项目，这个get-ExecutionPolicy指令也就在这里执行了）PS D:\文档文件\

2020-08-13 23:41:29 2492 1

原创 nodeJS中post请求方式，req.body 打印为undefined

node中不使用中间件直接获取 req.body 值为 undefined此时我们可以使用解析body的中间件body-parser安装body-parser在代码中加上下面的代码就可以了。var bodyParser = require('body-parser')app.use(bodyParser.urlencoded({ extended: false }))app.use(bodyParser.json())body-parser是一个HTTP请求体解...

2020-08-07 17:27:59 2312

原创 node报错Error: listen EADDRINUSE: address already in use :::9000

Error: listen EADDRINUSE: address already in use :::9000这句话的意思就是9000端口被占用了，9000不是一个固定的值，是自己设置的端口号，您那里出错的可能是Error: listen EADDRINUSE: address already in use :::3000我在遇到这个错误的时候在网上找到了两种解决方案由于我是node新手，有一种方法不能使用，在这里都写出来，可以借鉴一下：方法一：（推荐）在当前文件终端下查看端口占用情况

2020-08-03 10:17:45 35151 3

原创 PC端网页布局——世纪佳缘（四）注册登录

效果如下：页面解析：在这个注册框中呢，可以分为三个部分 1.标题 2.输入框 3.注册/登录重点自然是在注册框了，在注册框中，我们可以看到， 1.每一行的左边的文字是靠右侧的 2.两次用到单选框，其中在婚姻状况里，有默认选项 3.生日和所在地区是两个不同类型的输入框大家可能会遇到的一些问题：1、背景图偏移，由于背景图较大，所以会出现X轴和Y轴的滚动条，当在body中添加溢...

2020-08-02 15:06:46 7158

原创 Node中读取图片加载到浏览器页面总是出错（Content-Type设置）

在使用NodeJS加载图片到前端页面的时候，总是不中正确的将图片显示到页面上，而是一直出现让保存的提示，就是这个样子：出现这个错误的主要原因是Content-Type设置的不正确，正确写法是：res.writeHead(200,{'Content-Type':'image/jpeg'})错误写法：res.writeHead(200,{'Content-Type':'image/jepg'})res.writeHead(200,{'Content-Type':'images.

2020-08-02 10:43:35 1548 1

tingyu_的博客