5 月 31 日 #

• 273 轮播动态
  • Dynamic slides https://swiperjs.com/demos#pagination
  • https://codesandbox.io/s/0871t?file=/src/App.vue:13-383
  • https://github.surmon.me/vue-awesome-swiper/
• 272 轮播页面插件
  • https://github.surmon.me/vue-awesome-swiper/

5 月 28 日 #

• 271 vuex 持久化插件
  • https://github.com/robinvdvleuten/vuex-persistedstate

5 月 26 日 #

• 270 redis 库
  • https://github.com/2881099/csredis
• 269 vscode 设置默认的终端
  • setting.json 文件中设置 "terminal.integrated.shell.windows": "E:/Program Files/Git/bin/bash.exe",
• 268 File differs from already included file only in casing: correct casing but relative path
  • https://github.com/Microsoft/TypeScript/issues/25460

5 月 25 日 #

• 267 vue3 PC 端项目模板
  • https://github.com/PanJiaChen/vue-element-admin
  • https://github.com/lin-xin/vue-manage-system
• 266 vuex 持久化
  • https://www.jianshu.com/p/04c288731819?utm_campaign=haruki

5 月 24 日 #

• 265 EFCore 标准代码仓库
  • https://github.com/dotnetcore/osharp

5 月 22 日 #

• 264 yarn build 打包时，会有一系列的警告

  // 警告信息如下
  chunk chunk-8bbe4a0e [mini-css-extract-plugin]
  Conflicting order. Following module has been added:
  * css ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/imgPreview.vue?vue&type=style&index=0&id=41ed99a7&lang=scss&scoped=true&
  despite it was not able to fulfill desired ordering with these modules:
  * css ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/videoPreview.vue?vue&type=style&index=0&id=6fbe4342&lang=scss&scoped=true&
    - couldn't fulfill desired order of chunk group(s)
    - while fulfilling desired order of chunk group(s) , , , ,

// 目前可以在 vue.config.js 中设置去除警告信息

    // 设置忽略警告【mini-css-extract-plugin】 order
      extract: process.env.NODE_ENV === 'production' ? {
        ignoreOrder: true,
      } : false,

5 月 20 日 #

• 263 微服务 API 网关
  • http://www.360doc.com/content/18/0826/14/99071_781332992.shtml
  • https://zhuanlan.zhihu.com/p/96801978
  • https://blog.csdn.net/wnvalentin/article/details/100083874

5 月 19 日 #

• 262 vue 动态路由，通过 api 接口获取配置路由
  • https://blog.csdn.net/qq_42460461/article/details/114585903

5 月 18 日 #

• 261 javascript 拷贝内容
  • https://www.cnblogs.com/goloving/p/7560171.html
• 260 cesium 地图教程
  • https://cesium.com/docs/tutorials/stories-introduction/

5 月 15 日 #

• 259 vite 编译时可清空编译目录
  • vite build --emptyOutDir
• 258 前端规范整理
  • 2、https://juejin.cn/post/6844903779117056008
  • 3、http://alloyteam.github.io/CodeGuide/#js-indentation
  • 4、https://juejin.cn/post/6844903892220641293#heading-2
  • 5、https://juejin.cn/post/6844903593896574990 vue 规范
  • 6、https://juejin.cn/post/6844903951486156813
  • 7、https://juejin.cn/post/6844903696040476686 vscode 使用
  • 8、https://juejin.cn/post/6844903671457677325

5 月 14 日 #

• 257 vue3 全局函数注册及调用

  • https://blog.csdn.net/MZS_ym/article/details/108866013

• 256 vue.config.js 设置 css 是否单独生成到 css 文件

  javascript

      /*
        默认为true,会将项目中的css文件抽离到单独的css文件中,使用时需要单独import使用
        设置为false,则会直接一起打包了
      */
      css: {
        extract: false
      },
  

• 255 javascript 基础知识

  • https://github.com/vincentzyc/notes/blob/master/JavaScript 面试知识点总结.md

• 254 安装 sass 和 sass-loader 时报错 this.getOptions is not a function

  • sass-loader 版本过高导致，我当时安装的版本为 11.1.1 卸载后改为 10.0.1 运行 ok

    javascript

       npm uninstall sass-loader
       npm install sass-loader@10.0.1
    

5 月 13 日 #

• 253 eslintrc.js 详解

  • https://www.cnblogs.com/ye-hcj/p/7069505.html

• 252 vue.config.js 先取消 eslint

  javascript

  // 是否开启eslint保存检测 ,它的有效值为 true || false || 'error'
  module.exports = {
    lintOnSave: true,
  };
  

• 251 es6 module 和 commonjs

  • export 和 import https://blog.csdn.net/dt1991524/article/details/86497449
  • 深入 CommonJs 与 ES6 Module https://mp.weixin.qq.com/s/U2_hnwLTkCe-pm6f5z4nMg

• 250 eslint 初始化

  javascript

    npm install eslint --save-dev
    ./node_modules/.bin/eslint --init
  

5 月 12 日 #

• 249 webpack 通过 less-loader 设置 css 前缀

  javascript

    {
      loader: 'less-loader',
      options: {
        modifyVars: {
          '@ant-prefix': 'yourPrefix',
        },
        javascriptEnabled: true,
      },
    }
  

5 月 11 日 #

• 248 vue3 form 表单 替换 this.$refs
  • https://segmentfault.com/a/1190000039651772

5 月 9 日 #

• 247 css 样式

  javascript

      // 鼠标悬浮于a标签选择器上的样式变化
      a:hover
      {
          background-color:yellow;
      }
  
      // 选择器为活动的链接设置的样式
      a:active
      {
          background-color:yellow;
      }
  

5 月 8 日 #

• 246 promise 防抖和节流

  • https://coding.imooc.com/learn/questiondetail/194653.html
  • 见 63

• 245 xgplayer 西瓜视频播放器

  • https://v2.h5player.bytedance.com/
  • https://github.com/bytedance/xgplayer

• 244 灰色模式和色弱模式

  javascript

      // 灰色模式
      .html-grey {
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: url("data:image/svg+xml;utf8,#grayscale");
      filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
      -webkit-filter: grayscale(1);
      }
  
      // 色弱模式
      .html-weakness {
      filter: invert(80%);
      -webkit-filter: invert(80%);
      -moz-filter: invert(80%);
      -ms-filter: invert(80%);
      -o-filter: invert(80%);
      }
  

5 月 6 日 #

• 243 vue template 多个根元素波浪线提示
  • https://blog.csdn.net/weixin_43245095/article/details/112514687

5 月 5 日 #

• 242 i18n 多语言翻译

  • https://www.cnblogs.com/xintao/p/11593395.html
  • https://kazupon.github.io/vue-i18n/

• 241 vueuse.org

  • https://vueuse.org/guide.html#usage-example

• 240 esbuild 编译和 commonjs

  • esbuild https://www.leiue.com/what-is-es-modules
  • esbuild 和 commonjs 比较 https://zhuanlan.zhihu.com/p/161015809

• 239 vite 开启 https

  • vite.config.js 中 https: true 属性开启

• 238 webpack devServer 配置开启 https

  • https://blog.csdn.net/dclnet/article/details/96316401

• 237 json 美化工具

  • https://github.com/leezng/vue-json-pretty

5 月 1 日 #

• 236 axios 请求缓存的处理
  • https://www.wodecun.com/blog/7931.html
  • 缓存库 https://github.com/RasCarlito/axios-cache-adapter