- 博客(179)
- 收藏
- 关注
RSS订阅转载 appstore-react v2.0—redux-actions和redux-saga的应用
开发文档https://redux-saga.js.org/https://redux-saga-in-chinese.js.org/https://redux-actions.js.org/源码代码已经上传到github中，欢迎star或者forkappstore-react-v2.0redux-saga一、介绍之前异步处理用的是redux-thunk + red...
2019-09-23 01:50:00
323
转载 解决移动端ios下overflow-x scroll无法隐藏滚动条的问题
这次有个需求是在web首页添加分类菜单，一共是8个分类，在移动端水平展示，可以左右滚动。最后在手机上微信浏览器看到是有个滚动条，非常影响美观。主要通过以下代码实现水平滚动white-space: nowrap; overflow-x: auto; overflow-y: hidden;/* 解决ios手机页面滑动卡顿问题 */ ...
2019-08-31 01:33:00
1662
转载 skeleton在心意web上的实践
通过手动编写skeleton，在fetch数据时显示skeleton loading，数据拉取成功隐藏skeleton先看下效果图在component下创建页面对应的skeleton，然后通过在index.js中export输出，在需要使用skeleton的页面中引入。代码结构charity-web |--- components ...
2019-08-28 20:11:00
330
转载 小程序开发笔记（八）—Js数组按日期分组显示数据
数据分组展示有两种方式，一种是后端直接传入分组格式的Json数据，另一种是我们在前端自己转换格式，这里我们在前端处理转换按日期分组的数据格式1、例如后端返回数据格式为：[{createtime:'2019-07-29',content:'哈哈哈'},{createtime:'2019-07-29',content:'哈哈哈'}] 2、页面展示需要的格式为：[{createti...
2019-07-27 12:28:00
934
转载 小程序开发笔记（七）—加入内容安全检测
前两天在发布小程序版本的时候，审核被拒绝，原因是用户在发表内容的时候，没有对内容做安全检测，例如国家领导人姓名之类的。后来了解到小程序官方文档上有提供相关检测接口，包括文本及图片检测，这里我只用到了文本检测使用msgSecCheck接口检测文本https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-ap...
2019-07-21 17:34:00
476
转载 使用react+redux+react-redux+react-router+axios+scss技术栈从0到1开发一个applist应用
先看效果图github地址github仓库在线访问初始化项目#创建项目create-react-app applist#如果没有安装create-react-app的话，先安装npm install -g create-react-app目录结构改造|--config |--node_modules|--public|--scripts|--src ...
2019-07-13 15:31:00
573
转载 vuex无法获取getters属性this.$store.getters.getCurChildId undefined
问题描述this.$store.getters.getCurChildId undefined 这是因为我们设置了命名空间namespaced: true,在vuex官网中对命名空间的描述如下：默认情况下，模块内部的 action、mutation 和 getter 是注册在全局命名空间的——这样使得多个模块能够对同一 mutation 或 action 作出响应。如果希望你...
2019-06-29 20:56:00
5396
转载 函数防抖节流的理解及在Vue中的应用
防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。一、函数防抖定义在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。实现原理函数防抖的基本思想是设置一个定时器，在指定时间间隔内运行代码时清楚上一次的定时器，并设置另一个定时器，知道函数请求...
2019-06-29 19:23:00
183
转载 Javascript Object常用方法总结
Object.keys方法Object.keys方法是JavaScript中用于遍历对象属性的一个方法 。它传入的参数是一个对象，返回的是一个数组，数组中包含的是该对象所有的属性名。如：var cat= { name:’mini’, age:2, color:’yellow’, desc:”cute” }console.log(Object.keys(cat)); //...
2019-06-10 14:35:00
179
转载 centos7.x下环境搭建(五)—nginx搭建https服务
https证书获取十大免费SSL证书https://blog.csdn.net/ithomer/article/details/78075006如果我们用的是阿里云或腾讯云，他们都提供了免费版的ssl证书，我们直接下载就可以了，这里我使用的是阿里云提供的免费证书修改nginx配置1、在nginx安装目录下创建cert目录并将.pem和.key的证书拷贝到该目录下.crt文件：...
2019-06-03 16:50:00
157
转载 centos7.x下环境搭建(四)—redis安装
redis介绍redis是用C语言开发的一个开源的高性能键值对（key-value）数据库。它通过提供多种键值数据类型来适应不同场景下的存储需求，目前为止redis支持的键值数据类型如下字符串、列表（lists）、集合（sets）、有序集合（sorts sets）、哈希表（hashs）redis的应用场景 缓存（数据查询、短连接、新闻内容、商品内容等等）。（最多使用）分布式集群...
2019-06-03 16:23:00
120
转载 centos7.x下环境搭建(三)—nodejs安装
有3种方式可以安装nodejsyum安装源码包安装nvm方式安装一、方式1：yum安装这里我们指定安装8.x以上的版本# curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -# yum install -y nodejs一般在安装完node之后，默认已经帮我们安装好npm...
2019-06-03 13:52:00
145
转载 centos7.x下环境搭建(二)—nginx安装
上篇文章是对mysql的安装，接着上篇文章，这篇文章安装nginx服务添加yum源默认情况Centos7中无Nginx的源，最近发现Nginx官网提供了Centos的源地址。因此可以如下执行命令添加源：rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx....
2019-06-03 13:26:00
112
转载 centos7.x下环境搭建(一)--yum方式安装mysql5.7
前两天因为数据库被黑客攻击，导致数据被删除，数据库被损坏，系统重新安装了一下，所以环境也需要重新再搭一遍，包括mysql、nodejs、git、nginx和redis的安装。由于之前安装的mysql安装方式比较麻烦，这次使用yum的方式来安装mysql数据库，这篇文章记录下mysql的安装过程。一、安装之前先来了解下linux系统下目录结构/usr： 系统级的目录，可以理解为C...
2019-06-03 12:44:00
173
转载 基于vuecli3构建一个快速开发h5 APP的模板
基于vuecli3构建的一个快速开发h5 APP的模板，集成了高德地图、mint-ui，以及antv-f2可视化框架vue-cli3安装查看vue cli版本 vue --version要求nodejs版本8.9以上如安装了旧版，使用npm uninstall vue-cli -g卸载旧版本安装vue-cli3.0npm install -g @vue/cli创建项...
2019-05-28 18:06:00
835
转载 小程序开发笔记（六）--使用七牛云上传图片
选取相册及本地预览选择手机相册preUpload() { let that = this; // let imglist=[]; wx.chooseImage({ count: 9, //最多可以选择的图片张数 sizeType: ["original", "compressed"], sourc...
2019-05-27 00:43:00
269
转载 小程序开发笔记【五】---基于LBS附近动态查询
实现思路 ：获取用户当前位置经纬度坐标查询动态时将经纬度坐标传给后台后端通过sql语句计算经纬度坐标之间的距离 // 附近20公里发的动态 按时间排序 let sql = `SELECT * , ROUND(6378.138 * 2 * ASIN(SQRT(POW(SIN((${myLatitude} * PI() / 180 - latitude...
2019-05-25 14:25:00
154
转载 小程序开发笔记【四】，集成高德地图进行逆地址解析
微信小程序获取及选择位置获取当前的地理位置、速度wx.getLocation({ type: "wgs84", //wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标 gcj02在android机上有bug，无法选择位置 success(res) { } });打开地图选...
2019-05-23 22:41:00
795
转载 小程序开发笔记【三】，评论、评论回复及消息通知实现
先看实现的效果图 评论及评论回复实现分析评论和评论回复可以设计成1张表也可以设计成2张表，根据使用场景的不同选择，这里我将评论和回复表设计成一张表，表结构如下CREATE TABLE `tb_post_newcomment` ( `post_comment_id` int(11) NOT NULL AUTO_INCREMENT COMMEN...
2019-05-19 21:23:00
2502
转载 Vue项目（vuecli3.0搭建）集成高德地图实现路线轨迹绘制
先看最后实现的效果图高德地图api文档https://lbs.amap.com/api/javascript-api/summary使用1、在index.html里面引入高德地图js文件2、引入之后我们就直接可以在vue组件里面使用了创建initMap方法，在mounted钩子函数中调用mounted(){ this.initMap() },initMa...
2019-05-15 01:31:00
3020
转载 移动端可视化框架antv f2出现两个legend选项
前天遇到个坑，把我给坑死了 ，在帮朋友做一个微信公众号的项目，使用的vue全家桶，有个模块需要用到数据可视化展现，之前做项目的时候用过antv，比较熟悉，因为是移动端的项目，所以用的是antv f2这个可视化框架，按照之前写的方式都做完之后，最后发现下面出现了两个相同的legend，找了半天也没发现问题出在哪，百思不得其解watch:{ statisticsList: { ...
2019-05-14 18:11:00
772
转载 vue nexttick的理解和使用场景
应用场景需要在视图更新之后，基于新的视图进行操作文档说明在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOMnextTick原理1、异步说明Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新2、事件循环说明简单来说，Vue 在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有...
2019-05-14 17:59:00
172
转载 vue mint-ui 框架下拉刷新上拉加载组件的使用
安装npm i mint-ui -S然后在main.js中引入import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vue.use(MintUI)下拉刷新上拉加载更多数据<mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :botto...
2019-05-14 17:50:00
186
转载 vue项目中使用了vw适配方案，引入第三方ui框架mint-ui时，适配问题解决
问题分析：一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint-ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图解决方案网上看到了很多种解决方案，这里推荐第四种1、重写第三方组件ui样式大小2、在postcss.config.js中的selectorBlackList选项中增加不需要vw转换的类名selectorBla...
2019-05-01 15:46:00
627
转载 小程序开发笔记【二】，抽奖结果json数据拼装bug解决
抽奖结果数据json格式数据拼接bug，如下图，只发布了两个奖项，每个奖项设置2个奖品，但最后拼接数据的时候出现3个奖项json数据格式如下"luckyResult":[ { "award":{ "lucky_award_id":60, "awar...
2019-05-01 11:46:00
190
转载 gulp插件gulp-nunjucks-render的使用及gulp4的简单了解
之前写过一篇gulp的使用文章一篇迟到的gulp文章，代码合并压缩，less编译最近有在用gulp，使用到一个gulp-nunjucks-render插件，感觉挺方便的gulp-nunjucks-render 用来渲染Nunjucks templates安装npm install --save-dev gulp-nunjucks-render使用var env = pro...
2019-04-22 16:27:00
288
转载 小程序开发笔记【一】，查询用户参与活动列表 left join on的用法
今天在做一个用户活动查询功能的时候，查询参与的活动。正常，使用egg-mysql查询数据一般会这么写 result = await this.app.mysql.select('tb_activity_apply', { where: { userid: userid }, orders: [['createtime', 'desc']], // 排序方式...
2019-03-31 20:26:00
249
转载 mysql数据插入前判断是否存在
今天在对一些抓取到的数据做插入的时候，因为使用了定时器，每间隔几分钟会抓取一次，导致很多数据插入的是重复数据，为了解决这个问题，一般是在插入之前先通过一个标识去查询表数据看是否已经有了，没有再执行插入操作一开始我的做法是，执行两次sql语句操作，先select，再insertlet result = await this.app.mysql.select('tb_news_to...
2019-03-23 22:54:00
592
转载 微信公众号通过图片选取接口上传到阿里oss
前言之前写过一篇微信JS-SDK的使用方法，可进行参考https://www.cnblogs.com/fozero/p/10256862.html配置并调用公众号接口权限1、配置权限微信公众号接口，添加如下权限jsApiList: [ 'chooseImage', 'getLocalImgData', ]2、拍照或选取图...
2019-03-12 16:14:00
425
转载 Mac下charles安装及配置
一、下载地址https://www.charlesproxy.com/download/激活码Registered Name: https://zhile.ioLicense Key: 48891cf209c6d32bf4二、配置证书安装Help->ssl proxying依次1、Charles Root Certificate2、Charles Root Ce...
2019-03-07 15:10:00
437
转载 mpvue微信小程序多列选择器用法：实现省份城市选择
前言微信小程序默认给我们提供了一个省市区的picker选择器，只需将mode设置为region即可<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}" >因为小程序默认提供的省市区选择器只能...
2019-03-06 15:58:00
615
转载 用Redis轻松实现秒杀系统
导论曾经被问过好多次怎样实现秒杀系统的问题。昨天又在CSDN架构师微信群被问到了。因此这里把我设想的实现秒杀系统的价格设计分享出来。供大家参考。秒杀系统的架构设计秒杀系统，是典型的短时大量突发访问类问题。对这类问题，有三种优化性能的思路：写入内存而不是写入硬盘异步处理而不是同步处理分布式处理用上这三招，不论秒杀时负载多大，都能轻松应对。更好的是，Redis能够满足上述三点。...
2019-03-05 11:10:00
78
转载 一个emoji引发的一条血案：mysql存储emoji表情字符时报错解决
以下是我插入一条带表情的数据到mysql后出现错误2019-03-04 14:24:40,462 ERROR 2807 [-/139.199.27.244/-/2ms POST /api/activityAdd] nodejs.ER_TRUNCATED_WRONG_VALUE_FOR_FIELDError: ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Inc...
2019-03-04 19:05:00
175
转载 微信小程序实现瀑布流布局
前言最近在做微信小程序，有一个图片列表页面，想通过瀑布流方式来实现，个人比较喜欢这种效果先看实现效果图实现原理及代码将布局分为两列，我们可以使用flex设置 displex:flex 然后每列宽度设置50%<div class="photos"> <ul class="list"> <li class="list-it...
2019-03-03 18:00:00
286
转载 关于微信小程序textarea层级过高问题解决
一、前言相信做过微信小程序开发的人应该都碰到过这个问题，因为这个需求实在太常见了由于textarea是属于原生组件，层级最高，不管在页面中我们设置z-index值多少都会被textarea组件遮挡住，很影响用户体验，目前官方对该问题还没有修复，当然官方也给出了解决该问题的其他方案，使用cover-view和 cover-image替代，但个人感觉并不是很好，有一些限制二、使用场景...
2019-03-03 16:17:00
545
转载 一篇文章彻底搞懂es6 Promise
前言Promise,用于解决回调地狱带来的问题，将异步操作以同步的操作编程表达出来，避免了层层嵌套的回调函数。既然是用来解决回调地狱的问题，那首先来看下什么是回调地狱var sayhello = function(callback){ setTimeout(function(){ console.log("hello"); return ...
2019-02-23 19:14:00
121
转载 通过修改hosts解决gist.github.com无法访问的问题
1、打开mac终端先ping一下ping 192.30.253.119如果能ping通的话 ，说明可以访问2、修改hosts文件，添加如下语句：192.30.253.118 gist.github.com192.30.253.119 gist.github.com3、保存之后再访问，发现可以正常访问了转载于:https://www.cnblogs.com/fozero/...
2019-02-23 14:42:00
882
转载 es6涉及的那点东西
前言ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。目前并不是所有浏览器都能兼容ES6全部特性，我们可以使用Babel工具来转换成es5Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码最常用的ES6特性le...
2019-02-22 13:32:00
68
转载 Scss预处理器的使用总结
变量 、嵌套、Mixin混合、function函数、插值变量及文件导入通过$定义变量$white:#fff;$black:#000;变量引用.containner{ color:$black;}通常我们会单独创建一个局部scss文件来定义这些变量 例如 _varables.scssvarables前面的下划线用来区分这是局部文件，不会生成对应的css文件，通...
2019-02-22 01:45:00
212
转载 react入门学习及总结
前言不知不觉一年又过去了，新的一年又到来，2019应该要好好思考，好好学点有用的东西，规划下自己今后的学习方向，不要再像以前那样感觉很迷茫。react简单介绍官网及中文文档https://reactjs.orghttps://github.com/facebook/reacthttps://react.docschina.org/和vue一样，react是一个用于构建用户界...
2019-02-01 15:57:00
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人