guangzan - 博客园

2019年11月26日

摘要： snippets.json（添加自己的或更新现有的片段） preferences.json（更改某些Emmet过滤器和操作的行为） SyntaxProfiles.json（定义生成的HTML / XML外观。）阅读全文

posted @ 2019-11-26 05:28 guangzan 阅读(488) 评论(0) 推荐(0)

摘要： css 缩写对于CSS语法，Emmet有许多用于属性的预定义代码段。例如，您可以扩展缩写以获取代码段。要获取您可以简单地扩展缩写。需要多个值:使用连字符将它们分开：展开为。负值：第一个值前面加上连字符，所有其他值后面加上双连字符：扩展为值和单位默认情况下，当您使用整数值扩展阅读全文

posted @ 2019-11-26 05:24 guangzan 阅读(399) 评论(2) 推荐(0)

emmet html缩写

摘要： HTML缩写 Emmet使用类似于CSS选择器的语法来描述元素在生成的树中的位置和元素的属性。元素您可以使用元素的名字，如div或p以生成 HTML标签。 Emmet没有一组预定义的可用标签名称，您可以编写任何单词并将其转换为标签：div→ ，foo→ 等。嵌套运算符嵌套运算符用于将缩写元素阅读全文

posted @ 2019-11-26 04:53 guangzan 阅读(593) 评论(2) 推荐(1)

2019年11月23日

关闭windows防火墙命令

摘要： windows PowerShell (管理员) 或 CMD (管理员) 查看当前防火墙状态：netsh advfirewall show allprofiles 关闭防火墙：netsh advfirewall set allprofiles state off 开启防火墙：netsh advfir 阅读全文

posted @ 2019-11-23 00:38 guangzan 阅读(4158) 评论(0) 推荐(0)

2019年11月16日

vue css module

摘要：步骤 ` 原理是命名空间编译css module时，会把css中的选择器放到这个命名空间里阅读全文

posted @ 2019-11-16 15:56 guangzan 阅读(596) 评论(2) 推荐(1)

2019年11月14日

vue SPA设计 history hash

摘要： ``` Histort api a,html b,html Hash #a.html #b.html ``` 阅读全文

posted @ 2019-11-14 19:50 guangzan 阅读(267) 评论(0) 推荐(0)

2019年11月12日

vue3 createComponent

摘要：这个函数不是必须的，除非你想要完美结合 TypeScript 提供的类型推断来进行项目的开发。这个函数仅仅提供了类型推断，方便在结合 TypeScript 书写代码时，能为 setup() 中的 props 提供完整的类型推断。 import { createComponent } from 'v 阅读全文

posted @ 2019-11-12 21:10 guangzan 阅读(2545) 评论(0) 推荐(0)

2019年11月11日

vue3 template refs dom的引用、组件的引用、获取子组件的值

摘要：介绍通过 ref() 还可以引用页面上的元素或组件。 DOM 的引用 <template> <div> <h3 ref="h3Ref">TemplateRefOne</h3> </div> </template> <script> import { ref, onMounted } from '@ 阅读全文

posted @ 2019-11-11 20:56 guangzan 阅读(8956) 评论(0) 推荐(1)

2019年11月10日

vue3 父组件给子组件传值 provide & inject

摘要：介绍和可以实现嵌套组件之间的数据传递。这两个函数只能在函数中使用。父级组件中使用函数向下传递数据。子级组件中使用获取上层传递过来的数据。不限层级下面来看一个简单的例子。父组件子组件补充父组件可以通过创建响应式数据通过共享给子组件阅读全文

posted @ 2019-11-10 15:57 guangzan 阅读(6464) 评论(0) 推荐(2)

2019年11月5日

vue3生命周期

摘要：介绍 vue3的生命周期函数，可以按需导入到组件中，且只能在函数中使用示例对比vue2.x ~~ ~~ 使用 ~~ ~~ 使用 `onErrorCaptured` 阅读全文

posted @ 2019-11-05 15:14 guangzan 阅读(5278) 评论(0) 推荐(1)

2019年10月31日

vscode自定义颜色主题插件并发布

