随笔分类 -  1.0--前端

1 2 下一页
移动端获取地理位置经纬度
摘要：navigator.geolocation 获取地理位置 介绍 本节是非规范的。 地理位置 API 定义了一个高级接口，以仅与托管实现的设备（如纬度和经度）关联的位置信息。API 本身与基础位置信息源无关。常见的位置信息来源包括全球定位系统 （GPS） 和从网络信号（如 IP 地址、RFID、WiF 阅读全文
posted @ 2020-11-17 19:51 诚人小李 阅读(831) 评论(0) 推荐(0)
前端技术提高思路
摘要：前端技术提高思路 以下是我对前端提高思路的一些个人理解 先满足工作，再优化工作 工作中常用到的东西 1，前端自动化gulp，webpack 2，前端组件制作 3，前端代码规范，你写的代码是否可维护，你写的代码性能是否很好 4，网页加载有考虑过么 5，和同事之间的沟通是否无障碍 6，公司之间的同事是如 阅读全文
posted @ 2016-10-13 20:24 诚人小李 阅读(1443) 评论(0) 推荐(0)
FileReader 的了解
摘要：FileReader的解释 异步的读取存储在用户计算机上的文件 创建一个FileReader 对象 FileReader的方法和事件 参数/事件 描述 方法 abort 中断读取 readAsText(file, [encoding]) 将文件读取为文本 该方法有两个参数，其中第二个参数是文本的编码 阅读全文
posted @ 2016-09-08 17:30 诚人小李 阅读(296) 评论(0) 推荐(0)
前端常用规范
摘要：一、规范目的 概述 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档. 所有必须、禁止等词 表示强调，不表示 阅读全文
posted @ 2016-05-23 09:50 诚人小李 阅读(452) 评论(0) 推荐(0)
FontAwesome 奥森图标的学习
摘要：很早之前，就看到大家在使用代码做出很漂亮的图标，但是觉得需求不是很大，所以就没有看，但是技多不压身，这次有时间来学习下。 "FontAwesome官方网站" 1，下载文件包 里面有两个文件夹，css 和 fonts css 下面是主要的css 文件 fonts 下面是一些字体包，文件不小哦 经过我的 阅读全文
posted @ 2016-05-21 18:25 诚人小李 阅读(1051) 评论(0) 推荐(0)
获取iframe 内元素的方法
摘要：1，原生的方法 首先给iframe 设置 id 属性 兼容ie、火狐和谷歌，具体浏览器的版本没有去测试 2,通过jquery 方法获取 不兼容ie 阅读全文
posted @ 2016-05-19 10:51 诚人小李 阅读(672) 评论(0) 推荐(0)
如何给手机端页面添加点击时的样式
摘要：首先在js中添加如下代码， document.body.addEventListener('touchstart',function(){}) 然后在css中，给元素添加:active 伪类样式 阅读全文
posted @ 2016-03-15 12:47 诚人小李 阅读(562) 评论(0) 推荐(0)
前端编辑器 之 sublime-text3
摘要：工善欲其事，必先利其器 作为一名前端工程师，一定要有熟练，便捷的开发工具，虽然自己一直使用神一样的编辑器，但是却没有使用的像神一样，于是再次深入了解下这款工具 下载sublime text 去官网下载sublime，网址 "http://www.sublimetext.com/" 现在一般都是sub 阅读全文
posted @ 2016-03-12 21:19 诚人小李 阅读(279) 评论(0) 推荐(0)
通过js实时检测文本框内容
摘要：思路 1，在获取文本框焦点后，启动定时器，每隔100毫秒来查看文本内容的改变 2，在文本框失去焦点后，清除定时器 下面是一个简单的例子 阅读全文
posted @ 2016-03-10 00:35 诚人小李 阅读(993) 评论(0) 推荐(0)
div置于页面底部
摘要：一直对于页面置底有一些困惑，下面这个例子不知道能不能解决 最后通过实践，这种方法是可以实现的 阅读全文
posted @ 2016-01-19 12:42 诚人小李 阅读(5204) 评论(0) 推荐(1)
通过定时监听input框来实现onkeyup事件-
摘要：问题：因为zepto无法使用onkeyup 事件 解决方法：通过给input框绑定focus 事件，定时的去监听input的值得改变，在鼠标移出input后，清除定时器 阅读全文
posted @ 2015-11-15 21:39 诚人小李 阅读(1690) 评论(0) 推荐(0)
gulp 前端自动化工具
摘要：一开篇在前端开发的过程中，我们经常会碰到压缩、合并、图片script 等，于是就有了gulp 前端自动化构建工具，它能帮你在前端开发中，节省时间。1，安装 node.js因为gulp 构建工具是基于node环境的，那么什么是 node.js呢，下面是官方的解释Node.js 是一个基于 Chrome... 阅读全文
posted @ 2015-11-12 20:25 诚人小李 阅读(340) 评论(0) 推荐(1)
media queries 媒体查询使用
摘要：media queries 翻译过来就是媒体查询，media 指的媒体类型、那么有哪些类型呢，常用的有 screen(屏幕)、打印(print)，个人理解就是它所在的不同终端。常用的用法：1，根据符合的条件，调用相应的样式2，在css中直接使用 媒体特性（判断条件）Media query只接受单个的... 阅读全文
posted @ 2015-07-25 10:35 诚人小李 阅读(374) 评论(0) 推荐(0)
css3之@font-face---再也不用被迫使用web安全字体了
摘要：1，@font-face 的出现在没有css3之前，我们给网页设计字体只能设置web安全字体，使得我们的网页表现看上去好像都是那个样子，那么如果我们想给字体设置web设计者提供的字体呢？没有问题，css中的@font-face 就可以帮助你解决这个问题。原理是通过将字体文件存储到服务器，再需要时被自... 阅读全文
posted @ 2015-07-24 22:32 诚人小李 阅读(1038) 评论(0) 推荐(0)
前端的一些疑问总结01
摘要：1，关于web app（1）em是相对于父元素的字体大小改变的em 称为给定字体的font-size值，如果字体的font-size值为14px，那么对于该元素，1em就等于14pxem 不仅可以设置字体大小，还可以设置宽高，如果H1的字体大小为24px，那么它的左边距1em就等于24px（2）re... 阅读全文
posted @ 2015-07-20 00:55 诚人小李 阅读(283) 评论(0) 推荐(0)
bootstrap 笔记01
摘要：bootstrap源码样式：移除body的margin声明设置body的背景色为白色为排版设置了基本的字体、字号和行高设置全局链接颜色，且当链接处于悬浮“:hover”状态时才会显示下划线样式1， bootstrap.css文件中第407行~第443行2, 段落（正文文本） bootstra... 阅读全文
posted @ 2015-07-19 17:53 诚人小李 阅读(208) 评论(0) 推荐(0)
自定义表单样式之checkbox和radio
摘要：1，起因最近在工作中要实现自定义式的radio样式，而我们通常使用的时默认的样式，因为自己实在想不到解决的方法，于是开始搜索，最终看到了不错的解决办法，可以完美解决我们遇到的问题。2，原理大家都知道在写结构的时候，radio或checkbox都会跟随label一起使用，label的for属性值和in... 阅读全文
posted @ 2015-07-12 18:15 诚人小李 阅读(2212) 评论(0) 推荐(2)
css3 盒模型
摘要：0，前言在css2.1 之前，我们都熟知的两种盒模型，一种是w3c标准盒模型，另外一种是怪异模式下的盒模型。在css3之前我们一直使用的是标准盒模型，但是标准盒模型的宽度总是需要小心的去使用，稍有不甚，有会带来混乱。css3让我们之前了解的怪异模式能够很好的在页面中使用，下面来了解下上面提到的w3c标准盒模型和怪异模式下的盒模型。div { width: 200px; height: 100p... 阅读全文
posted @ 2015-06-14 16:14 诚人小李 阅读(353) 评论(0) 推荐(0)
grunt 构建工具(build tool)初体验
摘要：操作环境：win8 系统，建议使用 git bash （window下的命令行工具）1，安装node.js官网下载：https://nodejs.org/ 直接点击install ，会根据你的操作系统下载对应的 版本检测是否安装 node -v现在我们来运行一个简单的node程序，创建hello.... 阅读全文
posted @ 2015-06-07 11:48 诚人小李 阅读(430) 评论(0) 推荐(0)
使用html5兼容低版本浏览器
摘要：因为html5 新出的一些语义化的标签，在低版本浏览器下不能识别，举个例子，比如你写了一个 header 标签中，写了一段文本，在低版本浏览器下，肯定是能看到的，但是，那是他是不认识 header标签的，只是展示的内容而已，如果你给header添加一个样式，肯定是不可以的，我们要解决的就是让低版本的... 阅读全文
posted @ 2015-06-04 19:00 诚人小李 阅读(2434) 评论(0) 推荐(0)

1 2 下一页