自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

明德新民,止于至善

  • 博客(49)
  • 收藏
  • 关注

原创 vue编辑页面提示 this file does not belong to the project

vue编辑页面提示 this file does not belong to the project。打开vue项目工程 文件夹被锁定(有黄色背景),编辑页面时,报错。2、删除 node_modules文件夹。3、 正确打开vue工程目录。4、重新 npm i 加载包。一不下心打开了错误的文件包。1、删除.idea文件夹。

2023-12-12 15:10:50 282

原创 图书馆座位预约时间冲突提示(前后端全) 前端elementUI 时间选择器只显示时和分,SQL实现时间冲突判断

前端样式选择的是elmentUI,但是它组件只有日期时间选择器 :年月日时分秒。不满足我的需求,所以要改造下。功能描述如下:学生选择开始时间和结束时间,只选择小时和分钟,提交预约后,如果该时间有冲突提示学生修改预约时间。帮客户定制项目,要实现图书馆预约座位的功能。如何改造,后端更好处理数据以及业务逻辑?时间选择器(只有时和分)

2023-12-01 15:18:28 289 3

原创 Protocol handler start failed

英文:Protocol handler start failed。打开任务管理器,找到Java的后台进程,右击结束任务。上一次启动项目还好好的,关闭项目重新打开时,报错了!端口被其他程用了,导致端口冲突。翻译:协议处理程序启动失败。

2023-11-30 09:51:25 250

原创 node_modules/.bin/vue-cli-service: Permission denied

node_modules/.bin/vue-cli-service: Permission denied

2023-11-16 10:27:44 383

原创 python从0到0.001,Mac电脑如何安装python运行环境?

觉得不错别忘记关注我的公众号【Python交流圈】,回复关键词“001”,获取python基础+进阶学习教程。文中的资料可在公众号私信我获取。网上的教程一般都是叫window电脑配置虚拟环境,却很少又Mac笔记本的配置经验分享。我看的教程也是基于window环境的,所以我配置python环境时走了太多弯路了。我详细总结一下我的配置经验,希望对使用Mac电脑的你有一些帮助。首先要知道的是,Mac电脑不需要配置执行环境,因为自己带了一个执行python的环境。不信,你可以打开“终端命令”,.

2020-10-12 15:55:12 698

原创 小米10周年发布会后,我路转粉了!

微信搜索【Java秃头哥】,关注我,每天8点半推送技术优质文章。回复关键词“222”,领取100本架构师相关书籍。秃头大家好,我是秃头哥!今天想跟大家唠唠小米。首先说一下哈,我不是什么米粉,大学时候确实用过一次红米手机,是一部合约机,保证每月使用够约定的话费,手机相当于白送。那时候也没什么钱,能到手一部低端机也开心得不得了啦!当然了,白送的手机能满足一般体验,但是每当多下载几个app,就会提醒你清内存,打局王者荣耀吧,也卡得找不到北。就这,我还是坚持使用了3年呢!对于不...

2020-08-17 11:43:42 522

原创 遭小i机器人索赔100亿!苹果回应:Siri不包含其专利特征

8月3日,中国AI公司小i机器人正式向上海市高级人民法院提起诉讼,要求苹果公司停止Siri专利侵权,并索赔金额100亿元。有中国公司这么硬,真实很难得的!这究竟是这么回事呢?据小i机器人官网资料显示,公司于2001年在上海成立,全称为“上海智臻智能网络科技股份有限公司”。该公司在2004年至2005年间进入聊天机器人领域,推出了MSN和QQ上的小i机器人,小i机器人很受欢迎,收获了将近近1亿终端用户。还和微软达成了全球战略及技术合作伙伴关系。2004年,该公司申请专利,发明名称为“一种聊天机

2020-08-06 17:38:20 507

转载 Java 程序员如何使用 Shiro 框架

