web
Mr_董
爱生活,爱技术!
展开
-
js实现城市名称拼音索引
js实现城市名称拼音索引原创 2016-08-30 15:07:33 · 5498 阅读 · 0 评论 -
前端处理后台返回带格式的文本之textarea标签使用技巧
页面的布局排版一般都是前端工程师在页面中使用div、p标签等进行预先的设计排版,但是有时候有些带格式的文本内容是后台返回的,这就需要前端按照后台返回的格式化文本进行展示,如果这个时候还用div、p标签进行内容的包裹,就会使后台返回的文本内容丢失。这时候我们就可以使用textarea标签作为格式文本的内容包裹。 标签定义一个多行的文本输入控件。但是我们可以利用它的disable和readonly原创 2017-08-03 16:20:49 · 6683 阅读 · 0 评论 -
前端面试之HTML篇
1、的作用? 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。HTML原创 2017-06-12 15:11:36 · 2166 阅读 · 0 评论 -
前端跨域访问
一、同源策略做过开发的都知道,从A网站通过Ajax来请求另外一个B网站的特定内容,是很常见的需求,但是出于安全的考虑,浏览器是不允许你这样做的,这就是浏览器的同源策略;何谓同源: URL由协议、域名、端口和路径组成,如果两个URL的协议、域名和端口相同,则表示他们同源。 同源策略: 同源策略是Web层面上众多安全策略的一个,限制了来自不同源的"docu原创 2017-06-06 17:37:41 · 848 阅读 · 1 评论 -
输入网址到网页显示的过程是什么?
从用户输入一个网址到网页最终展现到用户面前,中间的大致流程总结如下:1) 在客户端浏览器中输入网址URL。2) 发送到DNS(域名服务器)获得域名对应的WEB服务器的IP地址。3) 客户端浏览器与WEB服务器建立TCP(传输控制协议)连接。4) 客户端浏览器向对应IP地址的WEB服务器发送相应的HTTP或HTTPS请求。5) WEB服务器响应请求,返回指定的URL数据或错误信息原创 2017-05-08 09:18:54 · 101074 阅读 · 3 评论 -
浅谈javascript中的call、apply、bind
apply、call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 先来一个栗子: function fruits() {}原创 2017-02-21 09:17:24 · 515 阅读 · 0 评论 -
H5与微信获取用户当前位置
微信和h5原生方法都提供了获取用户地理位置的方法,需要使用第三方的逆地理编码的方式获得用户的实际位置信息。1、H5方法H5的新特性中加入了获取地理位置的方法window.navigator.geolocation,使用该方法我们可以方便的获取用户的地理位置,在通过第三方的逆地理编码的方法可以获得用户所在的实际位置。我用的是百度地图的web API,需要使用者在百度地图的开发者平台上申请一个原创 2016-12-20 17:35:07 · 18748 阅读 · 1 评论 -
客户端储存的三种方式localStorage 、sessionStorage、Cookies
Web应用允许使用浏览器提供的API实现将数据存储到用户的电脑上。这种客户端存储相当于赋予了Web浏览器记忆功能。比方说,Web应用就可以用这种方式来“记住”用户的配置信息甚至是用户所有的状态信息,以便准确地“回忆”起用户上一次访问时候的状态。客户端存储遵循“同源策略”,因此不同站点的页面是无法互相读取对方存储数据的,而同一站点的不同页面之间是可以互相共享存储数据的,它为我们提供了一种通信机制,例原创 2016-12-30 15:31:56 · 6936 阅读 · 0 评论 -
移动端meta标签的使用
大家对meta标签再熟悉不过了,因为我们的页面中或多或少的都会使用到meta标签。但是我们却很少了解meta标签的用途,尤其是对于meta标签里的属性和值不是很懂,也不知道从哪里冒出来的。这篇文章就从什么是meta标签、meta标签的使用及移动端的meta标签三个方面详细的介绍一下。一、什么是meta标签 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。原创 2016-12-22 09:18:21 · 3075 阅读 · 0 评论 -
移动端keyup事件
最近在做一个项目需求,需要实现一个类似谷歌搜索的功能,可以模糊匹配到中文和字母。当时想到了keyup事件,每当键盘按下时监控input框值的变化,在电脑和安桌手机上测试都没有问题。直接提交完系统测试,系统测试发现在ios上有问题,对于输入中文keyup事件无法监听到中文的内容变化,没想到在测试的时候遇到这么一个坑,后来在改成这样ios和安卓都没有问题完美解决,同时还发现类似于这种匹配的功能,最好加原创 2016-11-15 16:55:21 · 6905 阅读 · 0 评论 -
input type=number验证问题
input type=number 中可以随意输入任意字符,但是如果该字符不是纯数字(负数,小数也行),对应dom元素的value就是空(""),这个事情非常坑,会导致验证的时候如果输入非数字的时候,直接.value( 或者$('.selector').val() )拿不到值,而拿不到值的情况下会认为没有填写,这样我就无法区分用户到底是输入了一些非法的字符如(20A)还是把input清空了。如原创 2016-11-02 16:17:12 · 8455 阅读 · 2 评论 -
webApp开发心得
从事单页相关的开发一年有余,期间无比的推崇webapp的网站模式,也整理了很多移动开发的知识点,但是现在回过头来看,webapp究竟是好还是不好真是一言难尽哟!webapp使用JavaScript修改页面;紧接着再从服务器传递更多数据然后再修改页面,如此循环。从性能的角度看,在现代浏览器中单页面Web App已经能够和普通native应用程序相媲美,而且几乎所有的操作系统都支持现代转载 2016-11-03 15:13:51 · 19093 阅读 · 0 评论 -
三种常见设置字体的单位比较
在页面中设置字体,我们知道有常见的三种px、em、rem.px在Web页面制作中,我们一般使用“px”来设置我们的文本,因为他比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,他改变了浏览器的字体大小(虽然一般人不会去改变浏览器字体大小),这时会使用我们的Web页面布局被打破,这时就提出了使用“em”来定义Web页面的字体。PX特点1. IE原创 2016-08-30 15:53:45 · 3348 阅读 · 0 评论 -
angularjs中的$sompile服务
$compile服务是Angularjs里比较重要但又很少手动调用的服务,通常我们使用的angularjs指令都是angularjs自动编译完成的,但有时我们可能需要手动编译,比如我们需要往现有的DOM结构里添加html代码,增加一列li,这是就需要用到$compile了。$compile用于编译HTML片段或者DOM,形成模板函数并于scope函数联结。编译就是DOM遍历并匹配指令,执行指令原创 2017-08-03 17:07:37 · 619 阅读 · 0 评论