- 博客(80)
- 收藏
- 关注
RSS订阅原创 《都在用的商务精英礼仪》读书笔记
文章目录前言一、出门有形1.1 “55387”定律1.2 服饰礼仪最基本的要求1.3 着装四要素——“TPOR”原则1.4 饰品选择原则1.5 商务精英的基本仪态要求1.6 自毁形象的几个细节1.7 眼神看哪里？1.8 社交距离二、交往有节2.1 邓巴数法则2.2 常见的见面致意方式2.3 称呼类别2.4 迎三送七2.5 拜访的规矩2.6 去GF家做客注意事项2.7 送礼指南2.8 传递物品的小细节2.9 接电话的注意事项2.10 线上交流注意事项三、说话有度3.1 商务接待“五不谈”3.2 职场沟通“三不
2022-02-26 23:46:41
1128
原创 结构化表达
本文属于个人学习笔记，核心内容源于《结构化表达——如何汇报工作、演讲与写作》，主要罗列了书中的一些核心概念，如果想要了解详细内容，请自行购买图书进行阅读了解。
2022-02-19 10:38:53
7078
原创 03 脚手架核心流程开发
文章目录收获主要内容关键词学习方法注意事项收获架构设计和技术方案设计全过程脚手架执行核心流程和commander框架如何让Node项目支持ES Module主要内容脚手架需求分析和架构设计脚手架模块拆分策略和core模块技术方案脚手架执行准备过程实现脚手架命令注册实现（基于commander）Node项目如何支持ES Module关键词脚手架 - 脚手架需求分析和架构设计架构设计-图解架构设计图+绘图技巧commander - 脚手架开发框架学习方法学以致用：将
2022-02-13 12:12:22
465
原创 脚手架的开发流程
文章目录前言一、开发流程二、使用流程脚手架开发难点解析总结前言这是一篇关于脚手架搭建流程的学习日志，仅供参考学习一、开发流程创建npm项目创建脚手架入口文件，最上方添加解析注释：#!/usr/bin/env node配制package.json，添加bin属性编写脚手架代码将脚手架发布到npm二、使用流程安装脚手架npm install -g your-test-cli使用脚手架your-test-cli脚手架开发难点解析分包：将复杂的系统拆分为若干
2022-02-06 22:00:17
1323
原创 02-2.4 脚手架的实现原理
脚手架实现原理学习脚手架实现原理前的3个问题：为什么全局安装的@vue/cli会添加命令vue？npm install -g @vue/cli全局安装@vue/cli时发生了什么？执行vue命令时发生了什么？为什么vue指向一个js文件，我们却可以直接通过vue命令去执行它？脚手架原理进阶掌握问题的答案后，我们继续深入：为什么说脚手架本质是操作系统的客户端？它和我们在PC上安装的应用/软件有什么区别？如何为node脚手架命令创建别名？描述脚手架命令执行的全过程拓展以下两
2022-02-06 16:52:40
602
原创 02-脚手架架构设计和框架搭建
将收货什么脚手架的实现原理Lerna的常见用法架构设计技巧和架构图绘制方法主要内容学习如何以架构师的角度思考基础架构问题多package项目管理痛点和解决方案，基于Lerna脚手架框架搭建test-cli脚手架需求分析和架构设计，架构设计图脚手架调试技巧Lerna源码分析node的module模块肥西yargs使用方法剖析Lerna架构设计关键词脚手架-掌握脚手架原理和开发全流程Lerna-解决多package项目管理痛点架构设计-学些大厂基础架构设计思路学习方
2022-02-06 11:26:59
252
原创 技术方案文档设计如何写
关于技术方案设计文档为何难写？没有规范可依不常写如何写，技巧：随意一些，描述一下自己将如何做就行可以尝试写一部分代码，捋一捋思路，再来写文档用笔在纸上写个大概的交互流程写设计文档是浪费时间吗？如果你真的想明白了，最多浪费1-2小时，不会导致项目延期（至少没听说过项目延期是以小时计算的，通常都是按天的）如果你写不出来，说明你压根没想明白，正好暴露了你的问题所在文档目录需求背景：把需求文档贴上范围：整体设计，没有细节模块设计模块拆分和关系图各个模块的功能解释特殊
2022-02-06 11:07:07
206
原创 浅层&深层需求
浅层需求在解读需求、深入理解业务的时候，务必记住：需求指导设计，设计指导开发。表面的需求其实很简单：登录创建一个作品、编辑、修改、删除、发布访问作品用户信息登录（登录方式）注册获取用户信息作品创建保存发布获取作品信息获取作品列表模板模板列表使用模板创建一句话概括“几乎不用思考就能理的，显而易见的需求”。深层需求与浅层需求相比，那些不容易一眼看到的，但却很重要的需求作品的管理删除和恢复转增（例如，员工离职交接工作）复制作品统计（埋点
2022-02-06 10:44:41
438
原创 01-3.1 需求设计
脱离业务的架构就是耍流氓，架构师必须要深入理解需求、参与需求、看透需求背后的业务本质。主要产出熟悉产品需求学会一架构师的思维分析需求全局思维、整体思维、闭环思维主要内容如何以架构师思维分析需求项目的浅层需求项目的深度需求需求总览注意事项对待需求要有内心，不要一心只想着写代码技术永远都是为业务服务的，分析甲方乙方需求即业务，无业务不架构，坚信这一点我眼中的产品研发流程...
2022-02-06 10:21:39
55
原创 01-需求和架构设计
收获什么规范的产品研发流程熟悉产品需求学会以架构师的思维分析需求、理解需求《整体技术方案设计》文档学会如何写技术方案设计主要内容学习如何以架构师思维分析需求由浅入深的需求分析架构设计-多项目的关系核心数据结构设计写《技术方案设计》文档关键词流程图-分析需求的工具全局思维、整体思维、闭环思维-架构师思维来分析需求业务组件库-独立拆分出来，复用自定义事件统计-业务的重要性，如何实现学习方法要有耐心，不要一心想着写代码，觉得需求和设计不重要抛开你固有的程序员思维
2022-02-06 09:26:43
329
原创 git 项目管理常用操作流程
用git管理项目的好处我在这里就不再描述了，以我多年的开发经验，总结了一下常规的git项目管理流程如下：初次创建项目常用操作流程在github上创建项目，可参考《GitHub项目管理基本操作》clone项目到本地(git clone https://github.com/loushengyue/hello-world.git)编辑内容（在克隆下来的文件夹hello-world内创建或者粘...
2019-04-05 10:06:49
4270
1
原创 git add 是什么意思？（将内容从工作目录添加到暂存区）
git add到底是什么意思？用官方的话就是：跟踪新文件，或者说将内容从工作目录添加到暂存区。用生活当中的一个案例来解释就是：git add 就好比如您去超市购物，用购物车装了一大车的商品（类似于修改过的文件），然后去收银台结账，由于您一次性挑选的商品比较多，你有可能要犹豫一下到底要不要全部买下来；这时候，你可以一件件的将商品拿到收银员那里去扫码计价结算（类似与 git add fileA,...
2019-03-08 23:04:02
11621
原创 .gitignore配置 git 忽略文件配置
忽略文件一般我们总会有些文件无需纳入 Git 的管理，也不希望它们总出现在未跟踪文件列表。 通常都是些自动生成的文件，比如日志文件，或者编译过程中创建的临时文件等。 在这种情况下，我们可以创建一个名为 .gitignore 的文件，列出要忽略的文件模式。创建.gitignore文件很多人恐怕在第一步就卡住了，比如“创建.gitignore文件”（因为用我们常规的鼠标右键的方式是无法实现的...
2019-03-08 22:10:03
715
原创 git config 配置修改
Git 配置文件 Git 自带一个 git config 的工具来帮助设置控制 Git 外观和行为的配置变量。 这些变量存储在三个不同的位置：/etc/gitconfig 文件: 包含系统上每一个用户及他们仓库的通用配置。 如果使用带有 --system 选项的 git config 时，它会从此文件读写配置变量。~/.gitconfig 或 ~/.config/git/config 文...
2019-03-08 21:27:59
28672
原创 npm 发布流程 npm 包发布 node_modules 发布
简介本项目主要描述了npm包发布流程，仅作为小白学习npm发布学习使用。流程在GitHub上创建一个项目（例如：test-projects）克隆（git clone)到本地npm初始化（npm init）注册npm账号及登录npm（如果您没有npm账号的话）命令行登录npm账号npm包发布（npm publish --access=public)npm包版本更新删除包(如果你...
2019-02-12 22:06:49
4882
1
原创 常用git命令 （使用频率最高的15个）
通过我多年的工作经验总结出Git版本管理常用的15个命令(命令详情，请点击命令的链接)如下：Git 命令功能简介git clone克隆现有的仓库git config从几个特定的配置文件中读取和写入配置值，以便你可以从全局或者针对特定的仓库来进行设置git add将内容从工作目录添加到暂存区（或称为索引（index）区）git status将为你展...
2019-01-24 14:43:57
447
1
原创 js 色卡 （javascript 色卡 hsv 色卡 hsb 色卡）
效果实例：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &a
2019-01-17 14:49:44
4783
原创 HSB(HSV) 转 RGB 颜色 （js转换公式）
HSB(HSV)概念HSB又称HSV，表示一种颜色模式：在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B（brightness）表示亮度HSB模式对应的媒介是人眼。HSB模式中S和B呈现的数值越高，饱和度明度越高，页面色彩强烈艳丽，对视觉刺激是迅速的，醒目的效果，但不益于长时间的观看。色相（H,hue）：在0~360°的标准色轮上，色相是按位置度量的。在...
2019-01-17 11:46:25
10425
1
原创 JavaScript 如何判断变量（数据）类型
JavaScript 如何判断变量（数据）类型JavaScript 常见数据类型（7类）通过 typeof 来判断通过 instanceof 来判断通过 toString 来判断（推荐做法）JavaScript 常见数据类型（7类）字符串数字布尔数组对象NullUndefined值类型的有：字符串、数字、布尔、Undefined引用类型：数组、对象、Null通过 type...
2018-10-29 22:02:08
4724
原创 vue vue-cli @vue/cli将px转换成rem单位配置(flexible,px2rem)
序 与原来的vue-cli 2.x版本不同的是：如果使用最新版本的@vue/cli初始化vue项目时，通常看不到webpack的配制文件，在原来的2.x版本，我们本可以轻松配制px2rem相关配置。为了解决这个问题，我研究了一下vue-cli的官方文档，发现我们仍然可以像以往那样配制。具体步骤如下：1. 安装 安装lib-flexible：npm install --save ...
2018-06-30 15:59:11
7566
5
原创 es6 箭头函数的基本用法
学习箭头函数的方法 箭头函数作为 ES6 关于函数扩展方面的一大特性，其实是很好了解和掌握的，即通过对比 ES6 和 ES5 规范下函数的写法上的区别便可快速入手。案例展示 例一（无参数并返回简单数据类型的函数）：//es6的箭头函数let fn = () => 'hello world';console.log(fn()); //hello world/...
2018-06-07 21:57:21
721
原创 es6 变量解构赋值的基本用法
变量解构赋值 ES6 变量的解构赋值本质上是“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予匹配的右边的值，如果匹配不成功变量的值就等于undefined。数组解构赋值 数组解构赋值的匹配方式是“下标”。 例一： let [a, b, o] = ['apple', 'banana', 'orange']; console.log(a, b,...
2018-06-07 21:10:40
322
原创 es6 块级作用域的基本用法
块级作用域的概念 根据 w3c 的规定，JavaScript 代码块是这样解释的：JavaScript 语句通过代码块的形式进行组合。块由左花括号开始，由右花括号结束。块的作用是使语句序列一起执行。JavaScript 函数是将语句组合在块中的典型例子。 ES6 在这个基础上引申出来一个叫做“块级作用域”的概念，即“ {} 中间的部分是一个块级作用域”。例如：for 循环...
2018-06-05 00:17:48
2232
原创 es6 let命令的基本用法
es6 let命令的基本用法let命令的定义 首先，let 命令是 ES6 新增的，也是用来声明变量的，但它与 var 不同的是：“只在 let 命令所在的代码块内有效”。换一句话说就是：“let 命令声明的变量只在当前作用域内有效（包括它的子作用域）”。那么结合它的特征概括起来就是：“let 是 ES6 用来声明只在当前作用域内有效，不存在变量提升，不能重复声明的，会形成暂时性死区...
2018-06-04 22:24:29
509
原创 axios vue-axios post请求php无结果问题解决方法
序 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios特征从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装在项目根目录执行以下命令...
2018-04-12 22:25:36
2751
2
原创 gulp-less gulp打包处理less
序关于less： Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。 Less 扩充了 CSS 语言，增加了诸如变量、混合（mixin）、运算、函数等。 Les...
2018-04-10 18:12:47
2441
原创 gulp-css gulp打包处理css
序到底有没有一个gulp-css的插件呢？答案是：yes。不过呢，我们打包css并不需要它。详细操作，请看下文！gulp基本安装安装有node.js+npm+git-bash的window x64系统电脑安装命令：$ npm i -g gulp$ mkdir css-project && cd css-project$ npm init -y$ npm...
2018-04-10 16:27:25
3384
原创 gulp 安装与入门
序gulp是什么？ Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。入门指南...
2018-04-10 13:53:26
1883
原创 angularjs http 请求 php 无数据解决办法
序虽然angularjs自带http请求，但是当它的后台为php时，我们往往拿不到想要的数据（相同的请求用jQuery能正确返回结果）。其实这是因为angularjs默认的请求方式不适合php接收而已。因此我们需要修改或者使用其他的请求方式来实现与后台的交互。$http默认请求头信息 $http服务将会给所有请求自动创建HTTP头。这个默认设置能完全的通过访问$httpProv...
2018-04-05 17:06:46
584
原创 angularjs service 自定义服务
序在学习service之前，我们应该了解这个“service”是用来干嘛的。其实，这个service就好比如现实生活中的“服务”，例如：理发服务、洗脚服务……那么angularjs的服务有是干嘛的呢？在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务（比如：$location 服务，它可以返回当前页面的 URL ...
2018-04-05 10:04:19
371
原创 angularjs factory (工厂服务)
序angularjs的工厂服务通常用来构造一些公共数据和方法，它可以在任意一个控制器或指令里调用，从而实现数据公用。简单用法这是一个模拟试验用的demo，事实上不会这么使用。index.html<!DOCTYPE html><html lang="en"><head> <meta http-equiv="conten...
2018-04-04 19:52:49
2559
原创 angularjs 自定义指令 directive
序本文描述的是一个已经“过时”的框架angularjs的指令相关知识点，仅作为学习参考，如有不对敬请谅解。指令调用方式restrict是申明标识符在模板中作为元素，属性，类，注释或组合，如何使用。 字母 风格 示例 E 元素 <app-hello></app-hello> A 属性 <div app...
2018-04-04 17:54:02
273
原创 less预编译css基础语法
序 作为一种 CSS 扩展, Less 不仅向后兼容 CSS, 它还使用现有的 CSS 语法新增了额外的特性. 这使得学习 Less 更轻松, 一旦有任何问题，可以随时退回使用标准的 CSS。为什么要学习less，sass等预编译语言？因为高效，便捷，复用，利于维护……安装一. 菜鸟方式 koala官网：http://koala-app.com/index-zh...
2018-03-29 19:13:29
345
1
原创 lsy-storages 插件的使用方法
序这是一个关于浏览器web storage存储（cookie，sessionStorage，localStorage）的npmjs插件，它增加并完善了原有API功能。该插件融合了LsyCookie, LsySession, LsyStorage 三个插件的所有功能。lsy-storages 在webpack+es6开发环境下的使用方法安装$ npm install lsy-st...
2018-03-17 16:20:42
328
原创 nodejs下载 nodejs 安装
序 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。nodejs下载nodejs官网： https://nodejs.org/en/当前最高版本v8.10.0下载：点击下载...
2018-03-07 18:39:03
541
原创 一天轻松搞定ECMAScript 6.0（简称 ES6）入门
序 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。由于es6越来越重要，已经成为了web前端开发者必备知识。为了能够快速的入门，这里总结了一些基本方法作为参考学习，希望有所帮助。如果想了解更多，还要靠慢慢...
2018-03-07 10:29:55
1856
1
原创 angular 单页应用目录搭建 v1.6.9
序虽然说angular 1.x 的时代已经过去，但是用angular v1.6.9搭建一个简单的单页应用项目作为模块化开发思想的学习手段还是很有帮助的。下面就是用angular v1.6.9搭建的一个单页应用。项目目录一个好的项目目录有助于我们更好的管理开发资源文件，好的开发目录通常将各类资源文件分别存放，并且文件命名也有一定的规律。方式一（不打包）在不需要打包的情况下...
2018-03-03 17:08:37
708
原创 angular 控制器的定义与重命名 v1.6.9
序 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。控制器声明方法一（官方写法）<!DOCTYPE html><html lang="en"><head> <m...
2018-03-01 18:19:42
583
原创 angularjs 路由配制之 angular-ui-router v1.0.3
序由于我们的实际开发过程中，通常需要二级或者三级子菜单，这时候就需要实现“子路由”，而angular-route的老版本在这方面是有缺陷的，所以我们通常使用angular-ui-router来解决这个问题，下面是关于ui-router v1.0.3的基本配制。目录文档内容入口app.html<!DOCTYPE html><html lang=...
2018-02-26 19:58:36
434
原创 angularjs 路由配制之angular-route v1.6.9
序angularjs 1.x 路由配制配制有2中方案（angular-route，angular-ui-router），本文讲述的是第一种方案，另外需要注意的是angular-route的版本号，不同版本之间有差异，这里一v1.6.9为例。目录文档内容入口app.html<!DOCTYPE html><html lang="en">...
2018-02-26 19:06:58
1478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人