leverage2009的博客

转自：https://segmentfault.com/a/1190000009875015#articleHeader21.场景假设我们有几个不同的组件，它们的工作是切换状态布尔、模态和工具提示。这些提示和情态动词不有很多共同点，除了功能：他们看起来不一样，他们不习惯相同，但逻辑是相同的。//弹框 const Modal = { template: '#modal', data() { ...

1. v-if & v-show: v-if 是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建. v-if 也是惰性的,如果在初始渲染时条件为假,那么什么都不做- - 直到条件第一次为真的时候才会开始渲染条件块,相比之下,v-show 就简单得多- - 不管初始条件是什么,元素总会被渲染,并且只是简单的基于css进行切换. 一般来说,v-...

转自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可...

转自：https://www.cnblogs.com/frankwong/p/4603141.htmlFlexbox 为 display 属性赋予了一个新的值（即 box 值）, flexbox的属性有很多，记录一些比较常用的属性：用于父元素的样式：display: box; 该属性会将此元素及其直系子代加入弹性框模型中。（Flexbox 模型只适用于直系子代）box-orient: horizo...

转自：https://blog.youkuaiyun.com/m0_37479246/article/details/78836686在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。     首先，先列出我们接下来需要的东西：node.js环境（npm包管理器）vue-cli...

1. React语法，React.js编写网站，React-Native编写App2. 现已经不提供直接下载React包的方式，都是通过npm下载，设置淘宝镜像之后，cnpm install -g create-react-app，创建项目create-react-app {项目名}3. 旧教程中react.js、react-dom.js、browse.min.js文件意义<!DOCTYPE...

随着混合应用开发越来越多，需求场景的不断变化，碰到一个问题，最底层H5页面点击图片预览，是直接DIV图层的显示，而不是页面的跳转，所以点击返回按钮的时候，不能直接返回，要先调用js关掉图层，所以需要交给js进行处理。 常用的Java调用js，直接用loadUrl，但是没有返回值，不能进行回调，sdk19以上采用evaluateJavascript方法，在回调方法里又返回值，效率优于loadU...