网页代码

最近做的项目中，出现了个比较奇怪的现象，具体现象：就是ios机型下，ios9相关版本的机子打开我的网页后，js代码不执行，将我自身写的代码注释掉后，可以执行其他的js。 此问题暂时找不到原因，但初步认为是js里面某些api不支持导致的报错。使用window.onerror函数也捕捉不到全局报错。 找到原因：原来是swiper.min.js引用了swiper.min.js.map， 而一般来说我们只会去引用swiper.min.js这个js文件而已 解决办法：官网下载swiper.min.js.map，或者将swiper.min.js最后一行 删除掉即可。 转自阮大大的博客："简单说，Source map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码。这无疑给开发者带来了很大方便。" 官网答疑链接： https://www.swiper.com.cn/usage/errorTip/index.html 一般来说没有ios模拟器用真机去测试还真看不出来问题原因。 来源： CSDN 作者： 为什么昵称被占用了啊 链接： https://blog.csdn.net/u011423258/article/details/82591504

前面的话 　　一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容 媒介类型 　　在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属性存在 　　media属性用于为不同的媒介类型规定不同的样式 screen 计算机屏幕（默认值） tty 电传打字机以及使用等宽字符网格的类似媒介 tv 电视类型设备（低分辨率、有限的屏幕翻滚能力） projection 放映机 handheld 手持设备（小屏幕、有限的带宽） print 打印预览模式 / 打印页 braille 盲人用点字法反馈设备 aural 语音合成器 all 适合所有设备 　　真正广泛使用且所有浏览器都兼容的媒介类型是'screen'和'all' <style media="screen"> .box{height: 100px;width: 100px; background-color: lightblue;} </style> <div class="box"></div> 媒体属性 　　媒体属性是CSS3新增的内容，多数媒体属性带有“min-”和“max-”前缀，用于表达“小于等于”和“大于等于”。这避免了使用与HTML和XML冲突的“<”和“>

关于onload： onload 事件 window.onload只会执行一次。 window.onload 、document.onload的区别 stackoverflow中的讨论：window.onload vs document.onload window.load用的多一些。 jquery 的ready() 与window.onload()的区别 http://www.cnblogs.com/wsun/p/3916487.html window.load 是必须等待网页全部加载完毕（包括图片等），然后再执行JS代码。 $(document).ready() 只需要等待网页中的DOM结构加载完毕，就能执行JS代码；也就是说，可以 不等 外部js、css、图片全部加载完毕。 注意，若html中有： <script src="1.js"></script> <script src="2.js"></script> 是先加载1.js，完毕后，再加载2.js。 来源： oschina 链接： https://my.oschina.net/u/940565/blog/533035

原文链接：https://blog.csdn.net/m0_37056211/article/details/72779786　　 　　201-206都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。 200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。 201（已创建） 请求成功且服务器已创建了新的资源。 202（已接受） 服务器已接受了请求，但尚未对其进行处理。 203（非授权信息） 服务器已成功处理了请求，但返回了可能来自另一来源的信息。 204（无内容） 服务器成功处理了请求，但未返回任何内容。 205（重置内容） 服务器成功处理了请求，但未返回任何内容。与 204 响应不同，此响应要求请求者重置文档视图（例如清除表单内容以输入新内容）。 206（部分内容） 服务器成功处理了部分 GET 请求。 300-3007表示的意思是：要完成请求，您需要进一步进行操作。通常，这些状态代码是永远重定向的。 300（多种选择） 服务器根据请求可执行多种操作。服务器可根据请求者 来选择一项操作，或提供操作列表供其选择。 301（永久移动） 请求的网页已被永久移动到新位置。服务器返回此响应时，会自动将请求者转到新位置。您应使用此代码通知搜索引擎蜘蛛网页或网站已被永久移动到新位置。 302（临时移动） 服务器目前正从不同位置的网页响应请求

vs code 添加扩展 live server后，右键单击index.html选择 open with live server. 后自动打开网页，而且每次保存代码会自动更新网页。最好打开vs code的自动保存功能，

<script> //回车事件 onkeydown:点击键盘 document.onkeydown=function myAction(){ //网页内按下回车触发 if(event.keyCode==13)//keycode代表键盘按钮的代码 13是enter是代码 { document.getElementById("search").click();//search：要调用的方法 return false; } } </script> 文章来源: https://blog.csdn.net/Crimson1/article/details/90642927