摘要：生成一个新的颜色主题运行命令 ` npm install g yo generator code ` ` yo code ` 这时默认文件目录已经帮你创建好了 vscode中按下可以帮你打开调试，预览创建好的默认颜色主题自定义颜色主题打开文件夹下的文件定义你想要的颜色本地打包你需要阅读全文

posted @ 2019-10-31 11:29 guangzan 阅读(5854) 评论(0) 推荐(1)

2019年7月31日

CSS3 transform变换

摘要： transform CSStransform属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。旋转 rotate() 旋转函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值阅读全文

posted @ 2019-07-31 11:23 guangzan 阅读(386) 评论(0) 推荐(1)

V8 下的垃圾回收机制

摘要： V8 实现了准确式 GC，GC 算法采用了分代式垃圾回收机制。因此，V8 将内存（堆）分为新生代和老生代两部分。新生代算法新生代中的对象一般存活时间较短，使用 Scavenge GC 算法。在新生代空间中，内存空间分为两部分，分别为 From 空间和 To 空间。在这两个空间中，必定有一个空间阅读全文

posted @ 2019-07-31 09:51 guangzan 阅读(577) 评论(0) 推荐(1)

es6 Proxy

摘要： Proxy Proxy 是 ES6 中新增的功能，可以用来自定义对象中的操作 let p = new Proxy(target, handler); // `target` 代表需要添加代理的对象 // `handler` 用来自定义对象中的操作 // 可以很方便的使用 Proxy 来实现一个数据绑阅读全文

posted @ 2019-07-31 09:50 guangzan 阅读(204) 评论(0) 推荐(1)

promise实现

摘要： Promise 是 ES6 新增的语法，解决了回调地狱的问题。可以把 Promise 看成一个状态机。初始是 pending 状态，可以通过函数 resolve 和 reject ，将状态转变为 resolved 或者 rejected 状态，状态一旦改变就不能再次变化。 then 函数会返回一个阅读全文

posted @ 2019-07-31 09:49 guangzan 阅读(254) 评论(0) 推荐(1)

Generator 实现

摘要： Generator 是 ES6 中新增的语法，和 Promise 一样，都可以用来异步编程从以上代码可以发现，加上的函数执行后拥有了 next 函数，也就是说函数执行后返回了一个对象。每次调用 next 函数可以继续执行被暂停的代码。以下是 Generator 函数的简单实现参考资料： "前端阅读全文

posted @ 2019-07-31 09:48 guangzan 阅读(618) 评论(0) 推荐(0)

Map、FlatMap 和 Reduce

摘要： Map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后 append 到新的数组中。 Map 有三个参数，分别是当前索引元素，索引，原数组 FlatMap 和 map 的作用几乎是相同的，但是对于多维数组来说，会将原数组降维。可以将 FlatMap 看成是 map + flatte 阅读全文

posted @ 2019-07-31 09:48 guangzan 阅读(707) 评论(0) 推荐(0)

call, apply, bind

摘要： call, apply, bind 区别首先说下前两者的区别。 call 和 apply 都是为了解决改变 this 的指向。作用都是相同的，只是传参的方式不同。除了第一个参数外，call 可以接收一个参数列表，apply 只接受一个参数数组。模拟实现 call 和 apply 可以从以下几点阅读全文

posted @ 2019-07-31 09:48 guangzan 阅读(206) 评论(0) 推荐(1)

async和await

摘要：一个函数如果加上 async ，那么该函数就会返回一个 Promise 上面代码会先打印 finish 然后再打印 object 。因为 await 会等待 sleep 函数 resolve ，所以即使后面是同步代码，也不会先去执行同步代码再来执行异步代码。 async 和 await 相比直接使用阅读全文

posted @ 2019-07-31 09:47 guangzan 阅读(474) 评论(0) 推荐(1)

正则表达式

摘要：元字符 |元字符 | 作用 | |: : | : | |. | 匹配任意字符除了换行符和回车符 | |[] | 匹配方括号内的任意字符。比如 [0 9] 就可以用来匹配任意数字 | |^ | ^9，这样使用代表匹配以 9 开头。[^9]，这样使用代表不匹配方括号内除了 9 的字符 | |{1, 2} 阅读全文

posted @ 2019-07-31 09:46 guangzan 阅读(269) 评论(0) 推荐(1)

公告