- 博客(10)
- 收藏
- 关注
RSS订阅原创 EJS模板引擎
可能在这大家会觉得该方法不如原生方法来的简便，最后的实现结果都是一样的，但是这里用ejs渲染后做到了将HTML和JS的分离，这样就可以实现后面的操作。首先，我创建一个html文件，我将今天是 <%= time %>放入到该HTML文件中，通过fs读取html文件。那么接下来我们还可以实现什么样的操作呢，没错，我们可以将html的内容完成一个补充，还可以添加元素。EJS是一个简单而强大的模板引擎，适用于需要在HTML中嵌入动态内容的场景。需要先引入模块ejs，这里的<%= %>是ejs的基本语法中的一种，
2024-08-28 09:16:43
533
原创 Vue插槽
在用到作用域插槽的时候，需要将传给子组件的部分用包裹，这个不能丢，在该标签里面添加slot-scope=“xxx”,（老版是添加scope但是有兼容性的问题所有我这里用slot-scope），xxx为自定义，这里的xxx是一个接收数据的对象，所有要用里面的数据需要通过xxx.games的方式获取数据。在App组件中使用List组件的时候我引入了图片元素，我想让Category接收我这个图片元素，同时在原有的数据下方展示，这个时候我们就可以使用该默认插槽的方式；
2024-05-17 15:18:37
402
原创 ES9 正则扩展-反向断言
正向断言：(?=pattern)反向断言：(?<=pattern)正向断言和反向断言的区别在于，前者是从字符串的开头开始匹配，后者是从字符串的结尾开始匹配。
2024-04-19 15:32:42
327
1
原创 ES8 对象方法扩展
ES8新增了Object.keys()、Object.values()、Object.entries()、Object.getOwnPropertyDescriptors()、Object.getOwnPropertyDescriptor()等方法来对对象进行扩展；先来声明一个对象。
2024-04-18 09:13:01
957
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
413
原创 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
1667
原创 ES6 模块化数据暴露 + 模块化数据导入方式
通过export{ }的形式，{ }里存放需要暴露的数据，每个数据用逗号隔开；通过export default { },将暴露的数据包裹；通过在需要暴露的数据前加export实现;
2024-04-16 17:08:22
551
2
原创 ES6 对象方法扩展
而第二个console.log语句直接使用===操作符来判断NaN与NaN是否相等，输出结果为false。这是因为普通的相等操作符（===）对于NaN的判断是有问题的，它会认为NaN与自身并不相等。Object.is()对NaN的处理与普通的相等操作符（===）不同，它会正确地判断NaN与NaN相等。
2024-04-16 11:33:41
530
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人