代码改变世界

Vue 动态组件渲染问题分析

2019-02-26 21:09 by 海豚湾, 8280 阅读, 0 推荐, 收藏, 编辑
摘要:fire 读在最前面: 1、本文适用于有一定基础的vue开发者,需要了解基本的vue渲染流程 2、本文知识点涉及vue构造器以及选项策略合并、<component> 渲染逻辑 问题描述: Child继承自App,主程序通过true 和false来控制显示 Child 还是 App,在动态<compo 阅读全文

watch案例解析(element-ui el-select 无法选中问题剖析)

2018-08-31 18:59 by 海豚湾, 3645 阅读, 1 推荐, 收藏, 编辑
摘要:1、本文根据问题,讲述大致 Vue虚拟Dom Diff 思路、数据响应式机制相关,源码版本 Vue.js v2.5.17-beta.0 2、知识点:vue virtual dom diff、 observe 、 watch、render ,各知识点暂不深入剖析   3、阅读本文,读者应了解Vue有一定的前端基础,知道一些名词概念如:render、vnode、virtual dom   4、本文先引出问题及原理,然后单用2个实现给出详情解析   4、v-if案例解析(element-ui form-item表单无法验证问题剖析 )(问1)   5、watch案例解析(element-ui el-select 无法选中问题剖析)(问2) 阅读全文

v-if案例解析(element-ui form-item 结合 v-if 动态生成rule规则\表单元素,表单无法验证问题剖析 )

2018-08-31 18:58 by 海豚湾, 10968 阅读, 0 推荐, 收藏, 编辑
摘要:1、本文根据问题,讲述大致 Vue虚拟Dom Diff 思路、数据响应式机制相关,源码版本 Vue.js v2.5.17-beta.0 2、知识点:vue virtual dom diff、 observe 、 watch、render ,各知识点暂不深入剖析   3、阅读本文,读者应了解Vue有一定的前端基础,知道一些名词概念如:render、vnode、virtual dom   4、本文先引出问题及原理,然后单用2个实现给出详情解析   4、v-if案例解析(element-ui form-item表单无法验证问题剖析 )(问1)   5、watch案例解析(element-ui el-select 无法选中问题剖析)(问2) 阅读全文

Vue 虚拟Dom 及 部分生命周期初探

2018-08-31 18:57 by 海豚湾, 2882 阅读, 1 推荐, 收藏, 编辑
摘要:1、本文根据问题,讲述大致 Vue虚拟Dom Diff 思路、数据响应式机制相关,源码版本 Vue.js v2.5.17-beta.0 2、知识点:vue virtual dom diff、 observe 、 watch、render ,各知识点暂不深入剖析   3、阅读本文,读者应了解Vue有一定的前端基础,知道一些名词概念如:render、vnode、virtual dom   4、本文先引出问题及原理,然后单用2个实现给出详情解析   4、v-if案例解析(element-ui form-item表单无法验证问题剖析 )(问1)   5、watch案例解析(element-ui el-select 无法选中问题剖析)(问2) 阅读全文

Vue(SPA) WebPack模块化打包、SEO优化(Vue SSR服务端同构直出)、全浏览器兼容完整解决方案

2017-12-23 14:40 by 海豚湾, 4837 阅读, 0 推荐, 收藏, 编辑
摘要:白驹过隙,时光荏苒 大概去年这个时候写了angular 结合webpack的一套前端方案,今年此时祭出vue2结合webpack的一套前端方案。 明年的这个时候我又是在做什么... 读在最前面: 1、本文讲述Vue,Webpack 模块化、SEO优化(Vue SSR 服务端同构直出)、全浏览器兼容( 阅读全文

Android仿苹果版QQ下拉刷新实现(二) ——贝塞尔曲线开发"鼻涕"下拉粘连效果

2017-12-13 13:10 by 海豚湾, 932 阅读, 1 推荐, 收藏, 编辑
摘要:前言 接着上一期 Android仿苹果版QQ下拉刷新实现(一) ——打造简单平滑的通用下拉刷新控件 的博客开始,同样,在开始前我们先来看一下目标效果: 下面上一下本章需要实现的效果图: 大家看到这个效果肯定不会觉得陌生,QQ已经把粘滞效果做的满大街都是,相信不少读者或多或少对于贝塞尔曲线有所了解,不 阅读全文

AngularJs(SPA)单页面SEO以及百度统计应用(下)

2017-11-20 07:41 by 海豚湾, 912 阅读, 0 推荐, 收藏, 编辑
摘要:苍苍之天不得久视,堂堂之地不得久履 当你小心翼翼的开启服务端渲染的同时,一个问题不得不注意,使用内存模式去保存渲染过的页面,这样服务断掉重启后,缓存也没有了,所以这里我们使用mongdodb进行本地化存储 读在最前面: 1、本文主题:使用mongodb 进行 预渲染的本地化缓存服务 2、主机环境为W 阅读全文

Vue学习系列---安装

2017-11-11 17:32 by 海豚湾, 617 阅读, 0 推荐, 收藏, 编辑
摘要:一、前言 学任何东西都是有理由的,目前主要有Angular,React,Vue这三个前端MVVM框架。我选择vue原因很简单,“”入门简单“”,是的只是这个理由。相较于其他2个框架,vue的文档真的是太亲民的,入门曲线没有那么陡,对于我这种小菜鸟来说,是入门首选。等vue熟悉后,相信再看别的前端MV 阅读全文

通过微信Android和iOS版,看两大系统的差异

2017-09-29 15:34 by 海豚湾, 1405 阅读, 0 推荐, 收藏, 编辑
摘要:由于设计师或者产品经理使用的移动设备大部分是iPhone,所以在做设计时,容易忽略Android和iOS的差异,按照自己的使用习惯进行设计,导致大部分设计师或产品经理做出的设计都是基于iOS规范或习惯。而安卓则照搬iOS。这对于安卓开发而言是个灾难,很多组件本可以直接调用系统,由于按照iOS的设计, 阅读全文

iOS仿安卓手势解锁

2017-09-03 14:22 by 海豚湾, 692 阅读, 0 推荐, 收藏, 编辑
摘要:界面是一个九宫格的布局.九宫格实现思路. 先确定有多少列 cloum = 3; 计算出每列之间的距离 计算为: CGFloat margin = (当前View的宽度 - 列数 * 按钮的宽度) / 总列数 + 1 每一列的X的值与它当前所在的行有关 当前所在的列为:curColum = i % c 阅读全文