微信搜索【Java秃头哥】,关注我,每天8点半推送技术优质文章。回复关键词“222”,领取100本架构师相关书籍。作者:冷豪来自:www.cnblogs.com/learnhow/p/5694876.html一、架构要学习如何使用Shiro必须先从它的架构谈起,作为一款安全框架Shiro的设计相当精妙。Shiro的应用不依赖任何容器,它也可以在JavaSE下使用。但是最常用的环境还是JavaEE。下面以用户登录为例:1、使用用户的登录信息创建令牌Usernam...

2020-07-03 15:08:11 211

原创 年薪20w的大厂外包,到底要不要去?

微信搜索【Java秃头哥】,关注我,每天8点半推送技术优质文章。回复关键词“222”,领取100本架构师相关书籍。2020年,异常艰难。在疫情阴霾的笼罩之下,大公司纷纷裁员,小公司接连倒闭。我的一个粉丝就是其中“不幸”的一员。不幸中的万幸,面试1个月,他就拿到了一个蚂蚁金服外包公司的offer,月薪差不多1.8k。他呢,想去又很纠结,于是跑过问我的建议。外包岗都干些啥?大多数程序员一听到“外包”两个字,就避之不及。到底什么是外包呢?目前...

2020-07-02 17:11:51 5970

原创 ajax 学习总结

学习一样动习首先应该明白: 这是什么?ajax是什么?我们就从理解“ajax”的字面含义开始。 AJAX = Asynchronous (美[e’sɪŋkrənəs]) 异步的 JavaScript And XML 也就是说,ajax就是异步的 JavaScript 和 XML。 什么意思呢?我说一个实际需求你就明白了。 我们在浏览网页时候,想要重新加载整个页面,按一下“f5

2017-07-21 16:50:11 907

原创 Javascript基础(六):数组及常用操作

1、数组的定义一个变量里面只能一个值,如果有1000人,想把我们每个人的人名存储,要用变量需要 1000个变量。这个时候可以考虑数组 。 数组就是一个大变量, 它里面可以存储很多的值。数组对象的作用是:使用单独的变量名来存储一系列的值。2、创建数组 var arr=[]; //创建一个空数组 var arr = [1,3,5,7,9]; var arr = new Array(1,3,5

2017-06-18 21:24:39 716

原创 Javascript小案例(一):仿淘宝搜索框用户输入事件的实现

淘宝是我们经常用的一个网上购物平台,打开淘宝网首页,找到淘宝首页的搜索框,如下如所示:(截图日期:2017年6月18日)大家可以看到,当页面一打开,搜索框中就可以看到灰色字体“少女高跟鞋”,还有闪烁的光标。当用户点击输入的时候,灰色字消失。当用户清空文本框的所有内容的时候,灰色字自动恢复。接下来,这个小案例就是要介绍如何实现这种效果,即用户输入事件。判断用户输入的事件有 oninput 和onpro

2017-06-18 16:13:50 5997 6

原创 Javascript基础(五):属性、方法和for循环

一、属性和方法的区别有很多同学在学习js时分不清属性和方法,那么到底怎么区分两者呢? 首先,从定义上来看: 属性:属性是一个变量,是给设置一个对象的特征,如宽高、颜色等; 方法:方法是一个函数,是用来操作对象的,如判断是不是一个数字,isNan(); 从写法上来看, 属性: div.color = “red”; 属性给值一定是等号。 方法:isNaN(“值”);

2017-05-19 23:04:17 624

原创 Javascript基础(四):获得焦点和失去焦点事件

