HTML5
Sherry慈
研究生毕业后一直从事IT开发工作,从嵌入式硬件到android操作系统,再到android app上层应用,H5开发也有涉及,目前在研究人工智能领域,欢迎回帖交流,愿和好学的你一路前行。
展开
-
一文秒懂 ajax, fetch, axios
1, JavaScript的AjaxAjax的全称是Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求,而不需要重载(刷新)整个页面。Ajax使用XMLHttpRequest对象取得新数据,然后再通过 DOM 将新数据插入到页面中。另外,虽然名字中包含 XML 的成分,但 Ajax 通信与数据格式无关; 这种技术就是无须刷新页面即可从...原创 2019-10-29 18:20:57 · 846 阅读 · 0 评论 -
vue事件点击穿透解决大法
最近在做项目的过程中遇到一个非常奇葩的bug,在h5页面点击一个按钮弹出弹窗,但是这个弹窗刚出现就会自动消失,导致屏幕出现闪动现象,关键这个bug还是偶现的。经过一番研究才发现是vue事件点击穿透引起的,而且弹窗一定要在300ms内出现才会引发这个bug,接下来分析具体原因:一,click与300ms延迟vue框架内置指令v-on:click有300ms的延迟响应,这是为了判断区分单击和双击。...原创 2019-10-12 19:43:46 · 10666 阅读 · 0 评论 -
require.ensure实现webpack按需加载
webpack使用require.ensure将vue页面打包成独立的chunk文件,也可以将多个vue页面合并成一个chunk文件,以实现生产环境按需加载。下面给出官网的require.ensure函数原型:require.ensure( dependencies: String[], callback: function(require), errorCallback: fun...原创 2019-09-17 22:16:31 · 691 阅读 · 0 评论 -
H5进阶之路(一)
有段时间没写东西了,最近在忙着做一个H5改版的项目,忙了将近一个月,终于在本周顺利上线了。刚好利用项目结束的空闲时间将自己这段时间的工作进行整理复盘,给大家分享下我的学习心得。01 内容知识我之前是做Android的,从去年开始断断续续学习H5,但一直不深,最近接手这个项目,也算是边学边做了。我们这边的开发框架是vue,但是直接上手还是有点蒙的,建议使用vue之前先了解下H5的基础知识。首推网...原创 2019-08-30 21:15:47 · 637 阅读 · 2 评论 -
H5元素的水平垂直居中布局总结
1,块级元素设置height和line-height或者text-align: center,可以让块级元素包裹的内联元素或者自身文本内容垂直居中或者水平居中;但是对包裹的块级元素和浮动元素不起作用。2,块级元素包裹块级元素,设置被包裹元素margin: 0 auto达到水平居中,但是设置父元素的height和line-height或者子元素的vertical-align: middle不起作用...原创 2019-07-28 21:37:45 · 3444 阅读 · 0 评论 -
分别用java和javaScript实现md5验签算法
在金融领域,牵涉到下单支付的接口,为了增加接口的安全性(防止中间人攻击),增加md5签名算法。分别用java和javaScript实现,测试签名结果一致,大家可以放心使用。md5验签算法主要有以下几步:1,将请求头head和请求体body合并, 并剔除key值为sign的选项,因为签名本身不参与计算;2,将参数名key按照ASCII码从小到大排序(字典序),参数名区分大小写;3,如果key...原创 2019-07-30 20:43:44 · 831 阅读 · 0 评论 -
H5客户端获取Url参数的方法
一,window.location.href: 获取完整的url链接二,this.$ route.path:前端路由中配置的path三,this.$ route.fullPath:当前页面除去协议,域名后的完整链接四,以对象的形式获取当前Url链接?后面拼接的参数,有以下两种方法:1,this.$route.query2,以函数的形式,函数参数可以不传:function GetRequ...原创 2019-07-25 09:50:37 · 5804 阅读 · 0 评论 -
H5开发代理配置大全
在vue开发中,我们一般都是在浏览器中进行H5页面的绘制和网络请求,等开发完成后再部署到服务器端用手机进行测试。在开发过程中难免遇到用Charles抓取H5页面请求后端数据,更改报文进行不同情况下UI渲染的需求,以下就以Chrome浏览器为例详细介绍怎么实现上述需求。1,运行npm run dev以后浏览器的默认域名是localhost,请求的后端数据也被代理到了相同的域名下,Charles默认...原创 2019-07-08 17:20:09 · 1595 阅读 · 0 评论 -
webpack操作指南 —— 初级篇
刚好最近在自学H5,手动整理了webpack4最基础的入门资料,非常适合像我这种0基础的小白。整个webpack知识内容我将分为初级,中级和高级篇依次呈现给大家。在初级篇中,我从创建一个最基本的package.json文件开始,通过一个非常简单的例子依次讲解webpack的安装,使用和配置,并引入了一些webpack4最新的功能,里面所讲的内容都是我亲自敲代码实践过的,希望可以给大家的学习带来一些...原创 2019-07-01 17:16:38 · 203 阅读 · 0 评论 -
WebStorm设置px转换rem,亲测有效!
为了保证网页的响应式设计,我们在H5开发中用的单位一般都是rem,怎么在WebStorm中设置自动将px转换rem呢?非常简单,只需要安装一个插件即可。步骤:WebStorm ——> Preferences ——> Plugins选中Marketplace,搜索idea px 2 rem,点击安装,然后重启WebStorm在代码中选中xx px,MAC电脑按快捷键option...原创 2019-06-25 19:07:49 · 10417 阅读 · 5 评论 -
JavaScript DOM编程艺术(第2版)读后总结
最近花了整整4天时间看完了JavaScript DOM编程艺术(第2版),这本书讲得是非常底层的DOM操作,读完会对DOM有一个更加深刻的认识。DOM不专属于html网页和javascript,任何支持DOM的程序设计语言都可以使用它,它也可以用来处理任何一种标记语言(比如XML)编写出来的文档。除了标准DOM外,作者还介绍了一些HTML专有属性,比如innerHTML,但是任何时候都可以用标准D...原创 2019-05-30 17:21:11 · 254 阅读 · 0 评论