首页 > TAG信息列表 > 躬行

前端利器躬行记(8)——VSCode插件研发

  VSCode提供了丰富的 API,可以借助编辑器扩展许多定制功能。   本次研发了一款名为 Search Method 的插件,在此记录整个研发过程。 一、准备工作 1)安装环境   首先是全局安装 yo 和 generator-code 两个库,我本地全局安装了 cnpm,所以用它来安装。 npm install yo generator

Web优化躬行记(6)——优化闭环实践

  在遇到一个页面性能问题时,我理解的优化闭环是:分析、策略、验证和沉淀。 分析需要有分析数据,因此得有一个性能监控管理。 策略就是制订针对性的优化方案,解决当前遇到的问题。 验证的对象上述策略,判断方案是否有效,同样需要数据支撑。 沉淀就是将解决过程文档化、通用化,能够总结

纸上得来终觉浅,绝知此事要躬行

学一门新技术,牢固掌握,不动手是不行的,走马观花式的学,只是皮毛,过一段时间全部忘记,虚假的努力,把时间浪费了,也没学到东西。学技术得实际动手,踩坑避难,虽然慢,但是能够真正掌握。古人的话还是非常有道理的,今后学技术还是要扎实来,不怕慢,就怕不进步,荒废。接下来要学习的技术罗列下: red

躬行算法之最小的最大值

本文同时发布于我的个人网站 https://lomagicode.com/blog/algorithm-min-max-value/ 最近看到这样一道面试题,求最小的最大值,觉得挺有意思,在这里分享下。 描述 给定一个数组 a,包含 n 个整数。再给定一个整数 k,可以给数据中任意整数加 1,总共可以加 k 次。加完 k 次之后,找出数组中的

线程状态的一点思考

关于多线程的线程状态,坊间有很多种说法。在看过很多博客、书籍、视频、动手实践后,同时,也请教过一些阿里的大佬以及韩顺平老师。我认为下图是最好的线程状态流转图。 希望想彻底搞懂多线程的小伙伴们,能认认真真读下四点要领: 第一:阅读源码的Thread类的State枚举类; 第二:不要只

Node.js躬行记(9)——微前端实践

  后台管理系统使用的是umi框架,随着公司业务的发展,目前已经变成了一个巨石应用,越来越难维护,有必要对其进行拆分了。   计划是从市面上挑选一个成熟的微前端框架,首先选择的是 icestark,虽然文档中有说明umi框架的改造,但版本得是 3 以上。   而当前我们自己使用的版本是 1,差了

Node.js躬行记(8)——通用接口

一、GraphQL   最近服务端的同事分享了GraphQL,他分享的目的就是要把我们与他们的数据库隔离,这么做我们也求之不得。   我们组目前维护着一个后台管理系统,会直接读取数据库中的表,如果能隔离的话,就不需要写Model文件了。   后面再进一步了解后,明白了服务端推这个GraphQL的用意

纸上得来终觉浅,绝知此事要躬行

这个作业属于哪个课程 2021春软工实践|W班 (福州大学) 这个作业的要求在哪里 软件工程实践总结&个人技术博客 这个作业的目标 回顾课程与总结、个人技术总结 其他参考文献 无 目录第一部分:课程回顾与总结问题回顾问题博客链接问题做中学需求阶段设计阶段实现阶段测

冬夜读书示子律

在ITPUB上看帖子的时候,有个网友的回复就是标题中的一句诗:纸上得来终觉浅,绝知此事要躬行。 为弄明白这首诗的含义,我GOOGLE了,在百度知道中找到相关解释。觉得其中的意思比较适合我目前的状态。 以下转载自百度知道。 《冬夜读书示子律》 陆游 古人学问无遗力, 少壮功夫老始成。 纸

个人总结-纸上得来终觉浅,绝知此事要躬行

做了哪些作业 软件工程与UML第一次作业 第一次个人编程作业:我的分数我做主 第二次个人编程作业:代码互改 第一次结对作业 结对作业1:第一次结对作业:原型设计 结对作业2:班级成绩表 第三次结对作业:需求建模练习 码上收集007 ——团队展示 团队作业第二次 —— 项目介绍 团队作业

