
前端开发技术知识
myyTomorrow
学生前来取经
展开
-
process.env.NODE_ENV配置
多环境配置“scripts”: {“serve”: “vue-cli-service serve --open --mode dev”,“build:test”: “vue-cli-service build --mode beta”,“build:prod”: “vue-cli-service build --mode prod”,}–mode 模式配置文件.env.{模式} 中设置NODE_ENV = production //设置生产环境process.env.NODE_ENVVU原创 2021-12-07 11:48:44 · 1137 阅读 · 0 评论 -
2020-08-21
var res = await postRequestt("/account/captcha.jpg");this.captchaUrl = “data:image/png;base64,” + Buffer.from(res).toString(“base64”);responseType: ‘arraybuffer’,原创 2020-08-21 10:41:55 · 162 阅读 · 0 评论 -
vue主题变色方法
之前一篇博客的变色是可以根据选择的颜色变色的,现在需要直接改变主题色,也就是改变默认的那个蓝色,之前的方法用到这里就太繁琐了,百度是个好东西,查到了好用的办法,复制一下,谨防丢失参考文章:作者:撑船的摆渡人链接:https://www.jianshu.com/p/33ae4d3d5335来源:简书我用的办法:在项目中改变 SCSS 变量新建一个样式文件,例如 element-varia...原创 2020-04-01 17:41:31 · 1709 阅读 · 0 评论 -
前端验证码
前端验证码1、有背景和干扰该方法复制他人的,原博地址为:https://blog.youkuaiyun.com/qq_43466457/article/details/100559974效果图总体思路:使用canvas元素画背景图,用js产生随机验证码,背景颜色以及干扰图线,干扰点,然后渲染到页面上代码实现如下:HTML部分:<canvas id="mycanvas"><...原创 2020-03-27 11:49:53 · 589 阅读 · 0 评论 -
变换系统主题颜色
改变引入的css文件vue项目1、下载jquery依赖npm install jquery2、在组建中引入import $ from jquery3、颜色变换处理方法changeColor(idx) {KaTeX parse error: Undefined control sequence: \/ at position 94: … var reg = /^.\̲/̲css\/\...原创 2020-03-27 09:20:43 · 231 阅读 · 0 评论 -
常用git命令
1、初始化本地仓库git init2、在码云注册账号,并创建一个新的项目,注意,不能生成任何文件(README.md),容易和项目中的文件冲突3、生成SSH的秘钥对(公钥和私钥)检查SSH密钥是否存在,按顺序输入下面命令:cd ~/.sshls -l ~/如果有文件id_rsa(私钥) 或 id_rsa.pub(公钥),则密钥存在生成秘钥的命令ssh-keygen -t RSA -...原创 2020-03-15 16:50:42 · 161 阅读 · 0 评论 -
标准流、浮动和定位
标准流、浮动和定位标准流如同固定在泳池底部,浮动如同漂浮在水面上,而定位则是定在空中;1、子元素全部浮动后,父盒子高度为0,为了保持页面布局,需要清除浮动。2、浮动压不住文字和图片,例如浮动最开始的目的就是为了实现文字围绕图片显示效果,定位可以覆盖任何元素。3、浮动后不会出现外边距塌陷的情况,绝对定位也会解决塌陷问题4、父级没定位则给相对定位,如果有(无论是相对定位、绝对定位还是固定定位...原创 2019-10-20 23:32:42 · 473 阅读 · 0 评论 -
盒子模型
盒子模型(1)传统盒子模型的宽高=width+padding+border,即设置的宽width高height只指content的宽高任何元素都可以看做盒模型如果content即盒子设置的有宽width和高height,padding和border会撑大盒子宽高,如果外盒子固定,设置margin会移动内盒子位置(2)CSS3盒子模型的宽高=css中设置的width和height,即设...原创 2019-10-19 23:34:22 · 521 阅读 · 0 评论 -
水平垂直居中,text-align 、margin和line-height的相关用法
text-align 、margin与line-height1、text-align:center;设置块级元素包括行内块元素(有确定宽度)内文本水平居中对齐方式;设置行内块元素(包括由display:inlineblock转化的行内块元素,但是不包括浮动隐式转化的行内块元素)在父盒子内水平居中对齐;例:给父盒子div添加属性text-align:center;时,当子元素a通过displ...原创 2019-10-18 22:43:58 · 956 阅读 · 0 评论