随笔分类 -  前端

Vue+ElementUI构建前端项目
摘要：使用webpack创建，确保本地已安装NodeJS，输入命令： npm install -g vue-cli vue init webpack vueEleUI cd vueEleUI npm run dev 浏览器打开 http://127.0.0.1:8080即可看到默认主页 安装Element 阅读全文
posted @ 2019-09-28 16:10 haxnt 阅读(2080) 评论(0) 推荐(0)
JS判断浏览器是否支持触屏事件
摘要：var hasTouch=function(){ var touchObj={}; touchObj.isSupportTouch = "ontouchend" in document ? true : false; touchObj.isEvent=touchObj.isSupportTouch?‘touchstart‘:‘click‘; ... 阅读全文
posted @ 2017-03-27 09:27 haxnt 阅读(4548) 评论(0) 推荐(0)
Centos 32位 安装 NodeJS
摘要：准备命令： 下载源码及解压： 编译及安装： 验证是否安装配置成功： 阅读全文
posted @ 2017-02-22 11:12 haxnt 阅读(1106) 评论(0) 推荐(0)
HTML5特性之AJAX跨域
摘要：js跨域问题一般会考虑iframe、jsonp。 后端语言设置响应头：header('Access-Control-Allow-Origin:*)，*号表示允许所有域名，可以将*号改为指定允许的访问域名。 阅读全文
posted @ 2017-02-12 16:13 haxnt 阅读(197) 评论(0) 推荐(0)
html5 localstorage本地存储
摘要：什么情况下使用它？一般来说是存储的数据比较多、需长时间保存时使用localStorage。如果使用cookie，cookie存储量有限，且cookie会发送请求到服务器造成不必要的请求。实际项目中可以用来保存用户的皮肤、浏览记录等。 怎么用？ 首先检测浏览器是否支持本地存储。 if(window.l 阅读全文
posted @ 2017-02-12 15:56 haxnt 阅读(130) 评论(0) 推荐(0)
HTML5获取地理位置信息
摘要：Location 阅读全文
posted @ 2017-01-14 09:27 haxnt 阅读(318) 评论(0) 推荐(0)
晨读笔记：CSS3选择器之属性选择器
摘要：一、属性选择器 1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素，如： 2.E[foo$="bar"]:选取属性以bar结尾的元素，如： 3.E[foo*="bar"]:选取属性中含有val值的元素，如： 注：多个属性选择器并列是and关系 阅读全文
posted @ 2017-01-09 08:17 haxnt 阅读(184) 评论(0) 推荐(0)
CSS3选择器之属性选择器
摘要：一、属性选择器 1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素，如： 2.E[foo$="bar"]:选取属性以bar结尾的元素，如： 3.E[foo*="bar"]:选取属性中含有val值的元素，如： 注：多个属性选择器并列是and关系 阅读全文
posted @ 2017-01-09 08:16 haxnt 阅读(235) 评论(0) 推荐(0)
js判断浏览器类型
摘要：使用navigator.userAgent和来判断 PC端： <script type="text/javascript">var ua=navigator.userAgent.toLowerCase();if(ua.match(/webkit/i)){alert("chrome");}else i 阅读全文
posted @ 2017-01-04 20:28 haxnt 阅读(523) 评论(0) 推荐(0)
javascript json字符串与对象相互转换
摘要：在实际项目中，经常遇到字符格式的问题，记下来以便日后方便查看。用到两个函数：JSON.stringify() 和 JSON.parse()。 使用ajax向后台请求数据，后台给前端返回数据，明明后端脚本写的是json函数处理后的json格式，但是前端接收数据时，却时而是object，时而是字符串，令 阅读全文
posted @ 2017-01-04 17:55 haxnt 阅读(235904) 评论(1) 推荐(0)
手机端html5触屏事件(touch事件)
摘要：touchstart：触摸开始的时候触发 touchmove：手指在屏幕上滑动的时候触发 touchend：触摸结束的时候触发 而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）： touches：当前位于屏幕上的所有手指的列表。 targetTouches： 阅读全文
posted @ 2017-01-04 14:35 haxnt 阅读(986) 评论(0) 推荐(0)
CSS display:inline-block
摘要：CSS display:inline-block CSS display:inline-block 在css布局里，我们经常看到代码 「display:inline-block; *display:inline; zoom:1; 」，大多人会说上面的代码只是为了兼容 IE6、7 而已，但是它源于什么 阅读全文
posted @ 2017-01-04 14:32 haxnt 阅读(254) 评论(0) 推荐(0)
CSS:position:fixed使用(转)
摘要：position属性规定元素的定位类型，即建立元素布局所用的定位机制。任何元素都可以定位，不过绝对定位或固定定位元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 position属性值除了默认的static外，还有relative、absolute、 阅读全文
posted @ 2017-01-04 14:30 haxnt 阅读(3980) 评论(0) 推荐(0)
常见浏览器兼容性问题与解决方案【转】
摘要：常见浏览器兼容性问题与解决方案 常见浏览器兼容性问题与解决方案 原文：http://blog.csdn.net/chuyuqing/article/details/37561313/ 原文：http://blog.csdn.net/chuyuqing/article/details/37561313 阅读全文
posted @ 2017-01-01 22:52 haxnt 阅读(237) 评论(0) 推荐(0)
部分浏览器兼容问题
摘要：部分浏览器兼容问题 ● 浏览器兼容问题由来 ○ 由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。 ● 浏览器 阅读全文
posted @ 2017-01-01 22:50 haxnt 阅读(261) 评论(0) 推荐(0)