Node.js躬行记(5)——定时任务的调试

  最近做一个活动,需要用到定时任务,于是使用了 node-schedule 库。   用法很简单,就是可配置开始、结束时间,以及重复执行的时间点,如下所示,从2020-12-23T09:00:00Z开始,每10分钟执行一次,直至2020-12-23T09:30:30Z结束。 schedule.scheduleJob({ start: '2020-12-23T09:00:00Z

数据结构躬行记9_散列表&快速排序

散列表 概念 散列表,又称杂凑表,是一种十分实用的查找技术,具有极高的查找效率。其基本思想是根据 关键码值(查找码)与表项存储位置的映射关系,进行高效、精确的查找。查找效率与散列函数的 计算复杂度、冲突解决方案的使用有直接的关系。散列查找是根据关键码(查找码)与表项存储位 置的映

数据结构和算法躬行记(3)——二叉树

  树是一种非线性表数据结构,树的基本概念如下所列。   (1)结点高度:结点到叶子结点的最长路径(即边数)。例题:112. 路径总和。   (2)结点深度:根结点到这个结点所经历的边的个数。例题:104. 二叉树的最大深度。   (3)结点层数:结点深度加 1。   (4)树的高度:根结点的高度。例题:面试题 04

Web优化躬行记(4)——用户体验和工具

一、用户体验   用户体验(UE/UX)是指一个人使用一个特定产品、系统或服务时的行为、情绪与态度,还包含用户对于系统的功能、易用和效率的感受,因此用户体验在本质上可以视为一个人对于系统的主观感受与主观想法。   用户体验是动态的,由于不断变化的使用情况、不停变化的各个系统,以

Web优化躬行记(2)——JavaScript

一、语言 1)慎用全局变量   当变量暴露在全局作用域中时,由于全局作用域比较复杂,因此查找会比较慢。   并且还有可能污染window对象,覆盖之前所赋的值,发生意想不到的错误。 0 == '' //true 0 == '0' //false 3)简写   简写的方式很多,此处只会列举其中的几种,例如用三目

CSS躬行记(4)——浮动形状

原文:CSS躬行记(4)——浮动形状   CSS规范新增了一个模块:CSS Shapes,shape-outside属性属于该模块,它能影响浮动元素周边内容流的形状(即浮动形状),可接收三类值:形状盒子、函数和图像。 一、形状盒子   形状盒子(shape box)会指定形状的边界,既能单独使用,也能与另外两类值组合使用,可

CSS躬行记(3)——CSS属性拾遗

原文:CSS躬行记(3)——CSS属性拾遗 一、粘滞定位   粘滞定位(sticky)与相对定位类似,既不会脱离正常流,也不会改变元素盒类型,并且会保留原先所占的空间。它会相对于包含块偏移,它的包含块分为两种,第一种和绝对定位一样;第二种是最近的滚动祖先,即overflow属性是hidden、scroll、auto

Vue躬行记(7)——渲染函数和JSX

  除了可通过模板创建HTML之外,Vue还提供了渲染函数和JSX,前者的编码自由度很高,后者对于开发过React的人来说会很熟悉。注意,Vue的模板最终都会被编译成渲染函数。 一、渲染函数   虽然在大部分场景中,都会选择直观而清晰的模板,但遇到一些复杂的场景时,就不得不使用渲染函数render(

Vue躬行记(2)——指令

  Vue不仅内置了各类指令,包括条件渲染、事件处理等,还能注册自定义指令。 一、条件渲染   条件渲染的指令包括v-if、v-else、v-else-if和v-show。 1)v-if   该指令的功能和条件语句中的if类似,可根据表达式的计算结果,判断是否渲染分支中的元素和它所包含的子元素。在下面的示例

React躬行记(10)——高阶组件

  高阶组件(High Order Component,简称HOC)不是一个真的组件,而是一个没有副作用的纯函数,以组件作为参数,返回一个功能增强的新组件,在很多第三方库(例如Redux、Relay等)中都有高阶组件的身影。由于遵循了装饰者模式的设计思想,因此不会入侵传递进来的原组件,而是对其进行抽象、包装和拓展,

React躬行记(4)——生命周期

  组件的生命周期(Life Cycle)包含三个阶段:挂载(Mounting)、更新(Updating)和卸载(Unmounting),在每个阶段都会有相应的回调方法(也叫钩子)可供选择,从而能更好的控制组件的行为。 一、挂载   在这个阶段,组件会完成它的首次渲染,先执行初始化,再被挂载到真实的DOM中,其中依次调用的方法有const

ES6躬行记(20)——类

  ES6正式将类(Class)的概念在语法层面标准化,今后不必再用构造函数模拟类的行为。而ES6引入的类本质上只是个语法糖(即代码更为简洁、语义更为清晰),其大部分功能(例如继承、封装和复用等)均可在ES5中实现,只不过现在能用更符合面向对象的语法来操作类。但诸如接口、protected修饰符等一

ES6躬行记(11)——对象

  在第5篇中,讲解了多个对象字面量的改进,本节将重点介绍两个新增的静态方法,以及对象属性的重复处理和枚举顺序。 一、Object.is()   此方法用于判断两个值是否相同,内部实现了SameValue算法,其行为类似于全等(===)比较,但它认为两个NaN是相等的,而+0和-0却是不等的。Object.is()和全等

ES6躬行记(10)——正则表达式

  在ES5中,如果使用构造函数RegExp()初始化RegExp对象(即正则表达式),并且它的第一个参数是正则表达式时,那么不允许再传入标志字符串(即第二个参数)。而ES6更改了这项限制,如果传入了第二个参数,那么就会取代第一个参数中的标志,如下所示。 var reg = new RegExp(/\w/g, "i");reg.toStrin

ES6躬行记(9)——字符串

  在介绍字符串之前,有必要先了解一点Unicode的基础知识,有助于理解ES6提供的新功能和新特性。 一、Unicode   Unicode是一种字符集(即多个字符的集合),它的目标是涵盖世界上的所有字符,为其提供唯一的标识符,这个标识符叫做码位或码点(Code Point)。码位既可以用一个从0开始计算的数值