Html5
Dom节点操作常用方法和获取文本内容
1. 操作常用方法 1.1 访问/获取节点 document.getElementById(id); //返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name); //返回带有指定名称的节点集合 注意拼写:Elements document.getElementsByTagName(tagname); //返回...
javascript黑科技之高效填充
前两天看了下导致react、babel打包失败的left-pad 14行源码，的确是存在黑科技啊，可以把填充缩短到只填充2的n次方中的n次。其中还有关于位操作符的运用，很好很强大。 不过由于太简单了，代码太少，所以运用场景比较单一，一些复杂场景也不能返回正确想要达到的值。我就在这基础上进行了优化，并且给出了位操作的替代处理方案，效率和源代码一样。以下是相关代码，并在github上附上了对应的单元测...
在手机上访问本地服务器的JavaWeb的网页
今天在做毕业设计的手机端测试的时候，Java已经开启了后台，然后把localhost改成了相对应的IP地址，但是手机一直没有办法连上，所以换了好几个IP也是这个样子，所以觉得非常纳闷，在网上一直搜索解决方案，还找到了花生壳穿透内网的方法去解决，后面在网上无意间看到了要关闭防火墙。所以，去关闭防火墙试了一下，后面居然成功了，贼开心，继续往下调试。所以，各位弟兄们，要是发现自己的一直连不上的话，记得看...
12个常规前端面试题及小结
原文链接：xingxin.me 这是昨天对一个新来有两月妹纸的一个小测试，总体来说都很简单常规，但结果有点儿不理想，今天把它总结总结记下来。 1.简述一下你对HTML语义化的理解？并写出一段语义化的HTML？ 语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。 用正确的标签做正确的事情 html语义化让页...
如何添加一个可以直接发送邮件的链接？
之前需要做一个可以点击直接发送邮件并抄送给第三个人的需求。然后我就搜了一下关于mailto的用法。这个是别人写的，刚好常常用到，分享一下： 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。 这个图片上的内容挺实用的，可以保存下来。...
您应该了解的渐进式Web应用程序的一切
一个渐进式Web应用程序是一个Web应用程序，它利用了现代浏览器的功能，可以添加到您的主屏幕，表现就像一个本地应用程序。 在本教程中，我们将向您展示需要了解PWAs的所有内容，一步一步，使用实例和演示程序。不要从头开始，我们将使用我们最近制作的自拍应用程序，并使其渐进。 什么是Progressive Web App 在其核心，一个渐进的网络应用程序与普通网站没有任何区别 - 它由HTML，CSS和...
计时器及调用文本框用onmouseover
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/...
网站seo优化需要注意的关键要点
网站的优化推广是一项需要长期作战的工作，一个网站的优化效果不是一两天就能有成效；一个优秀的seo大神也不是一朝半夕就能练成的。不管是网站的优化效果，还是想要成为一名优秀的SEOer，都是需要一个过程的。网站优化你需要知道的是优化的核心，做SEOer你要学会的是seo的思维。 对于网站的优化，你知道需要注意什么方面吗？ 你想要做好网站的优化推广，你首先要做的就是先把學习网站SEO的裙内部前面是628...
VUE2搭建的一个日常记账移动单页面应用，分享源码~~~
简介： 该应用比较简单，比较适合新手来练练手。没有什么复杂的功能，但是做出来之后却很有意思，可以完成日常生活记账功能。 技术栈： vue2+vuex+vue-router+axios+vux（前端UI组件）+localStroage搭建而成。 功能： 消费、入账、账单、筛选、图表分析等 难点： 个人认为就是该应用页面动画切换这块 图片预览： 1.引导页： 2.首页余额： 3.记账页面： 4.记账子...
前端性能优化14条规则让你的网站快到飞起
最近要实现前端性能探测，可是对于一个刚入职场的我来说前端性能是个啥，我还是个只追求页面展示效果的娃儿~。 规则一 减少http请求数 原因：为什么要减少http请求数量呢？ http建立连接是需要时间成本的，http协议规定浏览器对于统一域名的资源请求数有限制。因此需要采取一些手段降低请求数量。 方案： 使用图片精灵合并小图片为一张大图片 合并js资源和css资源 内联小图片(data:url) ...
用血与泪换来的面试经
今天面试被血虐，故好好总结一番，希望明天可以不用丢脸。 先说第一家面试问题比较水，态度也不好，但我也不会： 主要问了一些http和ajax的问题。 http请求过程： 建立连接，tcp的三次握手，通过网址进行DNS解析，找到网址对应的IP地址，没有端口号的url使用默认端口号（一般是80） 客户端想服务端发送请求，包括请求头 服务端向客户端发送响应，包括请求头的响应 常用的HTTP头信息有： ...
关于HTTP协议的一些名词解释 原创
请求行：请求方式、请求的资源文件、协议版本 状态行：协议版本、状态码、描述（302重定向，304/307使用缓存） 请求头： Accept：告诉服务器，客户机支持得数据类型 Accept-Charset：客户机采用的编码 Accept-Encoding：客户机支持的数据压缩格式 Accept-Language：客户机的语言环境 Host：想访问的主机名 If-Modified-Since：资源的缓...
Bootstrap Paginator分页插件与ReactJS前端框架 原创
网上有许多分页框架结合ReactJS的例子，这里我也贡献出bootstrap-Paginator结合ReactJS框架不得不说的那些事儿。 第一步创建一空白js文件，把我下面的代码复制到里面，接下来会用到这么代码 var Page = { dataSize :15,//每页显示的数量 /** * 计算页数 * @param pageNumber 当前选择页数 * @param dataArray ...
HTML5 进阶系列：拖放 API 实现拖放排序
前言 HTML5 中提供了直接拖放的 API，极大的方便我们实现拖放效果，不需要去写一大堆的 js，只需要通过监听元素的拖放事件就能实现各种拖放功能。 想要拖放某个元素，必须设置该元素的 draggable 属性为 true，当该属性为 false 时，将不允许拖放。而 img 元素和 a 元素都默认设置了 draggable 属性为 true，可直接拖放，如果不想拖放这两个元素，把属性设为 fa...
将页脚始终控制在页面最下方的几种方法
html和body的高度并不一定相同，在内容少的时候，body的高度要小于html，当然这只会出现在body中的内容所占的空间高度小于浏览器的视口高度的时候，此时html的高度大于body的高度。网页中的元素都是以body最为参考，所以有必要保持html和body的高度相同。 html,body{height:100%;} 1. 第一种方法 在body中使用两个容器，包括网页的页脚和另外一部分（c...
热门手记
-
12个常规前端面试题及小结
424浏览 9推荐 0评论 -
Dom节点操作常用方法和获取文本内容
72浏览 3推荐 0评论 -
javascript黑科技之高效填充
101浏览 2推荐 0评论 -
在手机上访问本地服务器的JavaWeb的网页
158浏览 3推荐 0评论 -
如何添加一个可以直接发送邮件的链接？
141浏览 3推荐 0评论