10 奋飛

我要认证

乐观、勇气、专注、果断、好奇、公正、慎思、真诚、追求极致追求完美、诚信!独立撰写了多个前端专题模块,访问量达百万级。多次负责组织大数据可视化前端架构平台开发工作。对前端新技术、新潮流具有很强的敏锐力和洞察力!

等级
TA的排名 2k+

团队内部分享--工作杂谈(读书推荐)

选择这个主题,更多的是自己这段时间的思考或者说反思,希望有一些观点可以共鸣&共勉,仅此而已~~~下述内容个人感悟(牢骚)颇多,总有些能让大家含沙射影到公司,这不是本意,或者说需要我们和公司一起成长~~~最近自己在工作上的遭遇和感受,这两本书恰到好处的涵盖了,所以,我们从书说起:凤凰项目讲述了一位IT经理临危受命,在未来董事的帮助和自己“三步工作法”理念的支撑下,最终挽救了一家具有悠久历史的汽车配件制造商的故事。小说揭示了管理现代IT组织与管理传统工厂的共通之处,让读者不仅能对如何管.

2020-10-24 18:07:25

掌握 AST,轻松落地关键业务

如果你查看目前任何主流的项目中的 devDependencies,我们不会在生产环境用到,但是它们在开发过程中充当着重要的角色。归纳一下有:javascript转译、代码压缩、css预处理器、elint、pretiier,postcss等。所有的上述工具,不管怎样,都建立在了AST这个巨人的肩膀上,都是 AST 的运用:编辑器的错误提示、代码格式化、代码高亮、代码自动补全;elint、pretiier 对代码错误或风格的检查;webpack 通过 babel 转译 javascript 语法;.

2020-09-24 13:18:53

WebAssembly 小 Demo

意义WebAssembly 是一种新的编码方式,可以在现代的网络浏览器中运行 — 它是一种低级的类汇编语言,具有紧凑的二进制格式,可以接近原生的性能运行,并为诸如 C/C++ 等语言提供一个编译目标,以便它们可以在Web上运行。WebAssembly 被设计为可以和 JavaScript 一起协同工作 — 通过使用 WebAssembly 的 JavaScript API,你可以把 WebAssembly 模块加载到一个 JavaScript 应用中并且在两者之间共享功能。这允许你在同一个应用中利用 W

2020-09-15 13:25:00

干法:经营者应该怎样工作

18年去承德,在图书馆闲逛时,看到了稻盛和夫的『活法』,购买了一本,读完后意犹未尽;然后又在网上搜稻盛和夫的其他书籍,于是就购买了这一本『干法』。买了很久,一直断断续续的读。恰逢近日媳妇生产,在产房外(女儿 ·· 成功于2020年8月19日22点41分顺产)重拾了这本书,痛快读完,颇有收获和感慨。这是一本关于描述工作的书籍,作者的工作观:人生·工作的结果=思维方式×热情×能力。作者对于工作目标是大爱–为社会,为世人。现阶段自己可能很难达到这种境界,只是希望最终可以成为其中一盏灯(一灯照隅,万灯照国),然后

2020-08-29 00:01:50

Thinking--函数式编程pipe&compose

Thinking系列,旨在利用10分钟的时间传达一种可落地的编程思想。业务场景描述:A函数执行完毕后,将结果传递给B函数,然后执行B函数。如:(x+1)∗10(x+1)*10(x+1)∗10// 加1function addOne (x) { return x + 1}// 乘2function multiTwo (x) { return x * 2}链式调用链式调用侧重于 oop 风格:先有对象,再调用对象方法。class Calculate { construct.

2020-08-14 15:38:24

内网畅外网墙--再聊Nginx访问权限管理

接上回,Nginx访问权限管理low address bits of 192.168.101.0/16 are meaningless in /usr/local/nginx/conf/nginx.conf:122location / { allow 192.168.101.0/24; deny all; ...}网关网关在网络层以上实现网络互连,是复杂的网络互连设备。网关既可以用于广域网互连,也可以用于局域网互连。A:IP地址范围 192.168.1.1~192. 168.

2020-07-21 15:45:47

Thinking--函数同时支持 callback & promise

