玩转京东云主机之④-利用宝塔软件搭建服务器PHP环境

  • 进入云主机控制台(http://console.jcloud.com/host/compute/list),找到服务器公网ip
  • 按window+R键打开运行窗口,输入 mstsc 后回车。会打开“远程桌面连接”。输入服务器ip地址后点击连接

  • 会提示你输入凭据,用户名写 administrator,密码就是你购买主机后重置的那个密码

  • 点击确定后可能会弹出以下对话框,点击“是”即可。

  • 然后就以远程桌面的形式成功连接上服务器了!

  • 将默认弹出的服务器管理器窗口关掉即可。
  • 点击服务器左下角的windows图标

  • 在“windows Powershell”图标上 右键->以管理员身份运行,

  • 将以下代码复制,在打开的窗口中直接右键,会自动粘贴过去:

Set-ItemProperty -Path ‘HKLM:\SOFTWARE\Policies\Microsoft\Windows\WindowsUpdate\AU’ -Name UseWUServer -Value 0

Restart-Service -Name wuauserv

Install-WindowsFeature Net-Framework-Core

Set-ItemProperty -Path ‘HKLM:\SOFTWARE\Policies\Microsoft\Windows\WindowsUpdate\AU’ -Name UseWUServer -Value 1

Restart-Service -Name wuauserv

  • 安装过程如下,可能耗费大约2-10分钟时间

  • 安装完后会出现类似下面的提示:

  • 按一下回车,稍等半分钟后会看到如下提示

  • 在你电脑浏览器中打开WEB网站环境快速搭建工具宝塔的官网: www.bt.cn ,依次点击 windows版->立即安装 即可将安装包下载下来

  • 将下载下来的压缩包中的exe解压出来,然后右键->复制,然后到服务器桌面中右键->粘贴。即可将软件从本地复制上传到服务器中。

  • 在服务器上双击打开5_x64_Offline.exe
  • 在服务器桌面上双击打开软件。
  • 若弹出此提示,请点击“否”

  • 直接点“立即安装”,

  • 稍等几分钟即可安装完毕,点击启动即可。

  • 启动后点击面板上侧导航中的“环境”.

  • 在“Web Server”中选择“Apache”,然后点击安装。

然后在PHP中选择“共生模式”,然后点击安装

然后点击“FTP Server”中的安装

  • 都安装完毕后,点击顶部的“网站”,然后点击“创建网站”。

域名:域名输入框中填你注册的域名,注意,带www的和不带www的都要写上,每个域名一行。

比如你的域名是abc.com,那么abc.com和www.abc.com都要写上。

根目录保持默认即可

备注:随便写。

创建ftp:选择创建。用户名和密码自己设置。

创建数据库:不创建

PHP版本:默认5.4即可。

填完信息后点击添加

 

  • 到本地浏览器中输入你的域名,就可以看到如下页面

  • 能看到这个页面就表明域名和域名绑定成功!

 

玩转京东云主机之③-域名解析

  • 到域名控制台(http://net-console.jcloud.com/domain/index)找到注册过的域名。
  • 点击域名后的“解析”

  • 点击“增加解析”
  • 记录值中填写已购买的云主机的公网ip。到主机控制台(http://console.jcloud.com/host/compute/list)中可以看到公网IP。

  • 主机记录中填@,其他选项和截图中保持一致即可,然后点击保存。

  • 再次点击“增加解析”
  • 主机记录中填www,记录值填云主机公网IP,然后点击保存

  • 按 windows+R键会打开运行对话框,输入cmd后回车,会打开一个黑色的窗口,在窗口中输入  ping 你的域名,比如ping houdunwang.top。如果ping之后提示找不到主机,表明域名尚未解析完毕,稍等一会即可,理论上来讲,解析时间为24小时内,但一般几分钟就可以。

  • 如果能ping出你的服务器ip,就表示域名解析成功。

 

玩转京东云主机之②-特惠云主机开通

  • 后盾网联合京东云活动期间,主机价格均有大幅优惠。点击对应购买链接即可。
  • ps:1元特价主机京东云不协助备案,99和188的主机可以协助备案。
主机类型 价格 购买链接
1核CPU/2G内存/1M带宽,2个月期限云主机 1元(原价206元) http://www.jcloud.com/productTrialforPay?uuid=02077970-a05c-4fea-b23e-79d1e8274e5f
1核CPU/2G内存/1M带宽,6个月期限云主机 99元(原价618元) http://www.jcloud.com/productTrialforPay?uuid=994cec12-7f9c-475b-8ea7-12b063821522
1核CPU/2G内存/1M带宽,12个月期限云主机 188元(原价1030元) http://www.jcloud.com/productTrialforPay?uuid=19a1efdb-952a-4143-9358-70c885bd6a17
  • 购买的时候镜像选择“2012 R2 标准版 64位 中文版”,vpc选择默认即可。

  • 选择支付方式购买即可。

  • 付款成功后,进入主机控制面板(https://console.jcloud.com/host/compute/list)可以看到刚才购买的主机。稍等几分钟,状态由“创建中”变为“运行”后,就表示主机可以正常使用了。

  • 选择主机后面的更多-》重置密码

  • 按要求设置一个密码。

 

玩转京东云主机之①-域名注册详细图文教程

  • 访问jcloud.com,先查询要注册的域名。不同的域名后缀价格不一样,但是功能没有什么区别。建议:如果要长期用的域名,建议注册com后缀的,公众识别度比较高,如果只是学习测试,注册个top后缀的就行了,因为top后缀的便宜。

  • 如果查询后域名显示未注册,就点击“加入清单”。如果显示已注册,那就换个别的域名查询下。

  • 点击加入清单后,右侧会显示域名清单,点击“去结算”

  • 点击创建新模板,将个人或企业信息填一下,我国要求所有国内注册的域名要实名,所以信息务必是个人真实信息。

 

  • 保存模板后回到订单确认页,如果以个人名义注册就选个人,如果是以企业名义注册,就选企业。选择后会展示出来刚才填写过的信息,勾选上。
  • 勾选上“我已阅读,理解并同意协议《域名在线服务条款》 ”后点击立即购买。

  • 选择支付方式支付一下

  • 支付成功后进入域名管理后台(http://net.console.jcloud.com/domain/index)即可看到刚才注册成功的域名

bootstrap中modal模态框实现在页面中水平垂直居中的方法

bootstrap是个前端懒人神器,样式舒服,布局顺畅,但是自带的modal模态框默认是水平居中,但是垂直位置偏页面上方。如果想要实现水平并且垂直居中的效果,需要自己写个css样式重新定义一下位置。官方给的例子中模态框的默认id是myModal,默认带有固定定位(position:fixed;)的样式。

咱们只需在自己的css中重写一下这个样式即可:

#myModal{
left: 50%;
top: 50%;
transform: translate(-50%,-50%);

}

经过重新定义后会发现在移动端模态框的宽度太小了,我们还可以继续优化一下,设置一个最小宽度,最终代码如下:

#myModal{
left: 50%;
top: 50%;
transform: translate(-50%,-50%);

min-width:80%;/*这个比例可以自己按需调节*/

}

 

其他需要的样式可以继续自由发挥。

webpack处理less文件时提示Cannot find module ‘less’错误的处理方法

webpack在处理less文件时,始终提示Cannot find module ‘less’,按照官方文档中的说法,只需安装less-loader、css-loader、style-loader就行了,但反复测试,始终报错。抱着试一试的心态安装了一下less模块(npm -install less –save-dev),问题竟然解决了。。。。怎么说呢,有时候信文档不如信报错,纠结理论不如动手折腾一下。

附上webpack官方loader大全地址:https://webpack.js.org/loaders

写给走在自学路上同学的一些话

首先声明,这不是一篇软文,仅仅是个人一些想法的如实交流。
2017年咱们后盾网录制发布了大量免费视频,包括向军老师主讲的angular、微信二次开发、composer、require等最新热门技术,还有我重新录制的零基础系列视频教程(html、div+css、JavaScript、jquery、HTML5、css3、混合APP开发)视频发布以来,未经推广便风靡技术圈,在腾讯课堂等知名大型在线教育平台稳居同类别前列,近期也收到了海量的学员反馈,感受到了大家浓厚的学习热情,也非常能体会同学们在浩海般的互联网中学到梦寐以求的真功夫的那种喜悦和兴奋。
作为混迹行业十余年的“老家伙”,非常能理解大家初入这个行业的迷茫焦虑。作为资深的自学者,对走在自学路上的你,有些话不吐不快。
讲真,咱们后盾网推出的2017年全新的零基础和热门技术的免费视频教程,比腾讯课堂里标价好几千甚至某些平台14800元的课程不知道强了多少倍(这个还真不是我吹,大家可以自己去看,去对比),很多同学年后看了咱们的视频后,感觉醍醐灌顶,相逢恨晚。原因很简单,就是咱们的课程是真正站在学生的角度,为你考虑到了几乎所有你能遇到的坑,把我们老师十余年的行业经验毫无保留的传授给你,带你入门带你提高,短时间的学习你就能感觉到自己难以想象的技术飞升,就这么多提供免费视频的培训机构来讲,能做到这一点的目前也只有我们后盾网。但是(凡事就怕但是),自学之路是极度坎坷布满荆棘的,你以为你跟着后盾网的视频学习进步很大,能独立布局各种页面,开发各种效果,这就够了吗?可能事实并没有你想的那么简单。
最近很多同学问:“老师,我看了咱们后盾网最新的视频,也都掌握的差不多了,我能找个什么样的工作呢?”这里可以负责任的告诉大家,吸收了我们最新前端视频里的技术,找个基础的前端工作还是没问题的,具体来讲,也就是一线城市4000-5000,二三线2000-3000左右薪水的工作吧。对于有志于在互联网行业大展拳脚的你,想必这个目标不是你所追求的吧?大家可以打开招聘网站,搜一下目前网站开发程序员岗位的平均薪资,一般最低也在月薪10000元左右。那,差距在哪呢?大家还缺什么呢?
好吧,直接说我的个人结论吧,如果你只是把网站开发当做业余爱好,网络自学完全能满足你的需求,但如果你想把这件事职业化,以后靠此谋生,自学是远远不够的,你有必要参加一次系统的面授培训,有同学说,我没时间,我路程远。。。。其实任何说辞都是借口,瞻前顾后永远成不了气候,有些时候就该有壮士断腕的决心,你的奋力一搏可能会影响你一生。(ps:打脸,真打脸,刚才还说不是广告呢,这三下两下又绕到培训上了。。。呵呵,别着急,听我慢慢说)
首先,靠自学从而转职业这条道路是很费时间的,需要自学者有极强的耐心和解决问题的能力,一般人是很难坚持的。有些同学感觉看了视频已经学的差不多了,其实这可能只是表象,你掌握了某些必要的知识点,这是第一阶段,真正工作中的场景是很复杂的,知识点的变通和深入应用靠自己悟是肯定行不通的。你在进入这个行业前需要一些行业老人们给你传授技巧和经验。就拿我们后盾网来举例子,一个完全小白的同学,从入学第一天学习装软件开始,到自己能独立布局出一个大型的网站前端页面,只需要两周时间(含周末),如果自学的话,要达到这个程度可能需要两个月甚至半年,而这仅仅是入门的时候抬起了一只脚而已。而且面授的培训中课堂上老师事无巨细的将知识点精准传达给你,课下自习辅导的时候老师可以无时无刻给你传授自己多年行业经验和技巧,避免你少走很多弯路。这一点自学是get不到的,不是老师在视频中有所保留,而是有些东西必须言传身教。就像我在课堂上老和学生说的一样,任何培训机构讲的任何一个知识点,你到网上去搜,或买本书看,可能讲的要比培训班多得多,但是,对你没有任何帮助,因为你更多需要的是提炼后的,企业真正需要的及技能,以及职开发中的经验、技巧和方法。
其次,闭门造车是不行的,很多同学自己觉得我需要学习这个,需要学习那个,其实很多时候都是白耽误工夫,自学中你很难找到准确的方向让你适应真正企业实战环境的要求。而在培训中,有老师帮你一对一制定计划,你走的每一步都是对工作有用的,不会做任何无用功,效率的提高,时间的压缩,就是个人利益最大化的保证。
还有,就是方法问题。大家在学校过程中很多时候感觉最无助最费时间的就是遇到问题的时候,自学中的问题可能没人能帮你,只能靠自己,一个简单问题琢磨好几天的情况时有发生,但在实训班,有老师帮你,让你能在几分钟的时间内解决掉问题,get到问题的精髓,并且深刻理解问题的发生场景也工作中的规避方案。
最后,氛围。任何学习都是需要一个好的氛围,自学的时候孤军奋战,很难熬,就算是能坚持,效率也低。而在实训班,大家在一起,你争我抢,生怕不如别人,效率自然高。
好了,说了这么多,相比大家也理解我的意思了,之所以今天写这篇帖子,是看到最近有些同学看了不少视频后,感觉可以,去找工作,处处碰壁,更可惜的是,碰壁了还找不到愿意。作为一个过来人,不忍心看到一个个有志青年在最美好的年纪如此沮丧。
很多事情,信则有,不信则无。如果你信我说我的这些,那我再啰嗦些选培训机构的注意事项。
目前互联网行业火爆有目共睹,也催生了大量的培训机构,看似每家都有自己的亮点,选起来还真需要费番脑筋。其实说来也简单,别轻信广告,什么上市公司,多么牛的企业背景,吹牛谁都会,文案再棒,也需要自己多考察一下培训机构的实力。
比如:
1、看一下他们的免费视频,从视频中能看到老师是否有给力,讲课风格你是否能接受。
2、潜伏到机构的QQ交流群里,看一下群里的学员反馈,这个是无法造假的。
3、到培训机构的论坛转一转,看一看人气如何,大家的评论如何,业界人士是否认可这个机构。这个也是不能造假的。没有自己交流区的机构,呵呵,三思。
4、这一点强烈推荐大家!有机会一定要亲自去培训机构看一看,最好试听一节课,百闻不如一见,自己体验后会有最准确的判断,甚至你可以趁下课的时候找正在培训的同学聊一聊,问问他们的感受,没有比这反馈更真实的了。如果自己在外地不方便,也尽量联系在当地的亲戚朋友帮你去看下。
5、培训机构官网发布的信息(如毕业薪资、学员回访等)仅作为参考,我们后盾网官网的信息保证真实,但不能确定所有机构公布的信息都是真实的,毕竟数据造假简直太简单了。
6、总之,多自己看,少听别人瞎忽悠。

行了,这次真说完了。在后盾网的讲台上也已经站了五年,见过了太多太多的逆袭案例,一点中肯的建议,还希望大家参考。祝大家学习顺利。
谢谢。手动鞠躬。

偶然发现了一个谷歌浏览器的bug

今天有同学遇到了一个问题,后来经过对代码的抽丝剥茧,发现了一个谷歌浏览器的小bug。

在li中放入一个img图片元素,如果li的宽度小于里面img的宽度,就会出现图片往下掉的bug:

 

 

 

 

 

 

把li的宽度调整到比img大,就正常了。

 

 

 

 

 

 

注明:测试用的谷歌浏览器版本是:55.0.2883.87(64-bit)

写了一个精简版的小demo,有兴趣的可以下载研究下:谷歌浏览器bug演示

最新更新:感谢热心网友MrTan分享了解决方案。给li加list-style:none;就可以了。

微信小程序官方手册-单文件离线版

微信小程序火起来,这个大家应该都知道吧。
但是在做开发的时候,往往会遇到这样的情况,我知道小程序好像提供了这个功能,但是忘了在手册的哪一部分里了。到官方在线手册查起来比较费时间。
为了提高资料查找效率,我特意整理了一个单文件版本的离线手册。
这个单文件手册集成了官方手册(https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/template.html)中的所有页面内容,以后想查找资料直接打开单文件手册,然后ctrl+f在浏览器窗口中搜索就行了。
强烈推荐有小程序开发需求的朋友下载收藏,你会爱上它的。没有开发需求的也可以收藏一份。

下载地址:http://bbs.houdunwang.com/thread-104834-1-1.html

关于我

大名孙琪峥。
一个年龄神秘的骨灰级博客玩家。
一个烧包的伪科技极客。
一个踏实的IT从业者。
中国的顶尖PHP培训机构后盾网前端讲师,江湖外号“小白杀手”,承蒙大家厚爱。

近期评论