另类实现星星评分（仅展示）

发表于 2018-09-10 | 分类于 javascript | 阅读次数:

另类实现星星评分（仅展示），用于拓宽思路，实际并不怎么用得上：

let stars = '★★★★★☆☆☆☆☆';
//一颗星
let rate1 = 1;
let star1 = stars.slice(5 - rate,10 - rate);
console.log(star1)  //'★☆☆☆☆'

//两颗星
let rate2 = 2;
let star2 = stars.slice(5 - rate,10 - rate);
console.log(star2)  //'★★☆☆☆'

//三颗星
let rate3 = 3;
let star3 = stars.slice(5 - rate,10 - rate);
console.log(star3)  //'★★★☆☆'

//四颗星
let rate4 = 4;
let star4 = stars.slice(5 - rate,10 - rate);
console.log(star4)  //'★★★★☆'

//五颗星
let rate5 = 5;
let star5 = stars.slice(5 - rate,10 - rate);
console.log(star5)  //'★★★★★'

dva的按需加载路由以及对应的model

发表于 2018-09-07 | 分类于 react | 阅读次数:

问题

最近项目中用到dva，因项目属于webview方面，只是内嵌在app里的一些零散的页面，页面之间并没有关联，因此考虑到dva的按需加载路由以及对应的组件

解决方案

使用dynamic解决相关问题：
router.js

阅读全文 »

小程序轮播图实现消息通知的效果

发表于 2018-08-23 | 分类于微信小程序 | 阅读次数:

小程序轮播图实现消息通知的效果

效果很好实现，但是有些小细节，这些滚动就是轮播图，但是轮播图可以手动的进行滑动，这是不允许的，固解决让它不能触发滑动的效果，以此记录：

阅读全文 »

Vue移动端项目真机测试

发表于 2018-08-18 | 分类于 vue | 阅读次数:

一、查看ip地址

打开cmd输入ipconfig
"效果图"

二、修改webpack-dev-server配置项（package.json文件）

webpack-dev-server 默认不支持ip地址访问，需要修改配置项
"效果图"

三、移动端添加vconsole调试（index.html文件）

添加如下代码（如下图）：
"效果图"

四、测试

当pc和手机处于一个局域网时，手机访问ip地址，就能进行真机测试了。

左边固定宽度，右边自适应的几种实现方案

发表于 2018-08-05 | 分类于 css | 阅读次数:

左边固定宽度，右边自适应的几种实现方案

html结构都如下

<div class="wrapper">
    <div class="left">22</div>
    <div class="right">11</div>
</div>

css为了方便去除了margin和padding

* {
	margin: 0;
	padding: 0;
}

阅读全文 »

redux与vuex学习比较

发表于 2018-07-14 | 分类于 javascript | 阅读次数:

仅从设计理念、使用角度进行对比，不涉及实现原理。

尤大也说过VUEX是吸收了Redux的经验，放弃了一些特性并做了一些优化，代价就是VUEX只能和VUE配合。

而Redux则是一个纯粹的状态管理系统，React利用React-Redux将它与React框架结合起来。

VUEX与React-Redux：一个是针对VUE优化的状态管理系统，一个仅是常规的状态管理系统（Redux）与React框架的结合版本。它们必然在都具备常规的状态管理的功能之外，针对性地对各自所对应的框架还会有一些更优的特性，并且React-Redux还有一些衍生项目。DVA就是一个基于对React-Redux进行封装并提供了一些优化特性的框架，所以下文也会结合DVA进行对比。

阅读全文 »