franki Blog

make a small progress every day

async-await用法实践

解决回调难题，优化promise 直接进入主题 async awiat 用于解决回调地狱的问题，进一步优化promise而创造出来的 async 用于声明是一个异步的函数，主要是用于将函数结果封装未promise，如Promise.resolve(res),若res是个直接值则封装为promise，若是undefined，则直接就返回了； await 主要作用是等待promise的返回...

Posted by franki on July 31, 2018

HTML-CSS-JS 基础知识

html css javascript 基础回顾 HTML & CSS 部分 HTML lable 标签有什么用 label主要作用于表单填写，当用点击了标签，就会聚焦到绑定的输入框 eg: <label for="Name">username</lable> <input type="text" name="Name" id="Name" /&...

Posted by franki on July 1, 2018

进阶javascript之我见

前端在变，框架在变，但有个东西永远都不会过时，那就是掌握了javascript，才能更好掌控未来用原生js实现bind方法返回一个永远指向传入对象的函数 Function.prototype.bind = function(context) { var self = this; return function() { return self.appl...

Posted by franki on June 14, 2018

编写高质量JavaScript的基本要点

每个开发者常常会遇到需求三不五时地变更，对于代码的改动也是非常频繁的，这个时候代码的健壮性、可读性就异常重要了，推倒重来的做法无疑是最低效的。书写可维护的代码(writing Maintainable Code) 大家都知道，软件bug的修复是昂贵的，并且随着时间的推移，这些bug的成本会增加，当你发现它的时候立即修改它最好不过了，但是当你有其他任务忘记了此bug的修改，忘了那个特...

Posted by franki on May 11, 2018

浅谈ES6

ES6出现了有一段时间，有点属于老生常谈了，毕竟ES7的提案都在成为标准，今天好好谈谈ES6给学习、工作带来的便利！模板字符串(Template Literals) 模板字符串的出现，比以前的字符串拼接来的简单直接。可以用${name}插入变量。具体表现如下： var fName = "jogh"; var sName = "bob"; es5: var a = "my ...

Posted by franki on April 3, 2018

H5移动端开发问题汇总及解决方案

ios: DOM元素一边固定，另一边滚动，滚动卡顿 // 最简单粗暴的方式，就是添加以下样式属性 -webkit-overflow-scrolling: touch; 部分手机第三方输入法会将页面往上挤 const interval = setInterval(() => {document.body.scrollTop = 0;}, 100) //关闭页面或销毁组件时别忘记清...

Posted by franki on April 2, 2018

第一篇博客

　　你好，2018，这是我的第一篇博客。

Posted by franki on April 1, 2018