实习
互联网切图仔
这个作者很懒,什么都没留下…
展开
-
实习随笔-12、Vue打包压缩配置
一、安装npm i compression-webpack-plugin@5.0.1npm i image-webpack-loadernpm i webpack-bundle-analyzer -D二、项目根目录下创建vue.config.js1、gzip配置项目const CompressionWebpackPlugin = require('compression-webpack-plugin');module.exports = {configureWebpack: conf原创 2021-01-25 17:40:11 · 204 阅读 · 0 评论 -
实习随笔-11、Vue实现PC端自适应方案
一、安装npm i lib-flexible -Snpm i px2rem-loader -Dnpm i postcss-plugin-px2rem二、进入node_modules,打开lib-flexible/flexible.js,修改 refreshRem()函数,如下if (width / dpr > 1920) { width = 1920 * dpr; } if (width / dpr < 1300) {原创 2021-01-25 17:23:12 · 419 阅读 · 0 评论 -
实习随笔-10、process.env前端环境变量配置教程
一、实现原理采用nodejs顶层对象中的process.env(进程环境,返回一个包含用户环境信息的对象。)属性,根据各个环境的配置文件区分和切换环境二、具体操作(以vue项目为例)1、安装依赖npm install process2、在根目录新增区分环境的文件例如:开发环境:.env.dev预发布环境:.env.pre生产环境:.env.product.devNODE_ENV = 'development'VUE_APP_TITLE = 'development'/*请求接口地原创 2020-12-02 10:57:54 · 506 阅读 · 0 评论 -
实习随笔-9、实现先获取链接再执行跳转
序言:本次需要实现的功能是从接口拿到返回的图片url,然后通过点击跳转到新页面进行预览。初步想法:从接口拿到url,直接动态赋值给a标签的href,例如<a :href='imageUrl' @click=viewTemplate(id) target="_blank" >预览</a>viewTemplate(id){ let _this=this; ajax.getForm({ url:`/v1/consultant/templates/${id}/pi原创 2020-11-17 10:48:24 · 153 阅读 · 0 评论 -
实习随笔-8、antd-vue Table组件根据权限在对应行渲染操作
序言:需求:最近在开发一个功能,是需要根据用户身份与建议书的状态两者的结合来得出用户所拥有的操作,并需要渲染到对应的表格行上面。由于本项目是用antd-vue来进行开发的,笔者也是第一次用这套组件,着实费了我一些功夫才搞出来,用的是比较直观的方法,优化上尚有欠缺,希望各路大佬补充需求实现:代码实现:一、首先,我们要想的是,怎么将这些操作渲染到表格的操作列上面1、我们先来看看,antd-vue Table组件的api,这时我们发现了,在Table 的Column里面,有这样的api,是不是很原创 2020-11-14 00:41:33 · 820 阅读 · 0 评论 -
实习随笔-7、Antd-vue表格分页器设置
序言:最近使用antd-vue进行开发,在使用表格组件Table时,遇到了一个问题,就是表格组件自带分页器,而且分页器的样式和我想要的不一样(应该是和产品要的不一样),比如自带的是这样的:需求是这样的:实现过程:1、引入Table组件(我是按需引入的)main.jsimport Table from 'ant-design-vue'Vue.use(Table);2、附上页面组件代码在a-table标签内使用:pagination="pagination"绑定分页器属性,然后在dat原创 2020-11-11 19:35:24 · 1951 阅读 · 0 评论 -
实习随笔-6、Antd Vue LocaleProvider中文配置时间组件
1、在vue项目中的main.js中加入以下设置import moment from 'moment';import 'moment/locale/zh-cn';moment.locale('zh-cn');2、同样是在main.js中,引入local Provider国际化组件,因为我的组件都是按需引入的,所以需要这样设置import { ,LocaleProvider } from 'ant-design-vue'; //引入组件,但不用引入样式Vue.use(LocaleProvider原创 2020-11-11 19:17:36 · 476 阅读 · 0 评论 -
实习随笔-5、Antd-vue-table 表格自增排序
实现效果:实现代码:{ title: '序号', dataIndex: 'number', key: 'number', scopedSlots: { customRender: 'number' }, width:100, align:'center', // sorter: (a, b) => a.number - b.number, customRender: (text, record, index) => `${in原创 2020-11-11 14:51:28 · 156 阅读 · 0 评论 -
实习随笔-4、Javascript实现向文件动态写入内容
这次要实现的功能是,实现向一个JS文件动态写入内容,但模板是不变的实现:新建一个rename.js,用来实现动态写入内容let fs = require('fs');fs.writeFileSync('./name.js', `exports.name = '11'`)运行这个JS文件,则会向name.js写入exports.name = '11'改变11—>12,再次运行rename.js,结果如下exports.name = '12'...原创 2020-10-30 15:22:25 · 400 阅读 · 1 评论 -
实习随笔-3、webpack多入口多出口打包
一、需求通过webpack将项目的一个文件目录下的js按照其父目录进行区分打包大概情况:文件目录大概:|-- undefined|-- src|-- b2c-ads| | |-- pages| | | |-- app| | | | |-- .js(很多个)| | | |-- cms| | | | |-- .js(很多个)| |原创 2020-10-29 14:43:06 · 332 阅读 · 0 评论 -
实习随笔-2、nginx: [emerg] bind() to 0.0.0.0:80 failed (10013: An attempt was made to access a socket in
启动nginx报错:nginx: [emerg] bind() to 0.0.0.0:80 failed (10013: An attempt was made to access a socket in a way forbidden by its access permissions)查错步骤:1、打开cmd,输入一下命令查看80端口的占用情况,netstat -aon|findstr "80"2、输入以下命令,查看端口被哪个进程占用,如图,发现被系统占用了3、猜测可能是IIS的问题,打原创 2020-10-27 11:44:09 · 398 阅读 · 2 评论 -
实习随笔-1、Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run
今天访问服务器,查看docker时候,发现如下报错:Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Get http://%2Fvar%2Frun%2Fdocker.sock/v1.40/containers/json: dial unix /var/run/docker.sock: connect: permission denied,发现自原创 2020-10-23 13:20:32 · 97 阅读 · 0 评论