Vant 中 底部弹窗(picker)选择数据
摘要：Vant 中 底部弹窗(picker)选择数据 {bookId: "01", text: "论语"}, 数据中必须有 text 属性 <template> <div> <van-cell is-link @click="getBook">Vant 展示弹出层(fei)</van-cell> <van
阅读全文
posted @ 2021-06-01 17:11
随笔分类 - 前端
CSS里不为人知的秘密(03)之常见小布局
摘要：CSS里不为人知的秘密(03)之常见小布局 01)CSS 上下布局 情景描述: 有一个高度自适应的 div，里面有两个 div，一个高度 100px，希望另一个填满剩下的高度方案; 利用 flex 和 flex-grow 实现 <style> html, body { height: 100%; p
阅读全文
posted @ 2021-05-15 16:32
Windows7中 修改npm全局模式的默认安装路径
摘要：Windows7中 修改npm全局模式的默认安装路径 查看当前配置 npm root -g npm config ls 新建文件夹 在欲更改的目录下新建两个文件夹，分别是：node_global_modules 和 node_cache，效果如图 执行命令改配置 npm config set pre
阅读全文
posted @ 2021-05-09 18:39
Chrome 和 Firefox 中 developer 模式使用技巧 tips
摘要：Chrome 和 Firefox 中 developer 模式使用技巧 tips 本文以Chrome为主,以Firefox为辅,大致相同不在详细描述,特殊地方单独提示tips 01)配置网速 Chrome中 F12—>选择Network—>有红色圆点的最右侧 02)查看伪类样式 查看伪类:activ
阅读全文
posted @ 2021-05-07 11:22
Chrome 和 FireFox 查看伪类:active,:hover,:focus样式
摘要：Chrome 和 FireFox 查看伪类:active,:hover,:focus样式 Chrome 控制台查看样式 或者选中 :hov Firefox 控制台查看样式 或者选中 :hov
阅读全文
posted @ 2021-05-06 10:12
为什么需要清除浮动float,及解决办法
摘要：为什么需要清除浮动float,及解决办法 浮动元素可以左右移动，直到遇到另一个浮动元素或者遇到它外边缘的包含框。浮动框不属 于文档流中的普通流，当元素浮动之后， 不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮 动框不存在一样的布局模式。当包含框 的高度小于浮动框的时
阅读全文
posted @ 2021-04-30 17:40
Chrome 控制台使用之配置网速
摘要：Chrome 控制台使用之配置网速 F12 >选择Network >有红色圆点的最右侧 选择刚刚设置的网速,就可以使用,可以调试在不同网速情况下的网站加载情况
阅读全文
posted @ 2021-04-28 14:27
Vue 和 浏览器 之Vue项目在浏览器中运行并使用debug
摘要：Vue 和 浏览器 之Vue项目在浏览器中运行并使用debug 01) Vue 和 Chrome 02)Vue 和 Firefox 其他: Vue 和 webstorm(02) 之Vue项目在webstorm中运行并使用debug
阅读全文
posted @ 2021-04-28 14:15
CSS里不为人知的秘密(02)之常见属性使用
摘要：CSS里不为人知的秘密(02)之常见属性使用 01) vertical-align垂直对齐 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。 针对 inline-block 内联块元素的时候,需要一个参考对象(必须2个元素) 内联块元素水平垂直居中 verti
阅读全文
posted @ 2021-04-27 19:23
运算符 typeof 和 instanceof
摘要：运算符 typeof 和 instanceof typeof 识别所有值类型 识别函数 判断是否是引用类型(但是不能区分是那种引用类型) (typeof "abc123"); // string (typeof 123); // number (typeof a); // undefined (ty
阅读全文
posted @ 2021-01-25 20:09
BASE64图片_获取BASE64字符串
摘要：BASE64图片_获取BASE64字符串 BASE64图片： <input type="file" id="image"><br/> <button id="up">上传</button> <script src="https://cdn.staticfile.org/jquery/1.10.2/j
阅读全文
posted @ 2021-01-06 18:08
RegExp 正则简单使用
摘要：RegExp 正则简单使用 "123".match(/^\d*$/g); // ["123"] "123_fei".match(/^[0-9]*$/g); // null "123_fei_456_foo_789".replace(/[0-9]{3}/g,","); ",_fei_,_foo_,"
阅读全文
posted @ 2021-01-06 09:18
Vue 中mixins,extends,class简单使用
摘要：Vue 中mixins,extends,class简单使用 demo: index.vue, feiMixins,feiExtends,feiClass 四个文件 index.vue <template> <div id="index"> <div>{{foo}}</div> <div>{{bar}
阅读全文
posted @ 2021-01-04 09:08
Vue 中计算属性(computed)和侦听器(watch)
摘要：Vue 中计算属性(computed)和侦听器(watch) <template> <div> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage }}</p> <input type="text" v-model="foo" st
阅读全文
posted @ 2021-01-04 05:33
Vue 组件选项顺序--声明周期---代码风格
摘要：Vue 组件选项顺序--声明周期 代码风格 组件选项应该有统一的顺序。 export default { name: '', mixins: [], components: {}, props: {}, data() {}, computed: {}, watch: {}, created() {}
阅读全文
posted @ 2020-12-31 16:38
ES6对象模型的解构
摘要：ES6对象模型的解构 let formData = { test01: {id: 1, name: 'foo'}, test02: {id: 1, name: "史记"}, test03: {id: 1, name: "汉书"} }; let { test01: fei01, test02: fei
阅读全文
posted @ 2020-12-28 10:43
Vue 中样式穿透 /deep/
摘要：Vue 中样式穿透 /deep/ 样式穿透使用2中场景 [ IE11可以使用,火狐83可以使用,chrome87可以使用] 01) 父组件样式影响到子组件 02) 组件内css影响到引入第三方样式 [ 以引入 Ant-Design-Vue 为例] 父组件demo: <template> <div i
阅读全文
posted @ 2020-12-17 10:25
Vue 数据冻结 Object.freeze
摘要：Vue 数据冻结 Object.freeze 情景: 页面上常量或者对象不想让修改,只是读取,这时候需要数据冻结 Object.freeze, demo如下 <script> import Vue from 'vue'; export default { data() { return { f33:
阅读全文
posted @ 2020-12-17 09:17
Vue 启动项目内存溢出
摘要：Vue 启动项目内存溢出 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 具体信息如下: 95% emitting DONE Compil
阅读全文
posted @ 2020-12-16 11:41
各种语言中小数计算
摘要：各种语言中小数计算 Java 中小数计算 BigDecimal 中 乘法运算multiply import java.math.BigDecimal; public class Main { public static void main(String[] args) { BigDecimal a
阅读全文
posted @ 2020-10-29 11:15
