![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 77
三游
菜鸟一只,大神多多指教。
展开
-
calc()无效,知道真相的我眼泪掉下来
calc(100%-60px) —— 错误calc(100% - 60px) —— 正确啊,原来是 - 左右得加上空格。calc() 能计算的计算表达式里,“ + ” 和 “ - ” 两边要留空格,而 “ * ” 和 “ / ” 没有这个要求。原创 2020-05-28 16:20:39 · 2309 阅读 · 0 评论 -
input - 限制最多两位小数,填写或者修改过程中转化金额格式
终稿moneyTrans(e){ var position = e.target.selectionStart;//获取输入后光标位置 //截取光标前字符判断有几个,(因为转化金额格式后有可能增减,导致光标错位) var value = e.target.value; var beforeNum = value.substring(0,position).spli...原创 2020-04-28 20:36:26 · 286 阅读 · 0 评论 -
css 输入框input样式 - hover、focus
<style> .eInput{ font-size: 12px; color: #333333; } input{ width: 160px; height: 24px; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 4px; padding:0 10px; o...原创 2019-11-21 17:36:52 · 5733 阅读 · 0 评论 -
css - 气泡框 - 三角形
1、绘制一个三角形 ◀<style>.arrow{ width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent #2196F3 transparent transparent; /* 上下左右 */ }</style><d...原创 2019-11-19 14:10:43 · 309 阅读 · 0 评论 -
vue.js学习 - 未完待续
模版指令v-text与v-htmlv-text会进行转义v-html不会进行转义Vue实例里的methods里面定义事件v-on:click 简写@clickv-on绑定事件vue不是面向dom编程,而是面向数据编程Vue中的属性绑定和双向数据绑定模版指令v-bind 简写 :v-bind:title = “title” title属性与title数据项进行绑定,这样后面=...原创 2019-11-09 16:07:08 · 170 阅读 · 0 评论 -
css 一行或多行文字垂直居中
使用flex布局flex布局学习.bigbox{ width: 106px; height: 32px; background-color: #F0F0F0;} .bigtext{ font-size: 14px; line-height: 16px; height: 32px; display: flex; flex-direction: colu...原创 2019-10-24 16:13:02 · 166 阅读 · 0 评论 -
css transition属性—过渡
transition 有四个属性:----------- 属性名-----------------------------------------------描述transition-property指定进行transition的属性,默认值为all,还有none(没有属性获得过渡效果),property(应用与过渡效果的css属性名称列表,用逗号分隔)transit...原创 2019-10-09 15:00:22 · 389 阅读 · 0 评论 -
新电脑的成长之路-node、webpack、git、sublime text3的安装配置
node安装https://nodejs.org/en/download/ 下载node后按照指示进行安装安装完毕后打开命令提示符,能查看版本即为安装成功$ node -vv10.16.3$ npm -v6.9.0全局安装路径配置//prefix与路径之间有空格,否则回配置失败,配置插件安装路径npm config set prefix “D:\nodejs\node_mod...原创 2019-09-30 18:07:05 · 161 阅读 · 0 评论 -
解决:小程序globalData值更新后另一页面刷新展示globalData
问题记录今天在做demo时出现了一个问题,A页面可以修改globalData数据,B页面获取globalData数据,但A页面修改数据后,B页面并不能知道globalData已经更新,所以B页面不会更新解决方法在网上查阅资料后,使用 Object.defineProperties(obj, props) 来解决,始终调不好后来想到了onshow的方法,到A页面中进行修改数据则B页面hide...原创 2019-09-29 11:59:55 · 5719 阅读 · 4 评论 -
React知识小碎片
React中keys的作用key是react中使用的一种特殊的属性,用于追踪哪些列表中的元素被修改、被添加或者被移除的辅助标识。因此在渲染列表的时候要为列表中的每一项添加一个key作为唯一的标识符。调用setState之后发生了什么?调用setState函数之后,React会将传入的参数对象和组件当前状态进行合并,调和过后根据新的状态构建React元素树并重新渲染整个UI界面。React生...原创 2019-09-20 11:44:05 · 105 阅读 · 0 评论 -
react使用
1. 准备阶段npm更换淘宝镜像$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org这样就可以用cnpm来安装模块了,速度会快很多!亲身经历!$ cnpm install [name]2. 使用...原创 2019-08-22 12:55:27 · 64 阅读 · 0 评论 -
webpack安装及开发环境配置
最近学webpack在网上找了教程跟着学,因为webpack版本的问题,导致开发环境配置过程非常不顺利,百度了很多方法都无效。直到看到了这篇博客,配置成功后自己也整理一下配置过程。我的webpack版本为4.39.2。参考博客:https://blog.csdn.net/u012443286/article/details/795042891.全局安装webpacknpm install w...原创 2019-08-21 15:33:42 · 181 阅读 · 0 评论