知识付诸行动才有转换为能力的效果

引语

Flutter 是 Google 研发的 移动 UI 框架，可以快速在iOS和Android上构建高质量的原生用户界面。

Dart

Dart 是 Flutter 的开发语言， 如同 IOS开发用 swift 一样,

Flutter SDK

Flutter SDK里面有什么？

• 深度优化了的、移动优先的2D渲染引擎
• 现代、响应式框架
• 丰富的Android和iOS套件
• 单元和集成测试的API
• 连接到系统和第三方SDK的Interop和插件API
• 无头的测试运行器，用于在Windows、Linux和Mac上运行测试
• 用于创建、构建、测试和编译应用程序的命令行工具

create different public key

Note: blog’s git configuration is global, others is in your project

create different ssh key according to your need

1
2

$ ssh-keygen -t rsa -f ~/.ssh/id_rsa_activehacker -C "jexlab@gmail.com"
$ ssh-keygen -t rsa -f ~/.ssh/id_rsa_jexchan -C "jexchan@gmail.com"

If your command line has no arguments “-f ~/.ssh/id_rsa_activehacker”, as following

1 2	$ ssh-keygen -t rsa -C "jexlab@gmail.com" $ ssh-keygen -t rsa -C "jexchan@gmail.com"

运行上面那条命令后会让输入一个文件名，用于保存刚才生成的 SSH key 代码，此时需要输入完整的绝对路径，或者只输入文件名，在当前目录生成，生成后移动到指定的.ssh文件夹内，如：

1
2

Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/SKS/.ssh/id_rsa): /c/Users/SKS/.ssh/id_rsa_activehacker

写这篇文章的目的就是告诉前端的同学们，ES6 已经是前端程序员必不可少的技能之一，后期再追加 Typescript 的新语法

关键字 async/await 的应用

1. async function 是 Promise 的语法糖封装
2. 异步编程的终极方案 - 以同步的方式写异步
   • await 关键字可以 “暂停” async function 的执行
   • await 关键字可以以同步的写法获取 Promise 的执行结果
   • try-catch 可以获取 await 所得到的错误
3. 一个穿越事件循环存在的 function

引言

react脚手架并不能直接运用到项目中去，需要改造，自己进行了进一步探索，总结创建项目的心酸历程

创建项目的流程

• npx create-react-app jelly3
  备注：你的环境没有全局安装npx，放心，它会自动安装上并执行创建项目的命令
• cd jelly3 切换到自己创建项目根目录下
• yarn eject
• yarn start 启动项目

引言

开始深入研究reactjs，弥补之前的浅尝辄止；一开始自己用官方的项目生成器生成了一个简单的架构，自己从这个简化版逐步加入babel, webpack, eslint 等相关的配置，有兴趣的朋友可以移步 react的基础之上进行引入webpack、eslint、babel的框架搭建, 但是你仔细阅读react项目下的 READEME.md, 你就会发现我绕了远路，其实react提供了 yarn eject 来注入webpack, eslint, label 等相关依赖和配置，可能这就是react给大家提供的 脚手架 吧

需要注意的是：这个命令只能执行一次，而且不可逆转。

虽说自己饶了远路，但是还是学到些东西的，也温习了一些 webpack，babel 的配置和原理等，想亲自动手，亲自实践的朋友按照如下步骤进行就行，我已经为你们绕过了一些坑
比如：babel 升级 6.x 到 7.x, 请参阅 babel 7.x 和 webpack 4.x 配置vue项目, 如果以下步骤有什么不妥之处，欢迎大家给我评论，我会及时修正并回复大家的问题。

原文链接

作者：ziwei3749
https://segmentfault.com/a/1190000012828382

这篇文章的受众

• 第一类,业务需要,急需知道如何深拷贝JS对象的开发者。
• 第二类,希望扎实JS基础,将来好去面试官前秀操作的好学者。

写给第一类读者

你只需要一行黑科技代码就可以实现深拷贝

1
2
3
4
5
6

var copyObj = {
    name: 'ziwei',
    arr : [1,2,3]
}

var targetObj = JSON.parse(JSON.stringify(copyObj))

此时 copyObj.arr !== targetObj.arr 已经实现了深拷贝

别着急走,利用window.JSON的方法做深拷贝存在2个缺点:

• 如果你的对象里有函数,函数无法被拷贝下来
• 无法拷贝copyObj对象原型链上的属性和方法

原文链接

作者：真传X
https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651555898&idx=1&sn=1a523de9728c65c03bc851620a06240e

引言

对于很多前端工程师，很容易进入工作的舒适区，该熟悉的业务已熟悉了，然后就是重复用轮子，这样很容易让自己的成长处于原地打转以及低水平重复的状态。

去年11月，我们累计交流了203人（1-3年的前端工程师，遇到职业瓶颈），有的是主观原因造成的 ，有的是客观原因造成的，本文从客观跟主观两方面进行了总结，帮助大家 自检 。

引言

好多人都已经用Hexo博客框架搭建了自己的博客，而且也部署到了自己的github上（或者是自己的云服务器上），再简单购买一个域名，让别人也可浏览自己的博客。
但是搭建过程中遇到了好多坑，自己的博客代码上传至自己的github上，但是发现除了主题文件夹下的文件，其他都 push 上去了

而自己本地的主题文件夹是有文件的

探索

大家可能想到是因为.gitignore里面忽略了这两个文件夹下的所有文件，但是经过自己的检查，发现并不是这儿的问题，自己的项目的.gitignore内容如下：

引言

图片资源放在本地 source/ 文件夹后，本地服务器浏览时图片正常显示，但部署到 github 上会找不到图片。

究其原因，是图片路径出现问题。开始时自己在 source/ 文件夹下建了 assets 文件夹，专门用于存放文章相关的图片：

1
2
3
4
5

source
    |- _posts
    |- assets
        |- images
            |- image-1.png

使用 markdown 引用图片的方式为

1

![hexo image](../../assets/images/image-1.png)

查看结构，发现部署以后，图片会自动添加日期相关的文件结构目录：

而实际存放的目录是 http://www.sanks-blog.com/assets/images/image-1.png ，导致图片资源访问不到。

为了解决这个问题查了很多资料，才知道原来除了本地存放图片，还可以使用图床。

引语

在VUE中运用 VUE 指令，发现之前的写法存在问题，刷新页面后报错，先贴代码， 再看报错

1
2
3
4
5
6
7
8

// 权限指令
Vue.directive('has', {
    bind: function (el, binding) {
        if (el.parentNode && !Vue.prototype.$_has(binding.value)) {
            el.parentNode.removeChild(el)
        }
    }
})

只要刷新页面会出现如下问题：