1.获取ID的函数在说获取焦点和失去焦点事件之前,先说说封装获取ID的函数。一般在实际操作中,会经常用到提取某个元素的ID,如果每条都列,想必非常麻烦。一般如果有很多ID需要提取的情况基本都用提取ID的函数。 获取ID的函数如下: function $(id) {// $符号一般用作获取id的函数名,有时候也有人用$id作为函数名。在这里我们只需要获取一个变量。 ret

2017-05-06 19:13:55 113039 3

原创 Javascript基础知识(三):函数参数(传参)

1.函数参数分类及使用上一篇博客已经讲到函数参数有实参和形参两种。 函数参数使用时需要注意以下几点:1.如果形参有两个赋值,而实参只给了一个值,那么就要把这个值赋予第一个形参.第二个形参没有赋值。 示例:<script> Function fn(a,b){ Console.log(a+b); } Fn(4);</script>有上述代码分析可知: a

2017-05-06 18:00:47 1640

原创 Javascript基础知识(二)

1.if语句1.基本语法: if(条件表达式){ 条件为真的时候做的事情 }else{ 条件为假的时候做的事情5 }例:<script type="text/javascript"> var a = 10; //设置变量 if(a > 5){ console.log("你好"); }else{

2017-05-06 13:02:02 1476

原创 Javascript基础知识(一)

web前端可以从三个层面来描述:1 . 结构层 HTML 从语义的角度,描述页面结构。2 . 样式层 CSS 从审美的角度,美化页面。3 . 行为层 JavaScript 从交互的角度,提升用户体验。JavaScript运行在客户的电脑里面,而不是服务器上,所以我们称为“前台语言”。JavaScript就是一个简单的制作页面效果的语言,不能操作数据

2017-05-05 20:43:02 1964

原创 【京东商城首页实战12】右侧:“京东快报”和“生活服务”

现在开始做右侧部分,效果图大致如下:分析:1.整个右侧属于一个大盒子,又分为上下两个盒子。上下盒子右再分为上下两个盒子。2.特惠部分和红色图标部分都是用li标签做。1.“京东快报”之前已经布局了右侧的紫色大盒子,现在要去掉紫色的盒子的背景,在给加上1px的灰色实线边框。 关于京东快报部分的构架分析: “京东快报”和“更多”在一个盒子里,“京东快报”是标题,“更多”可以点击。注意文字和盒子之

2017-05-04 20:13:43 6185 5

原创 【京东商城首页实战11】制作轮播图

上一节咱们添加了通栏背景并了解了布局思路,下面就开始做轮播图啦!附上轮播图图片:分析:1.轮播图左右切换按钮和轮播序号都显示在图片上,所以可以利用定位来做。2.轮播序号是一个盒子里,左浮动对的li标签。相当于是微型菜单栏。先看一下HTML代码:<div class="banner clearfix"><!--banner是通栏大盒子--> <a href="#" class="bg"><

2017-05-04 16:43:36 7765 6

原创 【京东商城首页实战10】添加通栏背景图片及布局技巧

上一解已经完成了京东页面的导航条和下拉列表,至此,京东首页上部分的公共部分已经做完了。首页特有部分今天开始做京东首页的轮播图。CSS代码要写在index.css文件里面了。效果样图如下:由于篇幅限制,本文就先说说如何添加可点击通栏背景及相应的页面布局技巧吧。需要完成的业务有以下几点:1.给添加通栏背景,点击背景可进入活动页面,所以背景由a标签包裹。2.重点:通栏背景及里面的内容的布局思路附上背

2017-05-04 14:06:09 4366 1

原创 【京东商城首页实战9】导航菜单栏和下拉列表

接下来开始做下面的部分,包括红色背景部分、导航菜单栏、右边的图片,如图: 图1分析:1.构架:全部商品分类是一个盒子、导航菜单是一个盒子,图片是一个盒子。 2.点击红色部分会出现下拉列表,从语义上讲它是定义列表。 3.导航菜单栏上有绿色小图标1.左边下拉列表上部分先做全部商品分类部分:HTML代码:<div class="jd-nav clearfix"><!--最外层盒子负责通栏,要清除浮

2017-05-03 21:19:05 11249 14

原创 【京东商城首页实战8】热词菜单

接下来,做topbanner下面大盒子的最后一个小元素——热词菜单。分析: 1.logo、搜素框、购物车已经占满了父亲盒子的宽度,所以热词菜单盒子需要左浮动,会自动掉落一行,靠近logo盒子右边。 2.每个文字都是链接,所以用a标签做就可以了。li标签一般用于比较大的导航菜单。HTML代码:<div class="hotwords"> <a href="#" class="col-red

2017-05-03 11:46:52 2334 4

原创 【京东商城首页实战7】制作购物车

今天开始做右边的购物车。要点分析: 1.构架:一个盒子里面有一个a标签和3个小元件,可用span标签里做。 2.小车图标,可以作为背景图片,通过定位在大盒子的左padding部分显示出来。 3.带数字的红色圆角图形,可以先做一个小正方形,利用boder-raduis做圆角。微型盒子,ie6不兼容,所以要叫上_font-size:0;。 4.箭头图标可以利用定位做,也可以margin或padd

2017-05-03 10:41:02 2542 1

原创 【京东商城首页实战6】制作搜索框

接下来做第二部分:搜索框,即图1蓝色边框部分。 图1HTML:<div class="search"> <input type="text" name="" id="" value="图书开抢"/> <button>搜索</button></div>css代码:.search { width: 538px; height: 35px; backgrou

2017-05-02 19:55:00 5838 2

原创 【京东商城首页实战5】给网页添加logo

下面,接着做topbanner下面的部分,如图: 图1 要点分析: 1.图中5个元素都在一个大盒子。 2.大盒子内容不通栏,要设置版心。 3.搜索框下面的推荐列表既可以跟搜索框同在一个盒子,也可以单独一个盒子。由于两者没有语义的关联,这里让它是个独立的盒子。logo和动图紧密连接,把他们归到一个盒子。所以这个大盒子可分为4个盒子来做。分析完之后就按照思路动手敲代码了。为了避免篇幅过长,看着

2017-05-02 18:57:33 4001 1

原创 【京东商城首页实战4】topbanner制作

接着做京东首页,上面已经做了导航条,接下来要做下面的部分,如图: 图1附上topbanner图片: 图2分析: 1.有一个通栏盒子,负责通栏背景,里面再有一个版心盒子,负责装内容。 2.topbanner图片不是个链接,所以可以直接插入图片。 3.关闭按钮可点击,是个a链接。当鼠标放到上面时,颜色改变。关闭按钮在盒子的右上角,用定位来做。1.插入图片和通栏背景HTML代码:<div cla

2017-05-02 15:53:56 3520 4

原创 【京东商城首页实战3】导航条制作(2)

下面做导航条右边部分。 图1分析: 1.用无序列表ul制作菜单导航条。 2.有些菜单后面有小三角标志 3.菜单之间有小竖线隔开。注意这里的小竖线高度不够,不能认为菜单的边框,它是一个微型盒子。1.导航菜单栏基本结构HTML代码: <div class="fr"> <!--右盒子--> <ul> <li> <a href="#">你好

2017-05-02 10:23:03 5402 10

原创 【京东商城首页实战2】导航条制作(1)

接下来,开始制作京东的导航条。效果如下图: 图1业务分析: 1.通栏盒子,并且有背景颜色 2.有版心。 3.版心里面包含左右浮动的两个盒子。 4.有下拉效果的盒子后面,有三角形标志。 5.右边的盒子里面包含几个li标签。分析完之后,对整个头部的构架和要实现的功能都有简单的了解,下面就是开始一步一步实现这些业务。1.制作一个通栏的盒子,并设置背景颜色。html代码:<body> <

2017-05-01 18:03:58 10052 8

原创 【京东商城首页实战1】建立站点及准备工作

京东首页静态页面实战首先建一个文件夹,里面包括:index.html文件、用来保存图片的images文件夹、样本图片。

2017-04-30 17:27:47 5719 8

原创 CSS学习笔记14:定位

定位有三种,分别是相对定位、绝对定位、固定定位。一、相对定位相对定位,就是微调元素位置的。让元素相对自己原来的位置,进行位置调整。 基本语法:position:relative;1.相对定位的盒子,不脱标,老家留坑,形影分离2.相对定位用途基本语法:position:relative;top:100px;left:200px;相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个

2017-02-15 20:52:08 545 2

原创 CSS学习笔记13:background系列属性

一、background-color属性background-color指的是背景颜色属性。在css2.1中,颜色的表示方法共有三种:英语单词、rgb表示法、十六进制表示法。1.英语单词表示法基本语法:background-color:red;2.rgb表示法rgb表示三原色“红”red、“绿”green、“蓝”blue。光学显示器,每个像素都是由三原色的发光原件组成的,靠明亮度不同调成不同的颜色的

2017-02-15 16:14:56 840 2

原创 CSS学习笔记12:伪类和超链接的美化

一、伪类伪类用于向某些选择器添加特殊的效果。类就是工程师加的,比如div属于box类,很明确,就是属于box类。但是a属于什么类?不明确。因为要看用户有没有点击、有没有触碰。所以,就叫做“伪类”,同一个标签,根据用户的某种状态不同,有不同的样式。

2017-02-15 13:38:33 1663 3

原创 CSS学习笔记11:行高和字号的设置

一、行高和字号的设置1.行高CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。 基本语法:文字,是在自己的行里面居中的。比如,现在文字字号14px,行高是24px。那么: 注意:为了严格保证字在行里面居中, 行高、字号一般都是偶数。这样,它们的差,就是偶数,就能够被2整除。

2017-02-15 12:21:36 2759 2

原创 CSS学习笔记10:属性margin使用说明

margin是css中用来设置外边距的属性,使用时需要注意以下几种情况:一、margin的塌陷现象标准文档流中,竖直方向的margin不叠加,以较大的为准。如果不在标准流,比如盒子都浮动了,那么两个盒子之间是没有塌陷现象的:二、 盒子居中margin:0 auto;margin的值可以为auto,表示自动。当left是auto的时候,盒子靠右墙,当right是auto的时候,盒子靠左墙;当left、

2017-02-15 09:39:43 789

原创 CSS学习笔记9:清除浮动

在实际操作中,一般不会给父亲盒子设置高度,它的高度是随内容增加自适应的高度。浮动盒子不属于文档标准流,父亲盒子里的元素浮动后,就脱离了标准文档流,所以无法撑高父亲盒子,父亲盒子的高度为0,也就会出现父亲盒子不会自动伸高来闭合浮动元素的现象。但是,在实际布局中,我们并不希望这样,所以需要闭合浮动元素,使其父亲盒子表现出正常的高度。为了解决这个问题,我们就要清除浮动。 清除浮动的方法有4种

2017-02-12 20:50:18 652 2

原创 CSS学习笔记8:实操——运用浮动简单布局网页

学习完浮动,我们就可以利用已学的知识做一个初级的网页布局了。下面我们布局成下图所示的网页:

2017-02-12 19:58:35 1605 3

原创 CSS学习笔记7:如何脱离标准文档流之浮动

标准流做不出网页:因为能并排的不能改宽高。所以,要脱离标准流。使元素脱离标准文档流的方法之一就是浮动,浮动也是css布局用的最多的属性。

2017-02-12 19:06:35 859

原创 CSS学习笔记6:标准文档流

web页面的制作,是个“流”,像水流一样,必须从上往下,一点点的编织,不像画画,可以这个地方画一个,另一个地方画一个,随意而为。一、标准文档流的一些微观现象1. 空白折叠现象1)标签与标签之间紧密连接,网页上两个内容也是紧密连接,中间没有空格。 2)标签与标签之间中间有一个空格,网页上两个内容之间也有一个空格的间隙。 3)标签与标签之间有一个以上的空格(n>1),网页上两个内容之间也只有一个空格

2017-02-11 22:19:18 622

原创 CSS学习笔记5:盒模型

CSS不仅为网页的内容添加样式,还可以对网页中元素位置的排版布局进行像素级精确控制。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型,通过学习盒子模型就可以明白网页中div和div之间的相对位置是如何布局的。一、认识CSS盒子模型基本属性一个盒子中主要的属性就5个:width、height、padding、border、margin。

2017-02-11 09:56:10 700

原创 CSS学习笔记4:CSS层叠性、继承性以及权重计算

在实际使用CSS选择器时,会遇到各种各样的情况,比如给一个父亲标签添加的样式会不会遗传给后代?比如如果用不同的方式给同样的内容添加样式,会听谁的?了解了CSS继承性、层叠性以及选择器的权重计算,你就会知其然并且知其所以然啦!

2017-02-10 19:36:47 696

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除