首页
关于
友链
留言
Search
1
安装Docker Desktop报错WSL 2 installation is incomplete
76 阅读
2
震惊!杭州应届生工作免费领2w元
31 阅读
3
我的世界紫禁之巅纯净生存服务器
25 阅读
4
python3网络爬虫开发实战pdf
23 阅读
5
火车头采集问题:Void Proc(System.Net.HttpWebRequest)
20 阅读
技术分享
日常学习
我的世界
Search
标签搜索
python
博客
javascript
web
ce
织梦
html
按键精灵
php
游戏
css
typescript
jquery
日常
数据库
vue
ubuntu
Datehoer
累计撰写
180
篇文章
累计收到
10
条评论
首页
栏目
技术分享
日常学习
我的世界
页面
关于
友链
留言
搜索到
36
篇与
日常学习
的结果
2020-11-24
网页音乐播放器 音乐播放器 html+css+js
首先准备工作为jquery,html,css,javascript别的其实并不需要,而且其实JavaScript也不需要。最初是准备不适用jQuery的,但是发现用jQuery只需要几行代码就能实现的功能,而用原生的JavaScript却需要好多,而且也不容易实现,所以最后才准备使用jQuery了。jQuery的安装各位应该都会吧,如果不会的话,我放一下代码。通过使用nodejs来安装,在你的js文件夹里按住shift之后鼠标右键,选择打开powershell窗口,之后只需要输入cnmp install jquery即可亦或者直接去中文站下载也行,这里不多讲述了。列表的点击显示和隐藏就是通过jQuery来实现的,很简单,如果使用JavaScript还是那句话,麻烦。之后文字的打字机效果是通过typed这个库来实现的,github跳转 链接其实这个效果加不加都是无所谓的,只是好看了一丢丢而已,并且其实我css只是随便写了一下,完全可以稍微优化一下css。目前的效果也就是点击列表的歌曲,会自动切换音乐和图像,然后上面的目前播放的名字也会换成该音乐的名字。这个网页实现音乐播放器的功能很容易,基本上一眼就能看懂了,后期可能会加一些别的效果,并且把样子做一下,搞一下css。上下代码,然后进行一些简单的讲解吧。//js,名字我是叫的music.js// 记录图片和音乐以及正在播放的名字var mslists = ['./music/jar_of_love.mp3', './music/see_you_again.mp3', './music/sunshine_in_the_rain.mp3'];var imglists = ['http://p1.music.126.net/8jt2KnGDF0qMP9JbidOtVA==/573945069746475.jpg', 'http://p2.music.126.net/JIc9X91OSH-7fUZqVfQXAQ==/7731765766799133.jpg', 'http://p1.music.126.net/bHQlt-zzDQlsnPydiYKsHw==/109951165124500529.jpg'];var namelists = ["Jar of love", 'See you again', 'Sunshine in the rain'];// 点击隐藏和显示$(".liebiao").click(function() {if ($(".msxulie").is(":hidden")) {$(".msxulie").show();} else {$(".msxulie").hide();}});// 文字效果window.onload = function() {var typed = new Typed(".zzbf", {strings: ['', '音乐播放器正在播放:'],startDelay: 300,typeSpeed: 100,loop: true,backSpeed: 50,showCursor: true,cursorChar: '➼'});} // 点击切换音乐$(".jol").click(function() {$(".mscontrol").attr("src", mslists[0]);$(".msimg").attr("src", imglists[0]);$(".msplayingtext").html(namelists[0]);$(".mscontrol")[0].play();// suoyin = 0;// wenzixiaoguo(suoyin);});$(".sya").click(function() {$(".mscontrol").attr("src", mslists[1]);$(".msimg").attr("src", imglists[1]);$(".msplayingtext").html(namelists[1]);$(".mscontrol")[0].play();// suoyin = 1;// wenzixiaoguo(suoyin);});$(".sitr").click(function() {$(".mscontrol").attr("src", mslists[2]);$(".msimg").attr("src", imglists[2]);$(".msplayingtext").html(namelists[2]);$(".mscontrol")[0].play();// suoyin = 2;// wenzixiaoguo(suoyin);});<!-- 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> <link rel="stylesheet" href="./css/reset.css"> <link rel="stylesheet" href="./css/index.css"></head><body> <div class="msplayer"> <img class="msimg" src="http://p1.music.126.net/8jt2KnGDF0qMP9JbidOtVA==/573945069746475.jpg" alt="音乐图片"> <audio controls="controls" class="mscontrol"> <source src="./music/jar_of_love.mp3"> </audio> <input type="button" value="列表" class="liebiao"> <div class="msxulie"> <ul> <li class="sya">See you again</li> <li class="jol">Jar of love</li> <li class="sitr">Sunshine in the rain</li> </ul> </div> <div class="msplaying"> <span class="zzbf"></span><span class="msplayingtext">Jar of love</span> </div> </div> <script src="./js/node_modules/jquery/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script> <script src="./js/music.js"></script></body></html>/* css代码,这个我是叫的index.css *//* 播放器位置 */.msplayer { float: left; background-color: aqua; border-radius: 20%;}/* 播放器图片 */.msplayer .msimg { margin-top: 5px; margin-left: 5px; margin-bottom: 5px; width: 60px; height: 60px; border-radius: 50%;}/* 播放器控制器 */.msplayer .mscontrol { margin-top: 5px; margin-left: 5px; margin-right: 5px; width: 200px;}/* 播放器列表按钮 */.msplayer .liebiao { position: relative; bottom: 25px;}/* 音乐列表 */.msplayer .msxulie{ text-align: center; width: 315.14px; position: absolute; display: block; background-color: bisque; top: 20px; left: 315.14px; border-radius: 20%; cursor: pointer;}/* 正在播放 */.msplaying { position: absolute; top: 0px; left: 80px; font-size: 10px;}具体代码就是上面的这些了,比较需要注意的就是js里面的那个记录图片,音乐以及名字的那三个数组,如果文件是储存在本地的话,记得他们的位置是相对于那个html文件的,而不是js文件,所以记得修改一下,我之前就是相对于js文件所以一直报错,哈哈。然后再就是那个音乐播放的效果,不能更改里面的source的src值,因为更改了这个不会让页面重新读取数据,而应该修改外面的audio的src值,这个是我百度查了好久没看到,然后自己测试的时候误打误撞出来的,然后在就是点击列表里的音乐名字,就会切歌,这个实现其实还是很容易的$(".mscontrol").attr("src",mslists[0]);$(".msimg").attr("src",imglists[0]);$(".msplayingtext").html(namelists[0]);$(".mscontrol")[0].play();第一行是获取audio的src值,把他设置为我们数组里的值,第二行是更改图片,第三行是修改名字,最后一行其实加不加无所谓的,就是一个自动播放效果,如果换歌就进行自动播放。然后我那两行注释是修改那个typed的效果的,但是发现函数执行了就很难停止,所以就给注释掉了,效果也是很容易的,就是将那个typed效果创建成一个函数,之后调用即可,然后在里面设置一个变量用于接受我们传递的参数就好了,不过目前来说不会怎么停止已经运行的函数,所以这个想法就搁浅了。css代码没什么难度吧,应该,就是简单的浮动定位效果,把列表给浮动过去,然后html也是没什么难度的,自己看一眼就好了。如果有什么不懂的可以在评论区评论,我会在看到的第一时间回复的。
2020年11月24日
13 阅读
0 评论
0 点赞
2020-11-20
Javascript 关于函数中的this
< script > var name = "我是window对象的属性" ; var obj = { name: "zhangsan" , jiating : { name : "lisi" , say : function (){ console . log ( this . name ); } } } var j = obj . jiating . say ; j ();//我是window对象的属性 /* 关于这个代码的理解,最前面的var name相当于给window增加了一个属性,而下面的obj里面jiating中的say,这个函数中的参数位this.name,而 this相当与window,所以就相当于是window.name也就变成了我是window对象的属性,之后在下面的var j中,把这段代码赋值给了j,但是并没有执行, 只有在下面进行调用的时候,才会在console输出这段我是window对象的属性文字,而j()也就相当于是window.j()。 把对象的方法赋值给了变量,并不会执行。*/ </ script >
2020年11月20日
3 阅读
0 评论
0 点赞
2020-11-19
个人博客的二次开发
一开始网站刚运行的时候,我真的感觉其实做的应该差不多了,除了没有交互意外,其他的都还可以。但是随着知识面的增加,感觉现在网站做的确实有点简陋了,正在准备进一步把网站进行优化,有可能还做这个,也有可能就会转移到另一个域名了,毕竟今天其实发现了一些小bug而且这些bug我还不会改,不过大概率还是会把此站点进行更新的,其实之所以想要换个域名就是因为我这个域名一开始确实是准备做服务器官网的,做一个非常简单的静态页,但是后来不知道怎么了就决定做博客了,但是域名确实没啥关系。过段时间准备注册一个专门写博客的域名,而这个到时候一般会更新成跟minecraft有关的博客站了,每日分享一些有关mc的新闻啊,发布一些小教程什么的。学无止境啊!活到老学到了,这个站实我在10月多做出来的,当时确实感觉还可以,基本上的功能都有了,但是随着这一个月的学习,感觉现在做的确实有些简陋了。不过目前来说,并没有想好新的排版之类的该怎么写,目前也就是有这么一个想法而已。如果有什么好的想法可以联系我,我会酌情考虑,哈哈,一般就是会考虑加上的。其实主要还是因为没有做太多的适配啦,如果有关注本站的人会发现,内容不会根据你的浏览器大小而进行改变,所有的都是一个样的,因为我当时并不会做适配啊,所以只好把它给锁定起来,因为有一些浮动效果,如果不锁起来的话,一缩小页面就会浮动了。准备先做一下手机,以及各类屏幕大小的适配,之后再更新一下内容,增加一些交互效果,提高用户的舒适度,最后再将网页的所有内容进行一次代码更新,压缩一下量,增加代码的有效程度,我现在的css里面其实就有许多没有用的样式了,但是懒得挨个找然后改了,等有时间了再说!
2020年11月19日
5 阅读
0 评论
0 点赞
2020-11-16
http和https的区别
http和https确实是我们日常输入网址时常常能遇到的,并且大多数网站你输入http或者https都可以访问,比如说本站就是如此。https://zjzdmc.tophttp://zjzdmc.top这两个网址最后都会跳转到https://zjzdmc.top,这是为什么呢?下面跟大家聊一下http和https的区别。HTTP(HyperText Transfer Protocol:超文本传输协议)是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法,被用于在 Web 浏览器和网站服务器之间传递信息。HTTPS(Hypertext Transfer Protocol Secure:超文本传输安全协议)是一种透过计算机网络进行安全通信的传输协议。HTTPS 经由 HTTP 进行通信,但利用 SSL/TLS 来加密数据包。HTTPS 开发的主要目的,是提供对网站服务器的身份认证,保护交换数据的隐私与完整性。其实大多数人感觉http和https差距不是很大,甚至于在我很久以前也是这么认为的,但是实际上差距还是有的,不过并没有那么多罢了。https只是在http后面加上了一个s,但是加了这个s,那么整个的分量就不同了。http加s相当于http的安全版,http下加入了ssl。SSL证书是数字证书的一种,类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上,也称为SSL服务器证书。SSL 证书就是遵守 SSL协议,由受信任的数字证书颁发机构CA,在验证服务器身份后颁发,具有服务器身份验证和数据传输加密功能。有了ssl相当于你的网站有了安全保障,相当于有了后面替你担保的人一样。下面切入正文:http协议传输的数据都是未加密的,明文的,直接就能看到。如果有人恶意截取了浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,毕竟你的信息是明文,类似与你用百度进行搜索上面的链接也是可以读懂的,?wd=qq其中的qq就是你的搜索内容,http传输就类似于此,只要掌握了读取方法,非常容易就能读取你的内容了。而为了保护用户的安全,后期就出现了https,HTTPS经由HTTP进行通信,但利用 SSL/TLS来加密数据包。HTTPS 开发的主要目的,是提供对网站服务器的身份认证,保护交换数据的隐私与完整性。之所以开发https,其实主要还是为了安全,毕竟你网页需要登录,需要支付,需要传输信息,如果没有加密的话,随便一个人都能读取其中的信息,那么会造成严重的信息安全隐患。HTTP是明文传输内容,数据都是未加密的,安全性较差,容易被读取,而HTTPS(SSL+HTTP)数据传输过程是都是经过加密的,安全性较好,不易被读取。使用 HTTPS 协议需要到 CA(Certificate Authority,数字证书认证机构) 申请证书,大多数的证书认证都是需要一定费用的。证书颁发机构如:Symantec、Comodo、GoDaddy 和 GlobalSign 等。其实这个就相当于我前面说的,类似于找了一个担保,也可以叫保镖一类的东西。HTTP页面的响应速度比HTTPS快一些,主要是因为HTTP使用TCP三次握手建立连接,客户端和服务器只需要交换 3 个包,而HTTPS除了TCP的三个包,还要加上ssl握手需要的9个包,一共是12个包,所以速度要稍微比HTTP慢一些。HTTP和HTTPS使用的是完全不同的连接方式,用的端口也不一样,前者是80端口,后者是443端口。HTTPS其实就是建构在SSL/TLS 之上的HTTP协议,所以HTTPS比HTTP要更耗费服务器资源。总体来说,现在https逐渐成为趋势,谷歌浏览器在好几个版本以前,你的网站不是https就会标记为不安全,而苹果appstore,强制让你提交为https,还有微信小程序等等吧,都是要求开发者使用https,所以说,现在还没有进行https认证的朋友们抓紧时间去认证吧!!如果有什么不懂的可以在下面评论区留言进行询问!
2020年11月16日
3 阅读
0 评论
0 点赞
2020-11-07
python 外星人大战,飞船不移动怎么办
今天遇到的小问题!便对着书边敲代码,发现出现错误。python 外星人大战,飞船不移动。这个问题我首先是发去了吾爱,不过后期我自己解决了。如题,边看书边敲的代码,发现飞船不移动。求大佬帮忙看一下!主文件import pygame from setting import Settings from ship import Ship import game_functions as gf def run_game(): #初始化游戏并且创建一个屏幕对象 pygame.init() #初始化背景属性 ai_settings = Settings() #使类setting里的内容直接被调用 screen = pygame.display.set_mode((ai_settings.screen_width, ai_settings.screen_height)) pygame.display.set_caption("Alien Invasion") #窗口名字 #创建飞船 ship = Ship(screen) #开始游戏的主循环 while True: #监视鼠标和键盘事件 gf.check_events(ship) gf.update_screen(ai_settings, screen, ship) run_game()game_functions.pyimport sys import pygame def check_events(ship): """响应按键和鼠标事件""" for event in pygame.event.get(): if event.type == pygame.QUIT: sys.exit() elif event.type == pygame.KEYDOWN: if event.type == pygame.K_RIGHT: #向右移动飞船 ship.rect.centerx += 1 elif event.type == pygame.K_LEFT: ship.rect.centerx -= 1 def update_screen(ai_settings, screen, ship): """更新数据""" screen.fill(ai_settings.bg_color) ship.blitme() # 让最近绘制的屏幕可见 pygame.display.flip()ship.pyimport pygame class Ship(): def __init__(self, screen): """初始化飞船位置""" self.screen = screen #加载飞船图像并获取其外接矩形 self.image =pygame.image.load("images/ship.bmp") self.rect = self.image.get_rect() self.screen_rect = screen.get_rect() #将每艘新飞船放在屏幕底部中央 self.rect.centerx = self.screen_rect.centerx self.rect.bottom = self.screen_rect.bottom def blitme(self): """在指定位置绘制飞船""" self.screen.blit(self.image, self.rect)setting.pyclass Settings(): """储存外星人大战的所有设置""" def __init__(self): """初始化游戏的设置""" # 屏幕设置 self.screen_width = 1200; self.screen_height = 800; self.bg_color = (230, 230, 230)本来发现问题的时候是很慌的,我一开始是以为可能跟书上的内容不太一样,但是后来下了源代码发现确实应该那样。最后还是把书上的内容都复制下来,然后挨个比对,发现错误是game_functions.py文件内第9行if event.type == pygame.K_RIGHT:应该把event.type改为event.key!!敲代码还是要看仔细,仔细很重要,细节决定成败!!
2020年11月07日
4 阅读
0 评论
0 点赞
2020-11-01
python 函数
在看完《我的python世界-玩我的世界学python》后,开始阅读《python从入门到实践》,为什么要看这本书呢,因为我当时通过百度进行查询:python书籍推荐的时候,许多的人都推荐了这本书,所以我就拿来看一下,目前看到了第八章-函数部分,感觉这本书讲的非常的细,并且绝大部分的章节都配上了例子,并且后面跟上“动手一试”感觉挺不错的,很适合初学者入门。然后切入正题,函数这个东西相信都不陌生,但是为什么要有函数这个东西呢?我认为有以下三点:快捷!易于操作!方便!其实我觉得函数就是为了给程序员提供方便的,假如说没有了函数,那么我们写一些本来只需要调用函数的代码时,还要把本来定义该函数的那些给抄过来然后再使用,而你有了函数,那么直接使用别人定义好的就行了。下面说个例子: 需要打印的设计存储在一个列表中,打印后移到另一个列表中。下面是在不使用函数的情况下模拟这个过程的代码:# 首先创建一个列表,其中包含一些要打印的设计unprinted_designs = ['iphone case', 'robot pendant', 'dodecahedron'] completed_models = [] # 模拟打印每个设计,直到没有未打印的设计为止 # 打印每个设计后,都将其移到列表completed_models中 while unprinted_designs: current_design = unprinted_designs.pop() #模拟根据设计制作3D打印模型的过程 print("Printing model: " + current_design) completed_models.append(current_design) # 显示打印好的所有模型 print(" The following models have been printed:") for completed_model in completed_models: print(completed_model)这个程序首先创建一个需要打印的设计列表,还创建一个名为completed_models的空列表,每个设计打印都将移到这个列表中。只要列表unprinted_designs中还有设计,while循环就模拟打印设计的过程:从该列表末尾删除一个设计,将其存储到变量current_design中,并显示一条消息,指出正在打印当前的设计,再将该设计加入到列表completed_models中。看起来非常麻烦,那么我们重新设计一下代码,给他改成函数看一下:def print_models(unprinted_designs, completed_models): """模拟打印每个设计,直到没有未打印的设计为止打印每个设计后,都将其移到列表completed_models中""" while unprinted_designs: current_design = unprinted_designs.pop() # 模拟根据设计制作3D打印模型的过程 print("Printing model: " + current_design) completed_models.append(current_design) def show_completed_models(completed_models): """显示打印好的所有模型""" print(" The following models have been printed:") for completed_model in completed_models: print(completed_model) unprinted_designs = ['iphone case', 'robot pendant', 'dodecahedron'] completed_models = [] print_models(unprinted_designs, completed_models) show_completed_models(completed_models)这个程序的输出与未使用函数的版本相同,但组织更为有序。完成大部分工作的代码都移到了两个函数中,让主程序更容易理解。只要看看主程序,你就知道这个程序的功能容易看清得多:unprinted_designs = ['iphone case', 'robot pendant', 'dodecahedron'] completed_models = [] print_models(unprinted_designs, completed_models) show_completed_models(completed_models)我们创建了一个未打印的设计列表,还创建了一个空列表,用于存储打印好的模型。接下来,由于我们已经定义了两个函数,因此只需调用它们并传入正确的实参即可。我们调用print_models()并向它传递两个列表;像预期的一样,print_models()模拟打印设计的过程。接下来,我们调用show_completed_models(),并将打印好的模型列表传递给它,让其能够指出打印了哪些模型。描述性的函数名让别人阅读这些代码时也能明白,虽然其中没有任何注释。相比于没有使用函数的版本,这个程序更容易扩展和维护。如果以后需要打印其他设计,只需再次调用print_models()即可。如果我们发现需要对打印代码进行修改,只需修改这些代码一次,就能影响所有调用该函数的地方;与必须分别修改程序的多个地方相比,这种修改的效率更高。这个程序还演示了这样一种理念,即每个函数都应只负责一项具体的工作。第一个函数打印每个设计,而第二个显示打印好的模型;这优于使用一个函数来完成两项工作。编写函数时,如果你发现它执行的任务太多,请尝试将这些代码划分到两个函数中。别忘了,总是可以在一个函数中调用另一个函数,这有助于将复杂的任务划分成一系列的步骤。是吧,虽然可能在定义的时候麻烦了一些,但是说你以后还需要进行此操作的时候,直接调用该函数就行了,而不是把之前的代码复制一遍,然后修改里面的内容。函数就是用来偷懒的!程序员的目标之一是,编写简单的代码来完成任务,而函数有助于你实现这样的目标。它们让你编写好代码块并确定其能够正确运行后,就可置之不理。确定函数能够正确地完成其工作后,你就可以接着投身于下一个编码任务。函数让你编写代码一次后,想重用它们多少次就重用多少次。需要运行函数中的代码时,只需编写一行函数调用代码,就可让函数完成其工作。需要修改函数的行为时,只需修改一个代码块,而所做的修改将影响调用这个函数的每个地方。使用函数让程序更容易阅读,而良好的函数名概述了程序各个部分的作用。相对于阅读一系列的代码块,阅读一系列函数调用让你能够更快地明白程序的作用。函数还让代码更容易测试和调试。如果程序使用一系列的函数来完成其任务,而其中的每个函数都完成一项具体的工作,测试和维护起来将容易得多:你可编写分别调用每个函数的程序,并测试每个函数是否在它可能遇到的各种情形下都能正确地运行。经过这样的测试后你就能信心满满,深信你每次调用这些函数时,它们都将正确地运行。
2020年11月01日
3 阅读
0 评论
0 点赞
2020-10-30
我的python世界-玩我的世界学python读后心得
python语言貌似从大数据就开始一路向前,从 2018 年开始,Python 的关注度就在快速攀升,而 Java 相对来说有些下滑,此消彼长,Python 在本月(2000/11)首次超越 Java。Python是一种解释型、面向对象、动态数据类型的gao级程序设计语言,它具有丰富和强大的库,能够把用其他语言(尤其是C/C++)制作的各种模块很轻松地联结在一起。这两年随着人们对人工智能的关注越来越多,大家学习Python的热情也越来越高涨。Python在IEEE发布的2017年编程语言排行榜中高居shou位。 本书介绍了Python编程的基础知识,并以游戏《Minecraft(我的世界)》为载体,通过Python编程来与游戏中的玩家或方块互动,先后实现了“剑球”游戏、五子棋游戏以及像素图像扫描仪这几个项目,很后还实现了通过游戏控制Arduino等外部设备的功能。希望大家能够在游戏的过程中轻松地进入Python的世界,很终跨越软硬件的鸿沟,初步尝试自动化控制。 本书提供边玩游戏边学编程的全新体验,适合对Python编程感兴趣的读者阅读。最近这几天抽空把以前很感兴趣的一本书《我的python世界--玩Minecraft我的世界 学python编程》看完了,略有所得吧,下面分享给大家。首先最大的感触其实就是这本书不是很厚,内容相对较少,可能是因为这些内容比较简单的原因,不过其实究其根本还是因为python入门确实非常容易,而本书根据python和我的世界进行结合,生动的演示了一些面对对象的编程例子,不过其实虽然看完了,但是收获不是很大。虽然略有所得,但是感觉抵不过花费的时间。原因如下: 例子重点需要和树莓派,我的世界有关,但是却并没有提供相应的教程来教读者如何安装这些东西。 网络上的相关内容较少,如果有不会的地方确实查不到。 其实我的世界完全可以通过java来实现 树莓派和我的世界相结合确实不是很容易,试了许多方法都没有办成 不过其实例子还是很不错的,但是因为并没有进行相对应的实践,所以收获不是很多,不过前面的基础知识还算可以,查漏补缺吧。并且其实如果安装上配套的树莓派我的世界,做出的效果还是非常不错的,不过有关我的世界的插件,还是推荐使用java来进行编程。比如说猜单词小游戏,还算可以,有一定的收获,不过相对简单了一点。相对来说,这本书还是很适合初学者来看的,不过假如有一定的基础的话,就没有看的必要了。下载地址 提取码:date好吧,其实看这些基础书还是很有用的,起码看别的书基本上前面基础部分随便看一下就好了,不过其实我还是一个小萌新,虽然我看了许多书的基础部分了,不过学无止尽!
2020年10月30日
3 阅读
0 评论
0 点赞
2020-10-26
个人博客导航条制作
演示站:单击个人博客导航条基本效果如上面所示,这是一个非常简易的导航条,通过html+css结合做出来的,隐藏+调用即可。css代码:/* 删除浏览器的默认样式 */ *{list-style:none;outline:none;} /* 全局控制 */ body{font-family:"微软雅黑";text-align: center;} a{ text-indent: 1em; display:inline-block; font-size:22px; color:#5E2D00; } a:nth-child(1){text-indent:0;}/* 设置第一个链接的首行缩进为0 */ a:link,a:visited{text-decoration:none;} a:hover{ text-decoration:underline; color:#f03; } dl{display:none;} dd{ line-height:38px; font-size:22px; font-family:"微软雅黑"; color:#333; } dd:before{content:url(images/11.png);}/* 添加小图片 */ dd:nth-child(odd){color:#BDA793;} dd:nth-child(2) em{ color:#f03; font-weight:bold; font-style: normal; } dd:nth-child(3) em{ color:#5E2D00; font-weight:bold; font-style: normal; } :target{display:block;}/* 链接到的内容部分显示 */html代码:<!doctype html> <html> <head> <meta charset="utf-8"> <title>网业设计软件列表</title> <link rel="stylesheet" type="text/css" href="style04.css"> </head> <body> <h2>网页设计软件列表(点击查看)</h2> <hr size="3" color="#5E2D00" width="750px"> <nav> <a href="#news1" class="one">Photoshop软件</a> <a href="#news2" class="two">illustrator软件</a> <a href="#news3" class="two">Dreamweaver软件</a> <a href="#news4" class="two">Fireworks软件</a> </nav> <hr size="3" color="#5E2D00" width="750px"> <dl id="news1"> <dt><img src="images/1.jpg"></dt> <dd>Photoshop一款好到违反广告法的<em>超S级设计神器</em>!给画面来点动感吧。</dd> <dd>Photoshop处理以<em>像素构成的图像</em>,可以有效地进行图片编辑调整工作。</dd> <dd>Photoshop有很多功能,在图像、图形、文字、出版等各方面都有涉及。</dd> <dd>在制作建筑效果图包括许三维场景时,常常需要在Photoshop进行调整。</dd> </dl> <dl id="news2"> <dt><img src="images/2.jpg"></dt> <dd>Illustrator是一种应用于出版、多媒体和在线图像的<em>标准矢量插画</em>的软件。</dd> <dd>Illustrator广泛应用于<em>印刷出版、海报书籍、</em>专业插画、多媒体图像处理。</dd> <dd>Illustrator可以为线稿提供较高的精度和控制,简单到复杂项目都能生产。</dd> <dd>跟据不完全统计全球大约有37%的界面设计师在使用Illustrator进行设计。</dd> </dl> <dl id="news3"> <dt><img src="images/3.jpg"></dt> <dd>Dreamweaver是第一套针对<em>专业网页设计师</em>特别发展的网页开发工具。</dd> <dd>利用它可以轻易地制作出<em>跨越平台和跨越浏览器</em>限制的充满动感的网页。</dd> <dd>Dreamweaver自MX版本开始,使用了Opera的排版引擎作为网页预览。</dd> <dd>Dreamweaver可以在AdobeCreativeSuite4的不同组件之间切换工作。</dd> </dl> <dl id="news4"> <dt><img src="images/4.jpg"></dt> <dd>Fireworks是Adobe推出的一款<em>网页作图软件</em>,可以加速Web设计开发。</dd> <dd>Fireworks是一款创建优化<em>Web图像</em>和快速构建网站与Web界面的工具。</dd> <dd>Fireworks可以创建和编辑矢量图像与位图图像,并导入PS和AI文件中。</dd> <dd>Fireworks采用与PS类似的层图层结构来管理原型,更易组织Web页面。</dd> </dl> </body> </html>其实html和css还是需要自己钻研外加通过百度进行查询,毕竟个人博客的导航条是在博客里非常重要的一个位置。
2020年10月26日
3 阅读
0 评论
0 点赞
2020-10-24
火车头采集问题:Void Proc(System.Net.HttpWebRequest)
火车采集器(LocoySpider)是一个供各大主流文章系统,论坛系统等使用的多线程内容采集发布程序。使用火车采集器,你可以瞬间建立一个拥有庞大内容的网站。系统支持远程图片下载,图片批量水印,Flash下载,下载文件地址探测,自制作发表的cms模块参数,自定义发表的内容等有关采集器。对于数据的采集其可以分为两部分,一是采集数据,二是发布数据。 最近在使用火车头采集一个网站的时候,采集内容页时出现 请求 默认页 当前页出现错误:未将对象引用设置到对象的实例。Void Proc(System.Net.HttpWebRequest)其实最好还是要进行自己的创作而不是一直爬别人的,推荐阅读robots协议(爬虫协议、机器人协议)问题原因: 火车头内部错误; 采集太频繁导致服务器拒绝连接; 本地网络连接不上服务器。 https 协议的问题 解决方法: 编辑任务 → 文件保存及部分高级设置 → http代理 设置本地酸酸的代理上去即可。 这大概率是https 协议的问题,我们只需要把URL 链接前面的 https 改为:http即可。
2020年10月24日
20 阅读
0 评论
0 点赞
2020-10-19
英雄联盟手游常见问题
英雄联盟手游常见问题汇总!1.英雄联盟手游在哪里下载?安卓推荐使用加速器下载,如biubiu,腾讯,uu等苹果换日区id或者别的公测地区的id登录下载2.英雄联盟手游登录不了怎么办?下载完以后登录,谷歌账号需要时该地区的账号,如日服需要谷歌账号地区为日本。推荐使用roit账号登录,在lol日服官网注册即可使用。排除掉账号问题的话绝大部分问题就变成了加速器了,推荐使用biubiu或者腾讯,我现在一直用的biubiu,uu确实不太行。3.英雄联盟手游国区什么时候上线?目前得到的消息是在12月开始开放台湾等地区,大陆估计要明年了。4.英雄联盟手游不能登录怎么办?如果换了加速器还是不行的话,推荐提示信息截图下来然后谷歌翻译一下,换加速器,换登录方式,或者重启能解决99%的问题。剩下的问题可能是服务器维护,或者人数过多。5.英雄联盟手游里那个英雄厉害?中单t0级别的有:劫adt0级别的有:ez其他的其实还是看操作,比如说剑姬也很猛但是难操作。6.英雄联盟手游注册卡住?如果在游戏里注册不了,那么去官网注册。
2020年10月19日
7 阅读
0 评论
0 点赞
2020-10-16
保皇记牌器
相信各位在日常休闲的时候总会打打保皇,斗地主,够级的。就算平常不打,但是过年还是会打的。我今天在玩qq游戏里的保皇时,突然想做一个记牌器,虽然它自带记牌器但是毕竟花钱,本来想用c/java/python做一个软件通过图片识别功能自动计算的,但是发现学的不到家(确实只学了基础),这些东西一点没学,所以只好退而求其次,做一个简易的记牌器,通过自己的点击来计算场上剩余牌的数量。 没错,就是这么的简陋,但是胜在代码简单。具体思路其实就是通过JavaScript函数进行input里text的value值替换,点击按钮进行增加或者减少。function add(){ var txt=document.getElementById("txt"); var a=txt.value; a++; if(txt.value<16){ txt.value=a; } } function sub(){ var txt=document.getElementById("txt"); var a=txt.value; if(a>0){ a--; txt.value=a; }else{ txt.value=0; } }通过修改a++来达到不同的效果,不过其实我觉得非常麻烦,但是受于储存的知识面,目前来说不太会进一步修改,不过目前其实是想在每一个数的后面加上一个历史数据,就是本来值为16,你-4,text里的值变为12,但是历史数据还是16,然后再-1,text值变为11,历史数据变为12,类似这样,在下一个文档我会把他发出来。最后上一下代码,由于有点长,所以只上一下html代码,JavaScript我会上传一个附件出来。< ul > < li > 大王剩余: < input type = "text" id = "txtd" value = "4" /> < input type = "button" onclick = " addd () " value = "+1" > < input type = "button" onclick = " subd () " value = "-1" ></ td > </ li > < li > 小王剩余: < input type = "text" id = "txtx" value = "4" /> < input type = "button" onclick = " addx () " value = "+1" > < input type = "button" onclick = " subx () " value = "-1" ></ td > </ li > < li > 2剩余: < input type = "text" id = "txt2" value = "16" /> < input type = "button" onclick = " add21 () " value = "+1" > < input type = "button" onclick = " sub24 () " value = "-4" > < input type = "button" onclick = " sub23 () " value = "-3" > < input type = "button" onclick = " sub22 () " value = "-2" > < input type = "button" onclick = " sub21 () " value = "-1" ></ td > </ li > < li > A剩余: < input type = "text" id = "txta" value = "16" /> < input type = "button" onclick = " adda1 () " value = "+1" > < input type = "button" onclick = " suba4 () " value = "-4" > < input type = "button" onclick = " suba3 () " value = "-3" > < input type = "button" onclick = " suba2 () " value = "-2" > < input type = "button" onclick = " suba1 () " value = "-1" ></ td > </ li > < li > K剩余: < input type = "text" id = "txtk" value = "16" /> < input type = "button" onclick = " addk1 () " value = "+1" > < input type = "button" onclick = " subk4 () " value = "-4" > < input type = "button" onclick = " subk3 () " value = "-3" > < input type = "button" onclick = " subk2 () " value = "-2" > < input type = "button" onclick = " subk1 () " value = "-1" ></ td > </ li > < li > Q剩余: < input type = "text" id = "txtq" value = "16" /> < input type = "button" onclick = " addq1 () " value = "+1" > < input type = "button" onclick = " subq4 () " value = "-4" > < input type = "button" onclick = " subq3 () " value = "-3" > < input type = "button" onclick = " subq2 () " value = "-2" > < input type = "button" onclick = " subq1 () " value = "-1" ></ td > </ li > < li > J剩余: < input type = "text" id = "txtj" value = "16" /> < input type = "button" onclick = " addj1 () " value = "+1" > < input type = "button" onclick = " subj4 () " value = "-4" > < input type = "button" onclick = " subj3 () " value = "-3" > < input type = "button" onclick = " subj2 () " value = "-2" > < input type = "button" onclick = " subj1 () " value = "-1" ></ td > </ li > < li > 10剩余: < input type = "text" id = "txt10" value = "16" /> < input type = "button" onclick = " add101 () " value = "+1" > < input type = "button" onclick = " sub104 () " value = "-4" > < input type = "button" onclick = " sub103 () " value = "-3" > < input type = "button" onclick = " sub102 () " value = "-2" > < input type = "button" onclick = " sub101 () " value = "-1" ></ td > </ li > < li > 9剩余: < input type = "text" id = "txt9" value = "16" /> < input type = "button" onclick = " add91 () " value = "+1" > < input type = "button" onclick = " sub94 () " value = "-4" > < input type = "button" onclick = " sub93 () " value = "-3" > < input type = "button" onclick = " sub92 () " value = "-2" > < input type = "button" onclick = " sub91 () " value = "-1" ></ td > </ li > < li > 8剩余: < input type = "text" id = "txt8" value = "16" /> < input type = "button" onclick = " add81 () " value = "+1" > < input type = "button" onclick = " sub84 () " value = "-4" > < input type = "button" onclick = " sub83 () " value = "-3" > < input type = "button" onclick = " sub82 () " value = "-2" > < input type = "button" onclick = " sub81 () " value = "-1" ></ td > </ li > < li > 7剩余: < input type = "text" id = "txt7" value = "16" /> < input type = "button" onclick = " add71 () " value = "+1" > < input type = "button" onclick = " sub74 () " value = "-4" > < input type = "button" onclick = " sub73 () " value = "-3" > < input type = "button" onclick = " sub72 () " value = "-2" > < input type = "button" onclick = " sub71 () " value = "-1" ></ td > </ li > < li > 6剩余: < input type = "text" id = "txt6" value = "16" /> < input type = "button" onclick = " add61 () " value = "+1" > < input type = "button" onclick = " sub64 () " value = "-4" > < input type = "button" onclick = " sub63 () " value = "-3" > < input type = "button" onclick = " sub62 () " value = "-2" > < input type = "button" onclick = " sub61 () " value = "-1" ></ td > </ li > </ ul > < script src = "js/script.js" ></ script >最后把JavaScript代码外链进去即可!附件最后还是变成了 云盘 。
2020年10月16日
4 阅读
0 评论
0 点赞
2020-10-15
织梦 标签调用
织梦标签的调用一直是许多人的痛,许多标签的调用通过百度查询到的都是不能用的,今天来教给大家一个简易的方法,来操作一下这些不能用的标签。例:我发布文章只有浏览量,作者,日期只显示了年-月-日,但是我想让他显示年-月-日-时-分-秒以及显示文章来源。百度查到的时间调用是[field:pubdate function="GetDateTimeMK(@me)"/]这个,但是添加上的话,在栏目页不会显示时间,而我自带的{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}是这个样子的,并且发现其实文章页的标签,大部分外面套的都是{}这个,而不是[]这个,于是操作一下把[]更换为{},{field:pubdate function="GetDateTimeMK(@me)"/},但是发现还是不行,继续查看不同,发现前面调用的这一段也不一样,原本的是dede:field.pubdate,而搜到的是field:pubdate,把他改一下发现时间显示正常了。文章来源继续搜索{dede:field.source runphp=yes}@me = (empty(@me) ? "本站" : "@me");{/dede:field.source}发现这串代码,复制粘贴可以直接使用!其实织梦好多标签的调用是相通的,只需要更改一下路径以及外面的括号即可!并且可以使用织梦cms标签生成器,这个比较便捷,只需要打开网页即可,不过内容较少,但是可以应付日常使用,还可以使用一些软件,如老李仿站专用器等等吧,还可以通过织梦官方提供的文档进行查询。
2020年10月15日
6 阅读
0 评论
0 点赞
1
2
3