- 博客(120)
- 收藏
- 关注
RSS订阅原创 react结合redux的开发步骤
一.第一步是介绍redux的工作流程逻辑解析图：二.第2步介绍下redux的应用如下图所示：首先通过Redux中的一个对象函数 createStore来创建一个store 创建上一步中的store的时候在createStore函数中传递reducer的函数来改变state的状态 创建一个action,这个action是个对象主要包含type和payload。这个type主要是reducer函数更新state状态的一个处理类型，根据类型分类对state内的状态进行相应的更新处理 上面..
2021-05-30 20:38:03
452
3
转载 NodeJS+Express+mySQL服务端开发详解
NodeJS+Express+mySQL服务端开发详解 随着NodeJS的发展，现在已经被很多人熟知，NodeJS已经成为了前端开发人员必备的技能。本文不会对NodeJS过多介绍 如果你感兴趣可以访问NodeJS 官网, 维基百科本文是利用NodeJS+Express开发一个服务器程序，Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架，为 Web 和移动...
2019-01-28 11:05:46
1444
原创 mescroll上拉加载的实现
html部分<div id="mescroll" class="mescroll"> <ul class="recordlist news-list" id="newsList"> <!-- <li> --> <!-- <div clas
2019-01-09 15:18:14
1217
转载 微信小程序城市列表功能
本文实例为大家分享了小程序实现城市列表选择的具体代码，供大家参考，具体内容如下实现效果预览 实现功能简介城市的选择 按中文/拼音/首字母条件搜索 按首字字母快速定位到城市位置目录结构主要代码app.js? 1 2 3 4 5 6 App({ globalData: { ...
2018-12-22 15:03:29
2527
转载 mpvue微信小程序http请求-fly.js
mpvue微信小程序http请求-fly.jsfly.js是什么？ 一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用（官网解释）fly.js有什么特点：提供统一的 Promise API。 浏览器环境下，轻量且非常轻量 。 支持多种JavaScript 运行环境 支持请求／响应拦...
2018-12-13 10:36:21
731
转载 基于Vue-cli和Vux的webpack配置
基于vue-cli配置然后使用vux的webpack配置npm i vue-cli -g // 如果还没安装vue init airyland/vux2 projectPathcd projectPathnpm i配置目的利用手淘flexible布局，字体需要根据dpr看来改变大小 利用postcss-px2rem自动转换页面中的rem，但是字体不转换，border利用...
2018-12-06 10:04:56
397
转载 Vue-Cli Error: EACCES: permission denied 解决方案
问题描述：当执行 vue init webpack 时，终端报错为：Error: EACCES: permission denied, unlink '/Users/xxx/.vue-templates/webpack/.gitignore'1. 解决方案# 第一步：删除提示中提到的 templates 文件夹sudo rm -rf /Users/xxx/.vue-templ...
2018-12-02 09:02:46
9358
转载 修改微信小程序官方picker-view日期选择器
项目需求截图，选择出生日期的时候需要用到微信的picker-view日期选择器 然后就发现官方picker-view组件有一些问题： 1、初始化日期不是当前日期 2、选择不同月份，日期都是从1-31号（其实不同月份 天数不同） 3、项目要求所选日期不能大于当前日期（既不能选择未来的日期） 在官方代码上，根据项目需求做了些修改wxml部分<view class="birth...
2018-11-28 11:17:16
4470
2
转载 阿里云CentOS6.3 安装MongoDB教程
阿里云CentOS6.3 安装MongoDB教程安装说明系统环境：Centos-6.3安装软件：mongodb-linux-x86_64-2.2.2.tgz下载地址：http://www.mongodb.org/downloads安装机器：192.168.15.237上传位置：/usr/local/软件安装位置：/usr/local/mongodb数据存放位置：/var/mon...
2018-11-11 19:48:30
310
原创 非常好用的轮播图插件
http://www.htmleaf.com/jQuery/Slideshow-Scroller/201709204749.htmlma5slider轮播图插件的github地址为：https://github.com/ma-5/ma5slider
2018-10-31 14:29:44
2969
转载 php用于防SQL注入的几个函数
用于防SQL注入的几个函数不要相信用户的在登陆中输入的内容，需要对用户的输入进行处理SQL注入：' or 1=1 # 防止SQL注入的几个函数： addslashes($string):用反斜线引用字符串中的特殊字符' " \$username=addslashes($username); mysql_escape_string($string)：用反斜杠...
2018-09-22 10:26:37
7770
原创 php将从数据库取出的数据分为6个一组的二维数组
$presell = M('presell')->field('id,sname,num,weight,shop_price,endtime,supply,givetime')->where($info)->order('id desc')->select(); //将数据分为6个一组的二维数组 rsort($presell); ...
2018-09-21 11:27:41
1061
原创 文字上下滚动的实例
html:<div class="rightbtm box"> <div class="uls"> <p><a href="#"><span class="span1s">[出售信息
2018-09-19 12:02:29
625
转载 vue插件集合
UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端...
2018-09-10 17:48:18
605
转载 vue 常用ui组件
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://m...
2018-09-10 17:04:57
213
转载 scss的语法
这里既然是对语法的介绍，那么至于如何安装和编译scss我就不多少了，主要是因为本人在群里认识的小伙伴有的不会用scss，所以就借着放假的机会来对scss语法做个总结，博主在开发过程中用scss蛮多，所以对scss语法还是熟知的。1.自定义变量$color:pink;.test1{ background-color:$color;}通过编译工具编译出来后.test1{...
2018-09-08 20:46:59
313
转载 微信小程序下拉刷新/上拉加载更多
查看文档，在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部，在小程序里，用户顶部下拉是默认禁止的，我们需要把他设置为启用，在app.json中的设置对所有页面有效，在单独页面设置则对当前页面有效；看一下json文件 "enablePullDownRefresh": true,注意这里的true是布尔型而不是字符； 有...
2018-09-01 10:56:47
370
转载 js如何判断用户使用的设备类型及平台
js如何判断用户使用的设备类型及平台 前端开发经常遇到需要判断用户的浏览设备，是pc端还是移动端，移动端使用的是什么手机系统？android、ios、ipad、windows phone等等，有时候还需要知道用户浏览页面是在微信中打开还是在移动端浏览器中打开，等等一系列判断做一些相应的处理。 1、首先判断pc端还是移动端。1 function IsPC() {2 var us...
2018-08-27 16:13:06
564
原创 各种各样的K线图集合
html: <div id="container" style="width:100%;height:400px;position: relative"></div>js:var data = [ 0.8446, 0.8445, 0.8444, 0.8451, 0.8418, 0.8264, 0.8258, 0.8232, 0.8...
2018-08-27 13:55:24
1615
转载 iframe嵌套改变url地址
2种情况：1、打个比方，一个页面A里面有一个iframe，iframe里面显示的是B页面。需要在B页面修改A页面下的iframe的url(如果楼猪是这个意思)。在B页面里面可以这样：window.parent.SetiframeUrl(url);（SetiframeUrl是父页面(A页面)的一个js方法）。如果楼猪是多层嵌套。比如B页面里面还有个iframe，iframe里面还有个C页面。如果...
2018-08-24 15:26:19
14145
转载 js滑动到底部加载更多
版权声明：本文为博主原创文章，转载请附上原链接。 https://blog.csdn.net/weixin_39927850/article/details/80502315 上面动图是实现的效果。全程无需重新加载整个页面，只需要上下拉即可刷新数据！index.html <!DOCTYPE html><html lang="en"...
2018-08-24 11:43:05
1327
转载 js中时间戳与日期格式的相互转换
下面总结一下js中时间戳与日期格式的相互转换：1. 将时间戳转换成日期格式： 1 2 3 4 5 6 7 8 9 10 11 12 function timestampToTime(timestamp) { var date = new Date(ti...
2018-08-22 17:24:51
254
转载 nodejs操作mongodb增删改查
1. Mac系统上安装使用Homebrew安装$ brew updata // 更新Homebrew的package数据库$ brew install mongodb2. 启动MongoDB$mongod --config /usr/local/etc/mongod.conf// sudo mongod3. 使用MongoDB shell$ mongoMong...
2018-08-22 06:39:35
7617
1
转载 最近微信方面的更新 getUserInfo:fail scope unauthorized
最近微信方面的更新 getUserInfo:fail scope unauthorized按照原来的openSeting 目前出现的问题是 打开权限设置页面会出现空白在获取用户信息时 需要使用button按钮进行获取 1.获取用户头像昵称，第一次需要使用 button 组件授权，如果已经用组件授权了，wx.getUserInfo 可直接返回用户数据，无需重复授权弹窗。2. 如果没...
2018-08-21 11:03:51
916
转载 微信小程序获取openid
获取openId (用户唯一标识)和session_key第一步，获取code调用wx.login(OBJECT) 获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid） 及本次登录的 会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。 注：调用 login 会引起登录态的刷新，之前的 sessionKey 可能会失效示例代码：...
2018-08-21 10:42:53
253
转载 登录实现并获取到用户唯一标识
正文：功能：登录实现并获取到用户唯一标识官方文档地址：可以先看完我的文章再看官方地址实现步骤：1.调用微信API wx.login()得到code 2.把得到的code传给后端，在后端请求https://api.weixin.qq.com/sns/jscode2session3.后端把得到的用户唯一标识（openid）传给前端并在前端保存接下来就直接把完整的流程写出来了...
2018-08-21 09:26:57
4263
转载 微信小程序之分享功能
微信小程序之分享功能小程序风口正盛，将小程序作为获客的来源之一实在合适不过，想要让小程序的获客产生裂变，那么从将小程序的数据发送出去势在必行，本文提供以下几种方案作为数据出口，达到老拉新/口碑传播的效果。本文中所介绍的东西并没有高深的技术含量，都是一些很简单的技巧而已。一、分享：让用户使用小程序之后，再将它分享给好友，或者发送到朋友圈，实在太合适不过了。1.转发给好友/群：...
2018-08-20 23:23:07
4989
转载 微信小程序中使用圆形倒计时实例
需求概要小程序中使用圆形倒计时，效果图：思路使用2个canvas 一个是背景圆环，一个是彩色圆环。 使用setInterval 让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子；盒子使用相对定位作为父级，flex布局，设置居中；一个canvas，使用绝对定位作为背景，canvas-id="canvasProgressbg"另一个can...
2018-08-20 22:28:39
4140
1
转载 微信小程序自定义弹窗实例
自定义模态对话框实例由于官方API提供的显示模态弹窗，只能简单地显示文字内容，不能对对话框内容进行自定义，欠缺灵活性，所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。wx.showModal(OBJECT) 自定义 模态对话框涉及文件界面 wxml 样式 wxcss 事件及方法 js效果图界面代码 .wxml<button class="sh...
2018-08-20 21:57:11
6029
1
转载 在nodejs中操作mongodb
3.0文档：http://mongodb.github.io/node-mongodb-native/3.0/1.引入依赖包：npm install mongodb --save-dev2.建立一个简单的服务，引入依赖包：var express = require('express');var app = express();var MongoClient = requi...
2018-08-19 22:30:06
266
转载 bootstrap的分页
jsp页面引入bootstrap样式，jquery和bootstrap-paginator.js <link type="text/css" rel="stylesheet" href="bootstrap.css"> <script type="text/javascript" src="jquery.min.js">&
2018-08-13 15:27:32
364
转载 百度地图调用实例
样式： <style> body,html,div,header{ margin:0; padding:0;} #icon_header { width: 100%; height: 45px; line-height...
2018-08-06 09:59:39
402
转载 百度地图jsapi
1.创建地图:<style type="text/css">body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}</style><script type="text/javascript" src="http://api.map.
2018-08-06 09:56:29
315
转载 js 获取url多个参数
1、js获取单个参数js获取url传递里面的参数url="http://t.html?id=151"; var url = window.location.href; var id = url.substr(url.indexOf("=") + 1, url.length); id 获取的值为151 2、js获取url多个参数 传值:window.l...
2018-07-27 17:04:02
2082
转载 js 中使用 时间datetime 类型到前端iOS 不兼容问题
需求和思路 需要重点是这个 结束时间 要展示倒记时。思路是用setTimeout()函数做。遇到的问题数据库传过来的日期类型在IOS 不能正确解析代码//倒计时函数 一秒钟执行一次setInterval(daojishi,1000);//倒计时函数 用each 遍历所有需要处理的时间function daojishi(){ $(".truetime")...
2018-07-27 14:24:20
1384
转载 JavaScript中的Date对象在Safari与IOS中的“大坑”
最近小编在做一个会议室预定的功能，这个功能就像在买电影票时选择座位一样，看看会议室的哪个时间段空闲，有什么设备等等。由于我做的是APP，APP既要兼容Android，又要兼容IOS，刚开始的开发与调试我都是用谷歌浏览器干的，我没有用其它浏览器进行测试，谁知道最后遗留一个很大的隐患。下面是我的界面。 问题一： 这个界面运用了大量的日期类型的计算，当我们用JavaScript实例化一个日期...
2018-07-27 14:19:30
249
转载 input type=file 实现上传、预览、删除等功能
不知何时，突然对上传文件按钮起了浓厚的兴趣，当然这源于工作的需要。当时为了顺利上线，索性直接引用了jQuery的一个上传组件，简单粗暴。后来闲下来，就对这个进行了一番研究，然后做了一个简单的Demo。友情提醒：不要上传过大的文件，不然换谁都受不了，目前不支持坑爹的低版本IE戳我看看虽然有点丑，但是基本功能实现了就好其实要实现这个功能挺简单的，因为有现成的API可以参考，不会...
2018-06-22 16:33:10
1958
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人