- 博客(15)
- 资源 (10)
- 收藏
- 关注
原创 了解下数据属性和访问器属性的特性
通常我们会这样定义一个普通对象,var obj = { foo:"bar"}console.log(obj.foo);//输出'bar'我们可以修改这个对象的属性,obj.foo = "baz";console.log(obj.foo);//输出'baz'但是,一旦Object.freeze(obj)了,就无法修改对象的属性了。 var obj = { ...
2020-04-29 18:53:18 395
原创 vm.xxx和data.xxx之间的联系是怎样建立起来的
<head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body><script>var data = { foo:"bar"};var vm = new Vue({ data:da...
2020-04-29 17:04:36 588
原创 css使用@font-face引发的一个小案子:小试fontCreator
看到一个通过@font-face引入自定义字体的css例子。<body> <p>HTML&CSS</p> </body>@font-face自定义字体test,并将该字体应用于字符&,即代码中&。 @font-face{ font-family:test;...
2020-04-26 15:27:33 614
原创 【vue】虚拟DOM是如何形成的
文本插值{{}}使用<script>引入vue.js<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><body> <div id="app">{{message}}</div> <script> ...
2020-04-25 19:57:29 554
原创 webpack编译打包过程浅析
node_modules/webpack/bin/webpack.jsconst path = require("path");//"d:\workspace\webpack\demo\node_modules\webpack-cli\package.json"const pkgPath = require.resolve("webpack-cli/package.json");con...
2020-04-25 19:23:58 1371
原创 path
文件名 __filename目录名 __dirnamemkdir democd demomkdir srccd srctype nul>index.jsindex.js中内容如下:console.log(__filename);console.log(__dirname);获取所在目录 path.dirname(pathName)const path...
2020-04-23 12:01:11 127
原创 process
获取程序运行时参数 process.argv//example.jsconsole.log(process.argv);console.log(process.argv.slice(2));程序当前工作目录 process.cwd()console.log(process.cwd());
2020-04-23 11:54:02 85
原创 VSCode使用锦集
html代码补全File>Preferences>Settings>Workbench>Appearance>Edit in settings.json,到达settings.json,进入编辑状态,添加如下代码即可。"emmet.triggerExpansionOnTab": true使用集成终端View>Terminal,或者直接快捷键Ctr...
2020-04-22 22:11:54 452
原创 webpack之module.rules
AMD是require.js在推广过程中对模块定义的规范化产出;CMD是sea.js在推广过程中对模块定义的规范化产出。它们都是为了实现js在浏览器端的模块化开发,且异步加载。其中,require.js中有全局require和局部require,而sea.js中只有局部require。本文主要是为了记录下二者的使用,便于日后回忆使用
2020-04-22 16:12:47 9606
原创 【webpack】noParse
为了提高构建性能,在配置webpack.config.js时,会用到noParse,比如,将noParse字段值配置成一个正则表达式。//包含"jquery"或者"chartjs"的文件路径,不解析module.exports = { module:{ noParse:/jquery|chartjs/, rules:[] }}...
2020-04-22 11:41:05 1619
原创 Buffer
二进制转字符串 buffer.toString()buffer.toString(),将二进制数据buffer转换成字符串。有个可选参数,encoding。buffer.toString(encoding),根据指定的编码方式(encoding),将二进制数据buffer转换为字符串。字符串转二进制 Buffer.from(string)Buffer.from(string),将字符串...
2020-04-20 14:39:08 299
原创 Object.create()是怎样建立原型链的
1实例、实例之间的关系与判断方法每个函数都有一个prototype属性,这个属性指向函数原型;函数原型自带一个constructor属性,这个属性指向函数自己。举个例子,比如有这么一个函数function Book(title,author){ this.title= title; this.author= author;}函数Book和它的原型之间的关系就可以用下图描...
2020-04-17 18:53:08 637
原创 Object.prototype.toString.call()作为安全的类型检测方法,为什么没有满大街地被使用
我们知道,基本的类型检测用typeof,引用类型检测用instanceof,还有专门用于检查是不是数组的Array.isArray()。let b = false; typeof b; //返回"boolean"let n = 10; typeof n; //返回"number"let s = "hello"; typeof s; //返回"string"le...
2020-04-16 12:14:04 379
原创 【vue】从虚拟DOM到视图
本章抽取了一份超简易代码,用于理解vue从虚拟DOM到视图的递归过程。对代码作一个简单介绍:VNode构造函数,通过new VNode()生成一个VNode对象,一个VNode对象就是一个虚拟DOM。一个VNode对象包含tag、children、text和elm属性。tag:标签名,比如'p','div';children:子列表,是一个数组。像下面的textVnode...
2020-04-15 14:40:18 197
原创 class的静态属性和静态方法
总结先:class的一般方法定义在类的原型上,实例会继承原型上的所有方法;class的静态属性和静态方法定义在类上,实例不会继承静态属性和静态方法。访问静态属性或调用静态方法,均通过类名调用。举个例子: class Point{ static staticX = 1; static staticY = 1; constructor(x,y){ this.x...
2020-04-15 11:31:13 1559
spring tool suites安装包
2020-10-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人