本文致力于使得较有经验的程序员能够在一天之内了解网站搭建制作的基本知识，尽快制作出可以展示用的demo。 具体地，笔者为了完成大作业，需要搭建一个搜索引擎的网站，仅仅作为展示的demo，并不对原创性和运行性能有过多要求，所以目标是尽快制作出差不多的网站用于展示。笔者对网站相关知识的学习，也只有不到一周的时间，文中描述如有疏漏，欢迎各路大神指教。 网站搭建通常分为两个部分：服务器搭建（服务器端）+网页制作（客户端）。网页制作部分主要包括网页内容、样式设计；服务器部分负责监听端口，根据请求与本地内容生成相应的响应。网站框架示意图如下图所示： 一种简单的情景是：客户端通过访问特定IP以及端口发送HTML请求，监听该IP端口的服务器（这里使用NodeJS搭建）会接收并解析出HTML请求，然后根据请求的指定路径生成相应的HTML文件，通过HTTP协议返回到客户端，客户端的服务器再根据收到的HTML文件显示或者再次发送请求（依据HTML, CSS, javascript语法）。使用HTML5+CSS+javascript+NodeJS的客户端服务器端通信流程的简易示例图如下： 笔者选用了NodeJS搭建服务器端是因为其同样基于javascript语言，脚本式的语言极易上手，同时异步并发的特性天然支持网站服务器搭建，借助于众多成熟的包可以轻松愉快的搭建出性能不弱的网站服务器。其运行在服务器端

粗心大意!浪费了30分钟时间,必须记录一下! 报错图片 琢磨了半天,没想出是哪里错了,很无奈!!!!!!!!! 度娘:ctrl+shift+alt+H,设置成NONE就可以了 试了一下,果然好使,不再报错, 这样设置只是把css 代码的错误忽视了, 掩耳盗铃, 并没有什么卵用 该行报错css代码的效果并没有显示出来,,,,,,,,, 最终解决: 网页打开css 修饰的html 文件, 在他人帮助下,F12-> 查看器 无效的属性值: border:1px splid red; 才发现拼错了 因为拼错单词耽误半个小时,很不划算, 教训:发现错误,异常在网页直接查看错误源头,很权威还比百度….靠谱多了.能直接查看错误为什么还要听别人胡扯!!! 文章来源: IDEA编写css样式报错

一些常见的状态码为： 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用 详细分解： 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说明 100 （继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx （成功） 表示成功处理了请求的状态代码。 代码 说明 200 （成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了新的资源。 202 （已接受） 服务器已接受请求，但尚未处理。 203 （非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。 204 （无内容） 服务器成功处理了请求，但没有返回任何内容。 205 （重置内容） 服务器成功处理了请求，但没有返回任何内容。 206 （部分内容） 服务器成功处理了部分 GET 请求。 3xx （重定向） 表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向。 代码 说明 300 （多种选择） 针对请求，服务器可执行多种操作。服务器可根据请求者 (user agent) 选择一项操作，或提供操作列表供请求者选择。 301 （永久移动） 请求的网页已永久移动到新位置

一些常见的状态码为： 200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务器超时 下面提供 HTTP 状态码的完整列表。点击链接可了解详情。您也可以访问 HTTP 状态码上的 W3C 页获取更多信息 。 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态码。 100（继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx （成功） 表示成功处理了请求的状态码。 200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果是对您的 robots.txt 文件显示此状态码，则表示 Googlebot 已成功检索到该文件。 201（已创建） 请求成功并且服务器创建了新的资源。 202（已接受） 服务器已接受请求，但尚未处理。 203（非授权信息） 服务器已成功处理了请求，但返回的信息可能来自另一来源。 204（无内容） 服务器成功处理了请求，但没有返回任何内容。 205（重置内容） 服务器成功处理了请求，但没有返回任何内容。与 204 响应不同，此响应要求请求者重置文档视图（例如，清除表单内容以输入新内容）。 206（部分内容） 服务器成功处理了部分 GET 请求。 3xx （重定向） 要完成请求，需要进一步操作