4 月 29 日 #

• 235 wpf 嵌入 chrome 浏览器
  • https://github.com/cefsharp/CefSharp/tree/master/CefSharp.Wpf.Example

4 月 25 日 #

• 234 vue3 学习笔记
  • https://www.cnblogs.com/sjie/p/14075641.html#计算属性-computed
• 233 HBuilderX 引入 vant
  • https://www.freesion.com/article/3159591401/

4 月 24 日 #

• 232 微信小程序地图服务
  • https://lbs.qq.com/product/miniapp/jssdk/
  • https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/methodSearch
• 231 uni-app pages 数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
• 230 微信公众号 H5 页面调用微信登录全过程
  • 详见 ---微信公众号 H5 调用微信登录全过程
  • https://www.cnblogs.com/0201zcr/p/5131602.html
• 229 微信扫描二维码
  • https://mp.weixin.qq.com/s/1A30nQNg4j4GwLG1n91DCw

4 月 22 日 #

• 228 docker 中 mysql 的控制
  • https://www.cnblogs.com/jiefu/p/12204555.html
• 227 docker 安装
  • https://juejin.cn/post/6950558227490668557
  • docker 安装和 docker compose 安装
    • https://get.daocloud.io/
  • rap2 安装
    • https://github.com/thx/rap2-delos
  • docker-compose 安装和卸载
    • https://www.cnblogs.com/zhihuifan10/articles/11121110.html
  • docker 安装和卸载
    • https://www.cnblogs.com/qinxu/p/10032176.html

4 月 21 日 #

• 226 Husky 提升代码质量
  • https://www.cnblogs.com/xhyccc/p/13941335.html

4 月 20 日 #

• 225 vite mock
  • https://github.com/anncwb/vite-plugin-mock/blob/HEAD/README.zh_CN.md
• 224 eslint 规范
  • https://github.com/lin-123/javascript
  • https://github.com/airbnb/javascript#translation

4 月 19 日 #

• 223 mitt 事件总线 https://blog.csdn.net/fuweipeng2012/article/details/113812794
• 222 vue3 替代 vue2 中.sync 的 v-model
  • https://segmentfault.com/a/1190000023911894
  • https://blog.csdn.net/wk843620202/article/details/108613493
• 221 vue3 provide 和 inject 传值
  • https://blog.csdn.net/xuhua32100/article/details/113518217
• 220 vue3 useRoute 和 useStore 的使用
  • http://lanwuyaojiu.cn/blogm/blogart-110.html
• 219 typescript tsconfig.json
  • https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-ReadingNotes/了不起的 tsconfig.json 学习指南.md

4 月 18 日 #

• 218 vue3 vite2 模版项目配置

  • https://juejin.cn/post/6951649464637636622#heading-14

• 217 EditorConfig for VS Code 插件

  • JetBrains 系列（WebStorm、IntelliJ IDEA 等）则不用额外安装插件，可直接使用 EditorConfig 配置。

• 216 vite 中文网 https://www.pipipi.net/vite/

• 215 css module

  • https://github.com/FrankKai/FrankKai.github.io/issues/45

4 月 17 日 #

• 214 随机数字生成
  javascript

  Math.floor(Math.random() * 10); // 返回 0 至 9 之间的数
  Math.floor(Math.random() * 11);
  

• 213 适配大屏幕解决方案
  • lib-flexible 库
  • https://www.cnblogs.com/lyzg/p/5058356.html
  • https://vue-loader.vuejs.org/zh/guide/css-modules.html#用法

4 月 16 日 #

• 212 vue vite public 下图片路径的问题
  javascript

      public 下面的文件路径前要加斜杠 '/'
      参考 -204下webpack打包public路径设置
  

4 月 15 日 #

• 211 微信小程序开发
  • https://uniapp.dcloud.io/
  • https://vant-contrib.gitee.io/vant-weapp/#/home
  • https://blog.csdn.net/YNEWA/article/details/106056610
  • https://liubing.me/uniapp-use-vant-weapp.html
• 210 vue jsonp 插件跨域请求数据使用
  • https://www.npmjs.com/package/vue-jsonp
• 209 webpack plugin 各种插件
  • https://webpack.html.cn/plugins/

4 月 14 日 #

• 208 this.$set
  • https://juejin.cn/post/6844903901175496711
• 207 vue 首页加载慢，路由懒加载、组件懒加载
  • https://blog.csdn.net/mataodehtml/article/details/108867545

4 月 11 日 #

• 206 即偶数元素 css 给最后的元素添加样式
  javascript

      // 第二个元素，里面换成n就是第n个元素
      div:nth-child(2)
      {
      background:#ff0000;
      }
      // 选中最后一个奇数
      div:nth-child(odd):last-child {
          margin-bottom: 0;
      }
      // 选中最后一个偶数
      div:nth-child(even):last-child {
          margin-bottom: 0;
      }
      // 3的倍数元素的样式，后面的0可以换成m,就是3倍再加m
      p:nth-child(3n+0)
      {
      background:#ff0000;
      }
  

4 月 10 日 #

• 205 vue style 绑定样式

  javascript

      :style="{backgroundImage: 'url(' + item.url + ')'}"
  

