前端笔记

最新推荐文章于 2024-10-18 11:12:30 发布

孤魂野鬼11

最新推荐文章于 2024-10-18 11:12:30 发布

阅读量51

点赞数

分类专栏：前端文章标签： javascript vue.js html5

本文链接：https://blog.csdn.net/q54as520a/article/details/115404204

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这篇博客涵盖了前端开发中的一些实用技巧，包括日期格式转换、CSS实现预览文本换行、以及React组件的onClick事件处理。同时，文章还讨论了PDF的相关知识，如单位转换和页面尺寸设置，并提及了在生产环境中移除console.log的方法。

摘要由CSDN通过智能技术生成

1、将20190102这类日期转成2019-01-02

fMonth.replace(/^(\d{4})(\d{2})$/, '$1-$2'),

2、pre自动换行

pre {
white-space: pre-wrap;
word-wrap: break-word;
}

3、关于单位

https://www.jianshu.com/p/ba26509bc5b3

4、react onclick初始自动触发

https://segmentfault.com/q/1010000011173576/a-1020000011174117

5、pdf相关

pdf适配的单位是pt，在正常屏幕下1pt=1px*0.75
// a4纸尺寸
$ppt-width: 595.28pt;
$ppt-height: 841.38pt;

6、打包时去除所有的console.log

configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
      config.mode = 'production'
    } else {
      // 为开发环境修改配置...
      config.mode = 'development'
    }
    Object.assign(config, {
      // 开发生产共同配置
      resolve: {
        alias: {
          '@': path.resolve(__dirname, './src'),
          '@c': path.resolve(__dirname, './src/components'),
          '@p': path.resolve(__dirname, './src/pages')
        } // 别名配置
      }
    })
  },