前端
阿狸远翔
这个作者很懒,什么都没留下…
展开
-
文件路径中“/“和”\”的区别
一般在Windows系统中使用“\”和“/”没有本质区别 在Linux和Unix中需要使用“/” 原因: “\”是转义字符的起始字符,所以路径中的“\”通常需要使用“\”,使用“/”就不需要转义了。原创 2016-12-01 12:15:13 · 3260 阅读 · 0 评论 -
get、post、put、delete?
为什么要区分get、post、put、delete?所有 http 请求,一律用 POST,在业务功能的实现是没有问题的.post,get,put,delete 是标准, 大家都遵循这样的规则. 这样的api对于它人来说一目了然, get就是获取数据, post就是提交数据, put就是更新数据, delete就做删除操作. 如果一律使用post对一个项目组的内部人员来说是没有问题的, 但是对...原创 2019-07-04 23:23:03 · 2093 阅读 · 0 评论 -
阿里云ECS nginx服务器主机lnmp环境,同一端口同一IP,不同虚拟主机;同一主机不同端口,不同网站 设置方法
最近买了阿里云服务器挂载我个人网站,我有好几个域名怎么办?比如我的域名为 tust.我爱你1 . 创建虚拟主机,可以参考lnmp的设置点击打开链接2 . 安装ftp(安装方法点击)上传文件到你创建的虚拟主机,我采用ftp上传至虚拟空间 /home/wwwroot/tust.我爱你 目录下。3 . 域名解析到主机ip地址,ip地址查询界面如下图:将其解析到对应域名; 4 . 配置阿里云ecs 实例...原创 2018-05-20 16:35:59 · 1259 阅读 · 0 评论 -
CSS常用居中方法
水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的,前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响,否则一切都是无用功。margin:0 auto也可以被写成margin:0 auto 0 auto。不能理解的童鞋们可以自己去找找关于css缩写的内容。转载 2017-03-04 22:47:19 · 199 阅读 · 0 评论 -
三栏式布局昨天已经写了,今天谈谈两栏式布局
目标: 左栏自适应,右栏固定宽度。本来一直思考怎么用浮动做好两栏,结果做完后自适应的左栏宽度达到一定后不再变长(此时子元素无法继续撑开父元素)。原来做法: 左右两栏均向左浮动,左栏再用margin-left:-左栏宽度 ,渲染时两栏宽度都会缩小为最最宽子元素的宽度且无法撑开(可以随窗口缩小)。最后直接抛弃浮动:左栏 margin-right:预留宽度右栏 绝对定位 w原创 2017-03-04 22:45:55 · 339 阅读 · 0 评论 -
css 绝对定位、浮动中的脱离文档流
定义(可忽略):绝对定位:元素框从文档流完全删除,并相对于其已经定位了的包含块定位。浮动:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。相同点:两者都脱离了文档流不通点:Absolutely定位的元素和其他元素重叠;浮动元素之后的元素将围绕它,浮动元素之前的元素将不会受到影响。原创 2017-03-02 21:28:32 · 949 阅读 · 0 评论 -
关于css的继承
问题由来:今天做百度前端学院的题时,给父元素写了背景颜色,其下的子元素的背景也随之改变。但父元素加了边框,子元素却没有变化。这引起我的疑问---什么元素会继承父元素的属性呢?有人可能会认为background-color是继承的,为简化工作,我们看下关键的属性组:原创 2017-02-28 12:15:09 · 234 阅读 · 0 评论 -
Chrome开发者工具详解 (5):Application、Security、Audits面板
这篇文章是Chrome开发者工具详解这一系列的最后一篇,介绍DevTools最后的三个面板功能-Application面板、Security面板、Audits面板的基本功能:Application面板简介该面板主要是记录网站加载的所有资源信息,包括存储数据(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、缓存转载 2017-01-10 20:10:19 · 1093 阅读 · 0 评论 -
Chrome 开发者工具详解(4):Profiles 面板
如果上篇中的Timeline面板所提供的信息不能满足你的要求,你可以使用Profiles面板,利用这个面板你可以追踪网页程序的内存泄漏问题,进一步提升程序的JavaScript执行性能。概述当前使用的Chrome最新版为54.0.2840.71,这个版本的Profiles面板比之前提供的功能更多也更强大,下面是该面板所包含的功能点:Record JavaScript C转载 2017-01-10 20:09:19 · 1090 阅读 · 0 评论 -
Chrome开发者工具详解(3):Timeline面板
Timeline面板Timeline面板是整个面板里面最复杂的一个面板,涉及的东西比较多。可以利用这个面板来记录和分析网页运行过程中的所有活动行为信息。 你可以充分利用这个面板来分析你的网页的程序性能问题。概述下图是从Google官方网站中介绍Timeline面板的图贴到这里,该面板主要包括4大块窗格(Pane):Controls 录制开关和控制录制过程转载 2017-01-10 20:07:41 · 546 阅读 · 0 评论 -
Chrome开发者工具面板
面板上包含了Elements面板、Console面板、Sources面板、Network面板、 Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下:Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。Con转载 2016-12-24 21:12:45 · 451 阅读 · 0 评论 -
Chrome开发者工具之:Elements、Console、Sources面板
Chrome开发者工具面板面板上包含了Elements面板、Console面板、Sources面板、Network面板、 Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下:Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览转载 2016-12-24 21:09:41 · 1749 阅读 · 0 评论 -
简单比较 --session 与 cookies 的区别
先看看他们两个的定义: cookie 常用于识别用户。cookie 是一种服务器留在用户计算机上的小文件。每当同一台计算机通过浏览器请求页面时,这台计算机将会发送 cookie。通过 PHP,您能够创建并取回 cookie 的值。 PHP session 变量用于存储在服务器上关于用户会话(session)的信息,或者更改用户会话(session)的设置。Session原创 2016-11-27 21:24:55 · 236 阅读 · 0 评论 -
Button 标签实现页面跳转的方法
1.在Button标签外拓展一个a 标签<a href="www.google.com"><button type="button" value="按钮"></a>2.onclick触发事件 (1)单独添加一个链接<button value="按钮" onclick="javascript:window.location.href='www.google.com'">(2)单独编写触发函数<s原创 2016-11-28 19:29:04 · 24170 阅读 · 4 评论 -
揭开面纱之-- js中的this
js中的this在揭开面纱之前就是一个迷,每每遇到我都有些头痛。今天总结了下js中的this指向:分类默认绑定 --直接上级对象 严格模式下没有Windows 而是 undefined–隐性绑定 --一般作为一个对象的方法,按照上级规则就是这个对象显示绑定 --使用apply() call() bind()函数可以给函数显示绑定this指向的对象new – 使用new时函数里...转载 2019-07-06 20:40:35 · 156 阅读 · 0 评论