- 博客(49)
- 收藏
- 关注
转载 当async/await碰见forEach-------------爆炸
let p = ['http://img3.imgtn.bdimg.com/it/u=3278834702,2663618759&fm=26&gp=0.jpg', 'http://img5.imgtn.bdimg.com/it/u=4180508012,1972588723&fm=15&gp=0.jpg', 'http://img10.360buyim...
2019-09-28 15:38:00
171
转载 vue中$bus的传参的坑
今天在做项目的时候碰见一个坑就是B页面有个点击事件需要触发完然后跳转到A页面,接着页面跳转过去后再A页面的create生命周期中利用on监听事件的改变,接着赋值给data里面某个数据,但是奇怪的问题是赋值成功后没有引起页面的同步更新,,,,,,,,,,,,,,,,,,,终于找到一种解决方法,代码如下转载于:https://www.cnblogs.com/...
2019-09-20 22:55:00
482
转载 在dva框架和create-react-app创建出来的框架中修饰器语法与按需加载引入antd分别配置...
按需加载需要的包babel-plugin-import 装饰器语法需要的包@babel/plugin-proposal-decorators dva框架将.webpackrc 改成.webpackrc.js然后具体配置const config = {};config.proxy = { "/api": { "target": "htt...
2019-08-18 17:01:00
217
转载 dva与create-react-app的结合使用
dva与我们的create-react-app创建的两款脚手架是我们写react项目的两款优秀框架,之前一种使用create-react-app这款脚手架进行开发。然后这个框架美中不足的是redux方面着实令人书写麻烦 然而dva框架就对其进行了封装改良 使其看起来vuex相似度十分高 下面给大家介绍下用这两个框架结合起来开发的步骤吧 首先利用create-react-app生...
2019-08-18 14:40:00
363
转载 网络请求之jsonp封装
首先介绍下jsonp原理 浏览器因为同源策略的限制,在不同源的服务器通过我们传统axios是不能直接用来请求数据的(忽略代理),而src标签则不受同源策略的影响,所以我们需要动态的创建带有src的标签让其进行数据的请求,这就是jsonp的原理,在src的URL地址末尾拼接上一个回调函数,用来接受服务器传回来的数据前端jsonp的封装展示 1 //...
2019-08-14 17:24:00
137
转载 js中的超过16位数字相加问题
方案一 1 function sub(str1, str2) { 2 // 补全0,并多补一位0 3 let arr1 = null, 4 arr2 = null 5 if (str1.length > str2.length) { 6 str1 = '0' + str1 7 ...
2019-08-06 11:36:00
502
转载 dva框架简单描述使用
首先传统的create-router-app脚手架生成的脚手架我们写仓库的时候用reducers进行调用还有thunk进行异步操作的时候,需要多层函数进行调用,这样会让我们代码进行维护的时候变得麻烦,然后dva这款框架就弥补了我们这方面的问题 下面给大家介绍下这款脚手架的一些个人用法把 框架刚下载下来后是routes这个文件夹放的路由页面内容的 然后个人把其改成了...
2019-08-02 23:17:00
179
转载 后台管理系统之图片上传功能
此案例是基于nodejs开发的一个操作banner图后台管理系统 具体功能详解如下 1、文件上传功能 1-1、前端操作 首先文件上传我们利用了input框的h5特性 file //此时需要注意的地方是 我们设置了axios的拦截 在处理post请求的将所有的参数转成了字符了 而这个文件上传则不需...
2019-07-27 19:38:00
2273
转载 剪贴板功能的实现
利用的插件包clipboard-polyfill 1 import React, { Component } from 'react' 2 3 import clipboard from "clipboard-polyfill" 4 import {Button} from "antd" 5 6 export default class Main ex...
2019-07-25 17:05:00
111
转载 前后端登录注册之node剖析与token的使用状态
登录模块功能详解 1、用户名密码的格式验证 由前端完成,根据需求自行决定,不加叙述 2、点击提交按钮思路详解 前端将用户名 以及加密后的密码还有验证码输入的内容统一发给后端 由后端和数据库的数据进行比对 将比对的结果返回给前端 3、密码加密及解密技术 使用插件包------jsencrypt ...
2019-07-24 15:34:00
398
转载 微信小程序之购物车demo
这篇小demo主要使用了一下几个技术点1、全局变量的使用在这里定义的变量 任何一个页面和组件都可以访问到在使用到的页面const app = getApp();声明一个实例然后app.globalData.buyList这样就可以访问到修改也可以直接修改2、input组件的使用这种把checkbox-g...
2019-07-19 21:05:00
640
转载 微信小程序之楼层效果
今天做了一个小程序实现一个楼层效果 带大家分享下经验和api的使用吧如图 将左边和右边各分了一个组件 目录如下 其中list页面是这个楼层效果的页面 components是组成这个页面的两个组件 list为列表组件 title为右边字母固定的组件list主页面的代码如下 <!--pages...
2019-07-17 20:52:00
1260
转载 Navicat连接MySQL8.0版本时 建议升级连接客户端这个提示怎么办
开始-》mysql 8.0 command line client -》执行下面的命令//开启mysql服务mysql.server start//进入mysqlmysql -u root -p//修改密码方案3(对)USE mysql; ALTER USER 'root'@'localhost'IDENTIFIED WITH mysql_native_passwo...
2019-07-15 10:27:00
1142
转载 将博客搬至CSDN
将本博客同步到CSDN中去转载于:https://www.cnblogs.com/cq1715584439/p/11147335.html
2019-07-07 19:31:00
53
转载 redux之createStore方法底层封装模拟
首先在看代码之前让我们一起回顾下redux的思想吧 首先redux就是一个MVC思想的框架,他总体是遵循数据的单向流动自顶向下流动在我们仓库中有一个initState用来存储着我们的初始数据 另外还有个actions这个用来进行一些变量的改变和传递 也就是MVC结构中的C---控制层另外里面的reducer是对应着MVC中M层 用来进行逻辑的处理 注意这里的逻辑处理不能...
2019-07-01 20:58:00
151
转载 5.0.1版本的react-router-dom路由传参以及路由表的配置和接收页面的接受
1 //第一种 通过问号传参 2 //发送 3 this.props.history.push("/detail?id="+item.downurl) 4 //路由表配置 5 <Route path="/detail" component={Detail} exact></Route> 6 //接收 可以获取到?后面的方法 7 t...
2019-06-24 21:29:00
301
转载 前端设计模式之观察者模式
所谓的观察者模式我所认为的就是订阅发布。其中中间关于调度方法还有一点区别,这里就不多做叙述了 接下来给大家分享下我对所谓的发布订阅的理解吧,其实这种设计理念在react体现在了跨组件通信中,原理就是订阅者写一个函数然后不执行,接着把其储存在某一个地方,等待着发布者去触发这个函数,然后达到触发函数进行函数传参,从而能够达到组件之中的跨组件通信 接下来给大家分享...
2019-06-15 08:13:00
131
转载 当better-scroll遇见了react擦出的火花
关于better-scroll这个插件前面已经介绍过两次了 从原生js使用到结合服务端发送数据使用都有过介绍 今天给大家分享一下这款插件在react中遇见的坑 总之我真是对这款插件又爱又恨 每次各种bug十足后还不去抛弃他继续去研究他 真是恨之切,爱之深,典型的受虐狂啊 哈哈 好了废话不多说接下来给大家展示在react遇见的小问题 首先我想实现的是一...
2019-06-13 20:05:00
438
转载 vue简单总结
首先 介绍几个常见指令 指令:以属性的形式出现在标签上 v-xxx1、内置指令 数据绑定指令 v-html v-text 举例 <span v-html="msg">将msg这个数据对应内容展示在这里<span>2、条件指令 v-if v-else v-else-if v-show 前者控制DOM结构是否加载 一般用于页面刚初始化进来...
2019-06-03 18:59:00
815
转载 浅拷贝 与递归实现深拷贝封装
1 function shallowCopy(opj) { 2 let newOpj = {}; 3 for (let el in opj) { 4 newOpj[el] = opj[el] 5 } 6 return newOpj 7 } 8 9 shallowCopy({10 "name...
2019-05-14 09:15:00
99
转载 利用mock生成随机的东西
1 Mock.mock({ 2 "list|100": [ 3 { 4 'id|+1': 1,//id排列 5 6 'color': '@color()',//随机颜色 7 8 'date': '@datetime()',//随机时间 9 10 ...
2019-05-12 19:21:00
1098
转载 获取select文本框的下拉菜单文字内容的两种方式
1 <body> 2 <div class="box"> 3 <select id="sel"> 4 <option value="">我是一号</option> 5 <option value="">我是二号</op...
2019-05-08 09:10:00
256
转载 事件委托之发现新大陆 哈哈哈
用过事件委托的朋友想必都知道 可以解决新增的元素添加不上事件这种情况 和事件委托解决了这个好处但是有时我们有这么一种结构 却还想用事件委托就无能为力了 例如1 <div class=content>2 3 <div class="list">4 <p>1111</p>5 <...
2019-05-06 11:02:00
76
转载 利用伪类选择器与better-scroll的on事件所完成的上拉加载
之前给大家分享过一篇上拉加载 利用了better-scroll的pullUpDown 和DOM元素的删除添加 感觉那样不太好今天给大家分享一个不同的上拉加载思想 代码如下 1 class List { 2 constructor(opj) { 3 this.page = opj.page;//第几页数据 4 this...
2019-05-06 10:38:00
80
转载 当flex遇到white-space: nowrap; 排版就飞了的神奇问题 吐血
在做一个移动端排班的时候需要某一行的字超出的部分用省略号代替 然后写着发现后面排版乱了HTML结构如下 我想让第二个span的内容加省略号css正确的代码如下 1 .list { 2 width: 100%; 3 .item { 4 width: 100%; 5 hei...
2019-05-04 19:15:00
175
转载 gulp之几个常用插件介绍
今天给大家分享一篇gulp几款插件的使用 以下代码用到得模块加载‘ 1 const gulp=require("gulp");2 const gulpSass=require("gulp-sass");3 const gulpAutoprefixer=require("gulp-autoprefixer");4 const...
2019-04-27 14:44:00
95
转载 浅谈nodejs中HTTP模块应用
这里给大家分享下后端人员如果利用nodejs对数据的一些处理情况 适用于初学者使用 大牛勿喷给大家分享下主要后端思想部分代码,前端部分就不展示了 1 const http = require("http"); 2 const fs = require("fs"); 3 const url=require("url"); 4 const path = ...
2019-04-23 21:19:00
166
转载 多种方式实现数组的扁平化处理
//task 1 split方法处理1 function flattening(arr) {2 let arr1 = (arr + "").split(",");3 //此时得到的每一项的字符数组4 //接着转数字5 let arr2 = arr1.map(item => {6 return item ...
2019-04-20 21:37:00
227
转载 利用node中的内置模块fs实现对简单文件的读取 拷贝 创建等功能
1、文件的读取我们想要根据如下一种目录生成一种json数据代码如下 1 //此函苏是对目录进行读取的 2 3 //我们想要生成的是一个根据目录所创建的json数据 4 5 const fs = require("fs"); 6 const path = require("path"); 7 8 function read(root...
2019-04-19 09:38:00
114
转载 浅谈es5和es6中的继承
首先给大家介绍下在es5中构造函数的继承 1 function A(){ 2 2 //构造函数A 3 3 this.name="我是A函数"; 4 4 } 5 5 6 6 A.prototype={ 7 7 cons...
2019-04-15 19:08:00
70
转载 js之冒泡排序与快速排序
1 //冒泡排序 2 let arr = [1, 6, 3, 7, 5, 9, 2, 8]; 3 function sort(arr) { 4 //升序 5 console.time("冒泡排序耗时") 6 let num1 = null; 7...
2019-04-14 14:48:00
60
转载 async之诗句慢慢出现
<body> <ul class="oul"></ul> <script> let str = ["君不见,黄河之水天上来,奔流到海不复回。", "君不见,高堂明镜悲白发,朝如青丝暮成雪。", "人生得意须尽欢,莫使金樽空对月。", ...
2019-04-13 20:39:00
66
转载 async函数结合promise的小案例
async 函数这个可以让异步变成可控的代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-04-13 20:32:00
200
转载 页面刷新的一些方法
页面刷新方法注意点:location.reload();页面刷新,浏览器会重新向服务器端发请求,并下载资源,不会使用浏览器缓存history.go(0)页面刷新,浏览器会重新向服务器端发请求,并下载资源,不会用浏览器缓存而location.href=location.href页面刷新并且浏览器会使用缓存数据但有一点很值得注意的地方是location.href=...
2019-04-06 22:01:00
345
转载 swiper插件几个容易忽略的地方
以下内容为swiper4版本的1、在我们用swiper插件做轮播的当我们左右滑动后会出现自动轮播停止了 此时我们需要在autoplay中加上这个属性autoplay:{delay:1000,disableOnInteraction: false}2、当我们加了loop属性后 会让轮播无缝循坏播放 但是这里注意如果结合通过on方法获取得下标做tap切...
2019-04-06 21:30:00
72
转载 better-scroll之吸顶效果巨坑挣扎中
今天和大家分享下better-scroll这款移动端用来解决各种滚动需求的插件(目前已经支持PC)关于其中的API大家可以去官网看下 这里就给大家介绍几种常用的以及需要注意的点是什么首先说一下better-scroll的使用注意问题吧 1、移动端 我们通常采用三段式进行布局的 例如 <div class="container"> ...
2019-04-05 22:30:00
455
转载 利用ascii码生成26个英文字母
<script> let a = ""; for (var i = 65; i < 91; i++) { a += String.fromCharCode(i); } alert(a); //大写字母A到Z的ascii码是从65到90 ...
2019-04-02 21:57:00
695
转载 移动端利用canvas画布简单实现刮刮乐效果
为了研究canvas一些属性简单实现的一个小效果 代码样式不太规范 随手写的 请问喷 初学者可以看下css代码<style> * { margin: 0; padding: 0; } html, body { ...
2019-03-29 11:36:00
211
转载 新闻滚动效果
今天给大家分享一个新闻滚动的效果 具体代码如下task1HTML结构 1 <div class="box"> 2 <div class="count1"> 3 <p>1号标题</p> 4 <p>2号标题</p> 5 ...
2019-03-24 22:01:00
162
转载 原生JS实现移动端的轮播效果
首先 我们想实现的效果是在手指按下拖动的时候图片能够跟随移动(无动画效果)然后松开手指后判断图片移动的位置 和某一个值进行比较在这里我们默认定为盒子的1/3宽度 当x轴的移动位置大于1/3的时候图片切换到下一张或者上一张(此时需要有动画效果)当图片移动位置小于1/3的时候 抬起手指的图片回到原位( 此时也有动画效果) 具体代码如下布局就是简单的长列形式 让最...
2019-03-19 17:41:00
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人