Tsunami黄嵩粟 - 博客园

2021年3月5日

摘要：先给大家看下我做出来的和echarts官网做出来的代码什么的都是一模一样但是颜色不一样它字的颜色和柱状图颜色还一样不知道是不是脑子有猫病~ 上面是我做的下面是官网的主要是代码都是一样我又不是某宝买衣服颜色差别这么大呢？我给你们看代码下面是我写的 <template> <div> <di 阅读全文

posted @ 2021-03-05 10:45 Tsunami黄嵩粟阅读(595) 评论(0) 推荐(0)

2021年3月4日

react 数组列表

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>hell worl 阅读全文

posted @ 2021-03-04 15:57 Tsunami黄嵩粟阅读(124) 评论(0) 推荐(0)

react 属性绑定动态值

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>hell worl 阅读全文

posted @ 2021-03-04 15:26 Tsunami黄嵩粟阅读(441) 评论(0) 推荐(0)

2021年2月25日

React jsx中js表达式

摘要：嵌入JS表达式在jsx语法中，要把JS代码写到{ }中，所有标签必须要闭合。 let num = 100 let bool = false; // JSX 语法 var myh1 = ( <div> {/* 我是注释 */} {num} <hr /> {/* 三目运算 */} {true ? "条阅读全文

posted @ 2021-02-25 18:49 Tsunami黄嵩粟阅读(83) 评论(0) 推荐(0)

React JSX

摘要：由于通过React.createElement()方法创建的React元素有一些问题，代码比较繁琐，结构不直观，无法一眼看出描述的结构，不优雅，开发时写代码很不友好。 React使用 JSX 来替代常规的JavaScript，JSX 可以理解为的JavaScript语法扩展，它里面的标签申明要符合X 阅读全文

posted @ 2021-02-25 17:48 Tsunami黄嵩粟阅读(77) 评论(0) 推荐(0)

React

摘要：官网：https://react.docschina.org/ React 起源于 Facebook(脸书) 的内部项目，它是一个用于构建用户界面的 javascript 库，Facebook用它来架设公司的Instagram网站，并于2013年5月开源。 React 拥有较高的性能，代码逻辑非常简阅读全文

posted @ 2021-02-25 15:59 Tsunami黄嵩粟阅读(277) 评论(0) 推荐(0)

在webpack中运行vue

摘要：网址：https://vue-loader.vuejs.org/zh/ Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件的格式撰写 Vue 组件安装loader npm i -S vue npm i -D vue-loader vue-template- 阅读全文

posted @ 2021-02-25 15:28 Tsunami黄嵩粟阅读(82) 评论(0) 推荐(0)

webpack 路径别名与导入后缀省略

摘要： // 解析模块的规则 resolve: { // 配置解析模块路径别名：优点简写路径，缺点路径没有提示 alias: { // 定义一个@变量，可在import引入时使用 '@': path.resolve(__dirname, '../src') }, // 配置省略文件路径的后缀名称 impor 阅读全文

posted @ 2021-02-25 15:17 Tsunami黄嵩粟阅读(333) 评论(0) 推荐(0)

webpack externals忽略不打入的包

摘要：例如项目中使用从 CDN 引入 jQuery，而不是把它打包进来使用 import $ from 'jquery' webpack.config.js externals: { jquery: 'jQuery' } 阅读全文

posted @ 2021-02-25 15:15 Tsunami黄嵩粟阅读(287) 评论(0) 推荐(0)

webpack代码分割

摘要：在做一些单页应用中，若不做任何处理，所有项目文件会打包为一个文件，这个文件非常的大，造成网页在首次进入时比较缓慢。做了代码分割后，会将代码分离到不同的chunk中，然后进行按需加载这些文件，能够提高页面首次进入的速度，网站性能也能够得到提升。实现方案： entry多入口实现分割 optimizat 阅读全文

posted @ 2021-02-25 15:07 Tsunami黄嵩粟阅读(218) 评论(0) 推荐(0)