Thinking系列,旨在利用10分钟的时间传达一种可落地的编程思想。function fn (cb?: Function, ctx?: Object) { // 函数内部逻辑 console.log('...') // promise if (!cb && typeof Promise !== 'undefined') { return new Promise(resolve => { resolve(ctx) }) } //.

2020-07-16 18:48:46

10 分钟了解 webpack 核心内容

10 分钟了解 webpack 核心内容直接上手稿了Tapable 是 webpack 核心工具之一,提供了插件接口。webpack 中许多对象扩展自 Tapable 类(如,负责编译的 Compiler 和负责创建 bundles 的 Compilation)。这个类暴露 tap, tapAsync 和 tapPromise 方法,可以使用这些方法,注入自定义的构建步骤,这些步骤将在整个编译过程中不同时机触发。Compiler.js#L104 每一个事件钩子决定了它该如何应用插件的注册cla.

2020-07-11 18:37:23

利用 target=_blank 进行前端钓鱼

为什么大部分国外网站内链接不用 target="_blank"新窗口打开?Google 都是当前窗口打开;Baidu/Bing 都是新窗口打开。用户将无法控制它在本页打开还是新窗口打开。新窗口打开使任务栏更加地拥挤。新窗口打开增加浏览器资源的消耗。新窗口打开是后退按钮变得不可用。用户更加期望新页面在当页载入以上,并不是我们讨论的重点!作为安全公司,我们关注重点在于安全、安全、安全!涉及内容:<a href="https://ligang.blog.csdn.net" ta.

2020-06-16 19:53:13

从npm、npx说起,到shell

背景:目前整个我们前端工程栈有多处 CLI(包括工具、模板等等),CLI 带来了巨大的便利性,但其在 Windows 下执行往往和 Mac/Unix 系统下表现不同。今天想从 npm run <command> 命令开始,尽可能的阐述一下整条链~~~npmscript项目的相关脚本,可以集中在一个地方(这里指入口)以利用 npm 提供的很多辅助功能,以及不同项目的脚本命令,只要功能相同,就可以有同样的对外接口(如 npm run test,不管是 mocha 还会 jasmine.

2020-06-12 15:37:02

最佳实践:vue弹窗及滑块响应式

下述为项目中弹窗/滑块统一处理方式汇总(下述已 el-dialog 为例)演示环境:https://eugvd.csb.app/Demo 地址:https://codesandbox.io/s/thirsty-sun-eugvd?file=/src/components/User.vue:2122-2497DOM 结构方式1. (推荐1:直接注入数据「详情」) el-dialog 壳子在外,内容单独组件,后续组件可以替换为其他壳子<template> <el-dialog

2020-06-03 23:26:27

vue组件对象字面量传值的注意啦!

前面汇总过 「vue组件引用传值的最佳实践」,对于 vue2 版本存在一个严重的性能问题,需要格外注意:对象字面量的传递vue-props-传入一个对象<!-- 即便对象是静态的,我们仍然需要 `v-bind` 来告诉 Vue --><!-- 这是一个 JavaScript 表达式而不是一个字符串。--><blog-post v-bind:author="{ name: 'Veronica', company: 'Veridian Dynamics

2020-05-19 23:33:05

最佳实践:vue组件引用传值

下述组件传值指引用类型(数组或对象)传值。准备:单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生变更时,子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了,Vue 会在浏览器的控制台中发出警告。这个 prop 用来传递一个初始值;这个子组件接下

2020-05-18 23:17:41

npm并行&串行执行多个scripts命令

通过npm run <commander> 可以运行 package.json 中脚本,Npm 命令不能提供立即运行多个脚本的方式,同时运行需要打开多个终端窗口npm scriptsnode_modules/.bin 目录下的命令,可以直接在 scripts 中调用利用一些脚本生命周期时间"scripts": { "preinstall": "./configure...

2020-05-03 22:17:33

Thinking--return退出多重循环

Thinking系列,旨在利用10分钟的时间传达一种可落地的编程思想。假设在函数体内有一个两重循环语句,需要在内层循环中判断,当到达某个临界条件时退出外层循环。方式一:引入控制标记变量function test1 () { let isBreak = false for (let i = 0; i < 10; i++) { for (let j = 0; j &lt...

2020-04-23 22:46:33

动态执行脚本

提到动态执行脚本,大家想到的肯定是 eval 或 new Function(),在 nodejs 中有专属的 vm 模块,可以完成相应的 sandbox 作用。浏览器中动态执行脚本eval()函数会将传入的字符串当做 JavaScript 代码进行执行,返回字符串中代码的返回值;如果参数不是字符串将原封不动返回。如果你间接的使用 eval(),比如通过一个引用来调用它,而不是直接的调用 e...

2020-04-12 23:55:53

清明节网站变灰是如何实现的

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院今天发布公告,决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。各大网站响应国家号召,将页面色调变为了灰色。作为一个技术仔,特别是前端技术仔必须一探究竟。取证图片本身依然是彩色,但呈现...

2020-04-04 21:56:17

Gitlab--CI执行用户问题

19年团队使用了 Gitlab-CI,做一些自动构建流程。最近团队小伙伴自己尝试搭建流程,参照了我之前发的文章 – Gitlab–CI。但过程中,遇到了用户执行权限的问题。于是有了下面的内容…问题描述按照文章(https://ligang.blog.csdn.net/article/details/89785856)中说明,操作完成发现了权限问题。问题复盘首先要明确,CI 默认执行用户...

2020-04-04 20:25:17

setTimeout/setInterval delay数值过大问题

delay 参数将转换为带符号的32位整数,这有效地将延迟限制为 2147483647 ms(约 24.8 天)2147483647 === Math.pow(2, 31) - 1 === parseInt('01111111111111111111111111111111', 2)在nodejs和浏览器中执行的情况有所差异Nodejs 中setInterval(callback, de...

2020-03-31 00:44:46

文件权限777

最近,在使用 pkg 对 vue 工程进行打包生成二进制可执行文件过程中,在传输生成的可执行文件中,在其他小伙伴电脑上无法运行,报错:~ /Users/xxx/Desktop/fusion-smartV-mockzsh: permission denied: /Users/xxx/Desktop/fusion-smartV-mock究其原因,文件没有可执行权限(-rw-r--r--);所以...

2020-03-17 22:39:16

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • 脉脉勋章
    脉脉勋章
    绑定脉脉第三方账户获得
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 1024勋章
    1024勋章
    #1024程序员节#连续参与两年活动升级勋章,当日发布原创博客即可获得