• 204 vue cli public

  • 文件夹下面可以放置静态的图片资源和 json 文件
  • 注意在调用的时候不要在路径前面添加"/"
  javascript

      // 1、axios调用json数据
       this.$axios.get('data/001/family.json').then(res=>{
         console.log('this.$axios.get', res)
       })
      // 2、image路径 前面不要加斜杠了
      bannerData:[
          {imageUrl: 'images/banner/2.jpg'},
          {imageUrl: 'images/banner/1.png'},
          {imageUrl: 'images/banner/3.jpg'}
      ],
  
  

4 月 9 日 #

• 203 vue cli public 文件夹
  • https://cli.vuejs.org/zh/guide/html-and-static-assets.html#public-文件夹
  • https://www.cnblogs.com/makalochen/p/13984699.html
• 202 window.location 详解
  • https://www.cnblogs.com/gopark/p/10191577.html
• 201 打包后 public 下的静态文件目录找不到
  • https://www.cnblogs.com/wzcsqaws/p/11283228.html
• 200 图片区域 area
  • https://www.w3school.com.cn/tags/tag_area.asp
  • https://www.w3school.com.cn/tiy/t.asp?f=eg_html_areamap
• 199 路由返回
  javascript

      //this.$route是当前页面的路由，而this.$router是当前路由器，包含所有路由的信息
      1、vue路由中的返回
      this.$router.go(-1)
      2、其中this.$router也包含 history中的路由信息
  

• 198 vscode 设置中文 https://blog.csdn.net/qq_30068487/article/details/82589347
  javascript

      1、vscode中 Ctrl+Shift+p
      2、搜索框中输入 configure display language
      3、选择zh-cn中文语言包
      4、如果还是中文，在Ctrl+Shift+x
      5、输入chinese中文语言包安装重启
  

4 月 8 日 #

• 197 flex 简单布局
  • https://marlous.github.io/2019/05/06/前端-flex-布局方法小结/

4 月 7 日 #

• 196 微信小程序跳转到小程序
  • https://www.cnblogs.com/strong514/p/12470365.html
• 195 vue- vnode
  javascript

  Vue.mixin({
    beforeRouteLeave: function (to, from, next) {
      console.log(this.$vnode, window);
      if (
        from &&
        from.meta.rank &&
        to.meta.rank &&
        from.meta.rank > to.meta.rank
      ) {
        console.log(this.$vnode, window, "-----------全局beforeRouteLeave");
        if (this.$vnode && this.$vnode.data.keepAlive) {
          if (
            this.$vnode.parent &&
            this.$vnode.parent.componentInstance &&
            this.$vnode.parent.componentInstance.cache
          ) {
            if (this.$vnode.componentOptions) {
              var key =
                this.$vnode.key == null
                  ? this.$vnode.componentOptions.Ctor.cid +
                    (this.$vnode.componentOptions.tag
                      ? `::${this.$vnode.componentOptions.tag}`
                      : "")
                  : this.$vnode.key;
              var cache = this.$vnode.parent.componentInstance.cache;
              var keys = this.$vnode.parent.componentInstance.keys;
              console.log(cache, "cache-keys");
              if (cache[key]) {
                if (keys.length) {
                  var index = keys.indexOf(key);
                  if (index > -1) {
                    keys.splice(index, 1);
                  }
                }
                delete cache[key];
              }
            }
          }
        }
        this.$destroy();
      }
      next();
    },
  });
  

• 194 nginx vue 404 not found
  • https://blog.csdn.net/onlysunnyboy/article/details/75270533

4 月 2 日 #

• 193 nodejs 安装
  • https://blog.csdn.net/weixin_42940467/article/details/113866473
    javascript

    // 1、可从官网下载nodejs安装包
    // 2、然后通过xftp上传到服务器
    // 3、解压文件
    tar -xvf node-v12.14.1-linux-x64.tar.xz
    // 4、复制文件夹到指定位置
    sudo mv ./node-v12.14.1-linux-x64 /usr/local/node
    // 5、为node和npm创建快捷方式
    sudo ln -s /usr/local/node/bin/node /usr/bin/node
    sudo ln -s /usr/local/node/bin/npm /usr/bin/npm
    // 6、查看版本确认安装是否成功
    node -v   npm -v
    

• 192 linux 常用命令使用
  • https://juejin.cn/post/6938385978004340744
• 191 xftp 设置，然后 xshell 就可以访问
  • https://juejin.cn/post/6844903940262199309
  • https://www.jb51.net/article/127411.htm
  • https://blog.csdn.net/lwg_1540652358/article/details/84679659
• 190 nginx
  • https://juejin.cn/post/6844903701459501070
  • https://juejin.cn/post/6844904144235413512

4 月 1 日 #

• 189 keepalive

  • https://www.dazhuanlan.com/2019/11/19/5dd2ee2bda35a/
  • https://juejin.cn/post/6844903846901186574
  • https://juejin.cn/post/6844903649517240328

• 188 Easy Sass 和 Beautify 安装 vscode 插件，则修改 scss 样式保存时会将样式自动同步 css 中

• 187 centos nginx

  • https://juejin.cn/post/6844904144235413512

• 186 密码加密

  • MD5 加密 js-md5

    javascript

    import md5 from "js-md5";
    md5("username" + "userpassword"); // 加密 加盐
    

  • 前端字符串转码解码

    javascript

        npm install --save js-base64
        import { encode, decode } from 'js-base64'
    
        encode('aehyok')  // 转码
        decode('ADkjdifewoewe')  //解码