自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Vue插槽

在用到作用域插槽的时候,需要将传给子组件的部分用包裹,这个不能丢,在该标签里面添加slot-scope=“xxx”,(老版是添加scope但是有兼容性的问题所有我这里用slot-scope),xxx为自定义,这里的xxx是一个接收数据的对象,所有要用里面的数据需要通过xxx.games的方式获取数据。在App组件中使用List组件的时候我引入了图片元素,我想让Category接收我这个图片元素,同时在原有的数据下方展示,这个时候我们就可以使用该默认插槽的方式;

2024-05-17 15:18:37 372

原创 生成器和迭代器

ES6新增了两个高级特性:迭代器和生成器,我们通过这两个特性,可以更清晰、高效、方便地去实现迭代;

2024-04-23 11:50:03 812 1

原创 ES9 正则扩展-反向断言

正向断言:(?=pattern)反向断言:(?<=pattern)正向断言和反向断言的区别在于,前者是从字符串的开头开始匹配,后者是从字符串的结尾开始匹配。

2024-04-19 15:32:42 272 1

原创 ES8 对象方法扩展

ES8新增了Object.keys()、Object.values()、Object.entries()、Object.getOwnPropertyDescriptors()、Object.getOwnPropertyDescriptor()等方法来对对象进行扩展;先来声明一个对象。

2024-04-18 09:13:01 917 1

原创 Babel 实现ES6 的模块化转换

通过该命令实现:npx browserify dist/js/app.js -o dist/js/bundle.js。2.下载安装:npm i babel-cli babel-preset-env browserify -D。npx babel js(这是你需要转换的文件的目录) -d dist/js(这个是转换完成后存放的目录)因为我这里是使用的局部安装,如果你使用的全局安装在这里可以直接使用babel命令。这是Babel的中文官网,感兴趣的小伙伴可以浏览一下。-o后面是打包后存放的位置和生成的文件名。

2024-04-17 10:52:54 324

原创 ParseError: ‘import‘ and ‘export‘ may appear only with ‘sourceType: module‘ 如何解决

这是在ES6 打包过程中出现的一个问题;大概意思就是,你正在使用不支持 ECMAScript 模块的环境(如浏览器或老版本的 Node.js),但却在你的代码中使用了 import 语句。在这种情况下,你需要将代码转换为支持的模块系统,例如 CommonJS。可以使用 Babel 和相关的 preset 来实现将 ECMAScript 模块转换为 CommonJS 模块。

2024-04-17 10:25:35 1038

原创 ES6 模块化数据暴露 + 模块化数据导入方式

通过export{ }的形式,{ }里存放需要暴露的数据,每个数据用逗号隔开;通过export default { },将暴露的数据包裹;通过在需要暴露的数据前加export实现;

2024-04-16 17:08:22 474 2

原创 ES6 对象方法扩展

而第二个console.log语句直接使用===操作符来判断NaN与NaN是否相等,输出结果为false。这是因为普通的相等操作符(===)对于NaN的判断是有问题的,它会认为NaN与自身并不相等。Object.is()对NaN的处理与普通的相等操作符(===)不同,它会正确地判断NaN与NaN相等。

2024-04-16 11:33:41 505 1

原创 ES6 数值扩展

【代码】ES6 数值扩展。

2024-04-15 21:12:09 365

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除