u010085702的博客

原创 使用Object.prototype.toString.call(x)精准判断当前使用的对象类型

在 JavaScript 里使用 typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object”，“function” 六种。 对于Date、数组、null、对象来说，其关系错综复杂，使用 typeof 都会统一返回 “object” 字符串。 要想区别对象、数组、函数单纯使用 typeof 是不行的，JavaScript中,通过Object.prototype.toString方法，判断某个对象值属于哪种内置类型。

原创 vue-cli3设置sass/scss全局变量

1 准备存放全局样式变量的文件_variable.scss，内容如下：$theme-color: #3385ff;2 配置loader打开根目录下 vue.config.js写入module.exports = { // ... css: { loaderOptions: { sass: { prependData: ` @import "@/assets/styles/_variable.scss";

原创 2020-08-07

原创 基于vue-cli3创建基础库并发布至npm私有仓库

1.根据基于verdaccio的npm私有仓库搭建完成私有仓库的搭建，并运行起来2.创建一个VUE项目，修改tsconfig.json文件// tsconfig.json{ "compilerOptions": { .... "declaration": true, // 生成声明文件 "declarationDir": "types",// 声明文件的路径 "outDir": "types", // 指定输出目录 "paths": {

转载 重新认识 package.json

前言 ????在每个项目的根目录下面，一般都会有一个 package.json 文件，其定义了运行项目所需要的各种依赖和项目的配置信息（如名称、版本、许可证等元数据）。大多数人对 package.json 文件的了解，仅停留在：项目名称、项目构建版本、许可证的定义； 依赖定义（包括 dependencies 字段，devDependencies 字段）； 使用scripts字段指定运行脚本命令的 npm 命令行缩写。其实，package.json 的作用远不止于此，我们可以通过新增配置项实

原创 前端Nodejs需要了解的学习内容

Node简介Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。 nodejs 实现 commonjs规范nodejs 让 js在后端运行提供服务成为可能。nodejs优秀框架有express、koa等 事件驱动，适用于i/o密集型开发简单业务开发Js 原生ApiES6箭头...

原创 使用gulp创建通用模板

概要：Gulp是基于流的自动化构建工具安装gulp前提条件需要我们安装node与了解npm语法 首先确定是否安装node与npm ： node -v npm -v一、安装gulp1.前提条件准备好后，让我们开始安装gulp2.首先使用命令npm install -g gulp进行全局安装，以便使用gulp命令3.创建项目本地安装并创建项目依赖： ...

原创 对Vue cli3中vue.config.js的认识

我们要想快速入手一个vue项目，那么就需要我们对vue的脚手架vue cli（会自动生成项目目录、webpack配置文件）有一个初步的认识，我们知道vue-cli底层也是通过webacp的配置帮助我们实现项目的打包的，但是vuecli对webpack进行了封装，所以尽管我们不熟悉webpack，但是我们依然可以对vue.config.js进行配置注：vue.config.js最终也是通过脚手架...

原创 使用vuecli3.0 + ts + vue-test-unit + html分离 + tslint创建通用基础框架

根据vue-cli3创建一个基础项目 （技术栈为：node-sass, babel, typescript, router（我是忘记添加unit-jest了，后续手动加入） 创建的新项目是使用.vue格式作为文件模板的，但是由于这样子html、ts、scss就放置于一个文件里了，这样子不便于阅读和管理，所以我还是建议把这三个文件分成三个文件比较好，这里需要用到html-loader。 yar...

原创 js无缝滚动

在做无缝滚动的动画前，我们先来了解两个属性：offsetwidth、offsetleftoffsetwidth 该属性的值只与该元素有关， 与周围的元素（父级与子级元素无关。） offsetwidth = slef.width + slef.padding*2 + slef.border*2 （注：与自身的margin无关）offsetleft该属性与父级元素有关，也与

原创 javaScript常用总结

1 变量命名规则2 变量判断真假3 等号运算符“=” 赋值运算符“==” 只判断内容是否相同，不判断数据类型。(也可理解为先自动转类型再判断)“===” 不仅判断内容，还判断数据类型是否相同。 ！= 只判断内容是否不相同，不判断数据类型。 ！== 不全等于 不仅判断内容是否不相同，还判断数据类型是否不相同。4 数组和对象循环 var obj ={a:1,b:2,c:3} //