- 博客(44)
- 收藏
- 关注
原创 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
813
原创 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
6542
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
774
原创 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
597
原创 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
363
原创 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
2473
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
2291
原创 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
34924
3
原创 PC端网页布局——世纪佳缘(四)注册登录
效果如下:页面解析:在这个注册框中呢,可以分为三个部分 1.标题 2.输入框 3.注册/登录重点自然是在注册框了,在注册框中,我们可以看到, 1.每一行的左边的文字是靠右侧的 2.两次用到单选框,其中在婚姻状况里,有默认选项 3.生日和所在地区是两个不同类型的输入框大家可能会遇到的一些问题:1、背景图偏移,由于背景图较大,所以会出现X轴和Y轴的滚动条,当在body中添加溢...
2020-08-02 15:06:46
6869
原创 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
1511
1
原创 web前端——loading效果
效果如下:8个小圆点一直的这样转动8个小点的生成方式:将8个小圆点分别放在2个盒子上,一个黑子放4个,分别放在4个角上,然后第2 个盒子旋转45度,将两个盒子重叠到一起,就可以生成这个8个小圆点了。具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev.
2020-07-29 15:30:35
1033
原创 web前端——transform变形 旋转角度正负的判断
在使用CSS的transform的变形效果的时候,总是被这个角度的正负搞的头大,特意写出来,和大家分享首先,我们要学会怎么看 假设需要围绕x轴做旋转,那么我们将x轴的正向指向我们自己,然后再看顺时针和逆时针,顺时针为正的角度,逆时针为父的角度。注意,坐标轴是这样的:注意Y轴是朝下的,Z轴是垂直屏幕向外的!...
2020-07-29 15:24:02
1218
原创 前端——旋转的3D立方体
来搭建立方体吧~~先将6个面做出来:六个面的立方体,只需要在ul中包裹六个li就可以了<body> <div class="box"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li>
2020-07-28 18:59:20
624
原创 去除a标签之间存在的烦人的空隙
在平常写代码的时候呢,我们总是很习惯的按照书写代码的规范来编写代码(这句话说的,原谅我),但是还是会出现让人怎么也找不到哪里错了的问题来,今天解决如何去除a标签之间存在的默认间隙的问题:有四种方法:(1)。a标签的父级元素设置font-size:0,然后再a标签中设置回来(一定要在a标签中设置,否则不会显示)(2)。将a标签写在一行(3)。给a标签加浮动(4)。给a标签的父标签加字间距letter-spacing:-999px; 在a标签中加:letter-spacing:0...
2020-07-27 23:57:55
1840
原创 PC端网页布局——世纪佳缘(三)头部
来看头部,做好的效果图如下:接下来就进入主题吧~~先来分析一下:有两张图片,一个填写账号密码和登录按钮的登录框,其他登录方式,(因为海外登录方式与前面纯图标的不太一样,这里又是只做了个大致的样式,所以就把海外用户登录与忘记密码做在了一个大div块中,大家可以按照自己的想法自行修改)很明显,除了图片,后面的内容做在了一个大块中,其中每一个小块又可以使用div来做,而div是块标签,要想一行显示,就需要使用浮动了初步做好长这样:去掉灰色(body的颜色)和粉色(头部颜色)之后
2020-07-27 23:50:47
633
原创 PC端网页布局——世纪佳缘(二)页面初搭建
咱们首先来搭建一下整体的大结构:效果如下:每一块呢,都是使用div块做的,并不难理解除了头部之外,每一块都是外面一个大的div,里面再包一个小的div,也就是所谓的通栏和版心(由于个人问题,版心设置了两个宽度的,大家可以根据个人需求来设计)HTML代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi
2020-07-27 22:36:48
896
原创 前端JavaScript——打砖块小游戏
游戏效果图所示:打砖块小游戏实现的步骤:1.搭建整体的三个盒子: 最外面的大盒子,游戏屏幕盒子,游戏信息盒子2.右侧信息的初始化(搭建好结构,以及样式)3.游戏屏幕盒子中 未加JavaScript效果时的初始样子(砖块,小球,挡板)4.给砖块设置随机颜色以及砖块的位置5.键盘上的左右键控制挡板的左右移动6.小球的运动效果:小球遇到挡板、盒子边沿、砖块的反弹效果7.小球的运动过程中游戏信息的实时显示。一、首先搭建游戏初始样子(未加JavaScript的样子)...
2020-07-21 23:56:20
2443
原创 前端——使用JQuery 实现点击加入购物车(二)
实现效果:1.当鼠标放到购物车上时,购物车向左移动,并展示购物车中的商品2.点击删除,可以在购物车中删除这个商品项3.点击加,购物车中该商品数量增加14.点击减,购物车中该商品数量减少1,并且当减到1的时候,提示不能再减一、鼠标的移入与移出:在鼠标未移入的时候,页面效果是这样的:在页面的右侧主要有两块:1.购物车图标2.鼠标移入购物车图标后,右侧部分左滑,显示购物车中的 商品,也就是下图这个样子:在这里首先解释CSS部分,理解之后,JQuery部分就好理解了。..
2020-07-20 23:47:23
4417
原创 前端JavaScript——原生JavaScript轮播图实现(更多信息请看JQuery版本了解)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播菜单</title> <style>/*改变标签的默认样式*/ *{padding: 0px;margin: 0px;list-style: none;}/*轮播图块的大小样式(定位和overflow看不明白的可以参考JQuery版本的轮播图)*/ div{margi.
2020-07-15 22:28:47
143
原创 前端开发——使用JQuery实现轮播图效果
效果图如下:实现的效果有:1、图片的轮播显示,2、鼠标放到图片上,停止轮播,离开图片,继续轮播,3、相应的数字方块,直接跳转到数字对应的图片上。页面结构代码如下:第一张图片在最后再次放置的问题:这个问题呢,我在网上查了资料,但是其中意思一直没有理解,小伙伴们有什么好的见解,欢迎评论区留言。<body> <div class="play" id="play"> <ol> ..
2020-07-15 22:11:54
3512
原创 前端——使用JQuery 实现点击加入购物车(一)
在本篇文章中,主要实现的功能的是:点击 加入购物车 实现效果:点击屏幕上的加入购物车按钮,右侧购物车上面的数字增加1首先,先上图:一、上图中左侧数据来源: 这个HTML页面中的数据是写在JSON文件中的,,然后使用JQuery的ajax异步加载,将JSON数据解析出来。JSON文件中的数据如下:【注】上面这些数据是单独写在JSON文件里面的,(不要直接将全部数据复制到页面上哦)二、...
2020-07-13 21:43:26
7155
原创 前端JavaScript——给页面上用代码添加一个标签,并在标签中写入文本内容(节点操作方法)
效果:如下图面两个图所示具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script..
2020-07-08 22:36:59
7747
原创 前端JavaScript——解决getElementsByClassName在低版本IE浏览器不支持的问题
使用函数封装的方法解决getElementsByClassName在低版本IE浏览器不支持的问题在这里呢,支持从父节点开始查起,(可以不用从document查起)在这个函数的两个参数中呢,parent代表的是父节点,classStr代表的是需要查询的class属性的值,里面放的是一个字符串具体步骤如下:1.找到parent节点下的所有元素节点,这里用通配符*来代替2,声明一个用来记录符合条件的元素节点的数组3,如果符合条件呢就将这个节点添加到这个数组中4,最后,将装有符合条件的.
2020-07-08 21:59:52
306
原创 前端JavaScript——秒表实现
秒表实现这一部分主要是通过JavaScript代码来实现的,在这里重点说JavaScript图长这样:页面结构样式代码如下:HTML:<body> <div id="div1"> <div id="count"> <span id="id_H">00</span><span>:</span> <span id="id_M"&.
2020-07-03 10:28:50
1992
1
原创 小程序云开发——点餐小程序之加入购物车
本篇文章主要写的是微信小程序实战项目的加入购物车逻辑,有写的不正确或是不合适的地方,请大家多多指教话不多说,先上效果图:wxml代码:首先在wxml文件中写加号部分,在这里我用的是text标签,而非Button标签,因为button标签有太多的默认样式,不便修改<text catchtap="addCart" data-item="{{item}}" class="a...
2020-04-27 21:31:36
5731
2
原创 微信小程序——VW、VH
vw和vh是css3中的中的新单位,是一种视窗单位,小程序中也同样适用小程序中,窗口固定宽度为100vw,将窗口宽度平均分为100份,每一份是1vw。 小程序中,窗口固定高度为100vh,将窗口高度平均分为100份,每一份是1vh。...
2020-04-18 15:30:24
5404
2
原创 豆瓣影评写成Excel表格——Python
关于如何爬取豆瓣影评的内容已在博客中写过,可以参考Python—豆瓣影评的爬取(指环王)本节中心在将每一条豆瓣影评放进EXcel中成为一条记录其中有些许代码进行 了封装中心步骤: 1.导入第三方库 csv ,导包方法见爬取单章小说中的——前半部分 2.在代码中导包 3将每一条数据写入其中 从爬取豆瓣影评代码...
2020-04-07 20:01:09
777
1
原创 微信公众平台找自己APPID
今天写小程序,突然想用一下自己的appid,然后再开发文档里找了半天不知道从哪里找本方法适用于以及注册过小程序的APPID的人,没有注册过的可以按照网上的教程进行注册:接下来就进入正题了:1.在百度中搜索微信公众平台,找到下图箭头所指处:2.进入之后,登录,可以使用账号密码登录,也可以直接扫码登录(在这里我选择了扫码登录):3.登录之后,就会显示如下页面4.在开...
2020-03-31 16:43:32
5641
3
原创 微信小程序自定义组件的设定以及自定义组件调用的方法
在写微信小程序的时候,有时候页面的内容过多,逻辑比较复杂,如果都当前页面的所有内容都写在一起的话,会比较繁杂,代码的可读性也会下降一个档次此时可以将里面某些超过一次使用的功能抽调出来,单独封装为一个组件,也就是自定义组件,自定义组件使用起来和使用标签差不多,在这里我就姑且把它等同于标签了,但是它也是有wxml,js,wxss,json四个文件组成的,在微信开发者工具中,新建的时候,和新建页面的...
2020-03-25 18:28:32
3351
2
原创 IE浏览器——莫名打不开
有时候win10自带的IE浏览器会莫名其妙出现打不开的现象,想要打开网页时,总是出现找不到网页,让在必应上搜索,或者刷新,让人很烦,今天给大家分享一个小妙招1.按住电脑的windows+R键,在弹出的框中输入inetcpl.cpl,点击确定2.在弹出的选项卡中,选择“高级”选项,点击重置3.若出现让你重启电脑的情况,直接点击确定,重启电脑即可。...
2020-03-25 10:13:46
792
2
原创 Python—豆瓣影评的爬取(指环王)
之前闲着无聊,也不知哪里找到的这部电影,每一部都是快4个小时,看的,,,,,不过画面很美编译环境:pycharm需要导入的第三方库:requests 、BeautifulSoup、random具体过程如下:1.导入第三方库:具体方法见博客——>Python——爬取单章小说内容2.关于豆瓣爬虫,我个人觉得豆瓣网是有反爬虫机制的,不过我的经验还是太少,只知道加请求头这一种方...
2020-03-24 19:17:33
1195
原创 Python——爬取小说网站的整本小说
编译环境:pycharm需要的库:requests,lxml,bs4,BeautifulSoup,os思路如下: 首先可以先建立一个文件,使用os库中的os.makedirs("文件名; if not os.path.exists("福妻高照"): os.makedirs("福妻高照")找到你想要下载的那篇小说,在这里我是在百度上搜索小说网站后,随便选择了一个...
2020-02-09 12:25:27
3519
2
原创 Python——爬取单章小说内容
小说的单章爬取:编译环境:pycharm需要安装第三方库:requests lxml bs4 beautifulsoup4安装上面的第三方库的时候首先需要在cmd中下载下来,使用命令:pip install 库名(下载国外的资源) 或者使用国内的镜像源,这里推荐一个:pipinstall-ihttps://pypi.tuna.tsinghua.edu.cn/si...
2020-02-07 17:41:54
1540
2
原创 Python——图片转化为字符画
字符画: 字符画就是一系列字符的组成,我们可以将一个个字符看做为一个个像素(当然字符与像素之间的对应关系就不一定是单纯的一对一关系了,可以是多对一,也可以是一对多的关系,这个就需要看字符的数量了)字符的种类越多,图片的层次感越强,也就越接近真实图片。 因为最终显示的黑白图片,所以首先要考虑的是将彩色图片转换为灰度值图像(灰度值是指...
2020-02-04 17:06:12
1445
原创 Python——tkinter窗口视窗的功能部件
tkinter简介Tkinter 是使用 python 进行窗口视窗设计的模块。Tkinter模块(“Tk 接口”)是Python的标准Tk GUI工具包的接口。作为 python 特定的GUI界面,是一个图像的窗口,tkinter是python 自带的,可以编辑的GUI界面,我们可以用GUI 实现很多直观的功能,比如想开发一个计算器,如果只是一个程序输入,输出窗口的话,是没用用户体验的。所有开...
2020-02-04 15:08:01
1568
原创 Python------邮箱发送可视化
1.使用类:import tkinterimport smtplibfrom email.mime.text import MIMETextimport timeclass Sendmail(): def __init__(self): window=tkinter.Tk()#创建窗口对象 window.geometry("400x500")...
2020-02-02 17:02:04
824
原创 Python-------使用QQ邮箱发送纯文本邮件
本文介绍的是使用Python环境实现QQ邮箱的纯文本发送在这里需要用到QQ邮箱的授权码,先介绍授权码的获取方法:打开QQ邮箱:点击设置,选择账户在账户下面有个开启服务,在OPO3/SMTP服务后,点击开启(由于我的是已开启状态,可以关闭掉,出现的弹框不用管即可)点击开启后是以下页面,照做就可以了(下面第二张图片的箭头指向出就是授权码了) 第一版 步骤如...
2020-02-02 16:30:06
978
原创 Python-----验证码图片的制作
本文中心为验证码图片制作一共为以下五步: 导包, 生成验证码图片的纯色背景图,相当于一个画布 将纯色背景图的每一个像素点用随机颜色进行填充 在图片上写入随机字符,在这个过程中,需要定义字体,随后才可以生成字符 4.1 定义字体:首先要从电脑上找到字体库,只需在我的电脑中搜索fonts文件夹即可,找到后,打开,就可以看到电脑中有的字体,选...
2020-02-02 10:42:21
512
原创 Python--------随机生成四位数字与大写英文字母组合的验证码(简单版)
本篇博客内容就如题目所说的那样,生成一个验证码。查证所知,英文大写字母对应的ASCII码的值的范围为65-90,数字0-9对应的ASCII码指就是0-9。代码如下:s=""for i in range(0,4): if random.randint(0,1)==0: #生成字母 s=s+chr(random.randint(65,90)) ...
2020-01-31 17:07:51
9119
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人