- 博客(102)
- 收藏
- 关注
RSS订阅原创 剪贴板功能的实现
利用利用的插件包 clipboard-polyfillimport React, { Component } from 'react'import clipboard from "clipboard-polyfill"import {Button} from "antd"export default class Main extends Component { const...
2019-11-29 09:26:35
287
原创 当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.360buyimg.com/n...
2019-11-29 09:19:08
445
原创 Css动画
transition过渡动画改变属性位移 translatetransformtranslate(x,y) 改变位移(2d)translate(x,y,z) 3d转换 用于z轴的值translateX(x) 改变x方向translateY(y) 改变y方向translateZ(z) 改变z方向缩放 scalescale(数值) 缩放元素的倍数scale(x,y...
2019-11-12 18:38:38
147
原创 React与Vue的区别与联系原理
React与Vue的区别与联系原理通常解答:Vue是采用指令结合vue-loader实现构建用户界面的渐进式框架，React是采用jsx构建用户界面的组件化开发大牛解法在渲染用户界面的时候，DOM的操作是最昂贵，不幸的是没有库可以让这些原始操作变得更快。我们能做的最好的就是尽量减少DOM操作。Vue 和 React 都使用虚拟DOM来实现，并且两者工作一样好；相同点：都...
2019-10-29 10:13:14
1394
原创 正则的定义及语法
正则的定义正则就是规则，用来操作字符串的，判断字符串格式是否正确。正则就是用来验证字符串的。正则写法语法:正则字面量（字符串） var reg = // reg就可以验证字符串。正则对象语法：创建正则对象 对象:new RegExp(模式,修饰符);正则对象和正则字符串的区别(1)正则对象里：要使用双斜杠 \w ,\d, 转义时，也要双 \...
2019-10-24 13:47:52
2405
原创 最全整理浏览器兼容性问题与解决方案
想要知道各个浏览器的兼容问题就请抬起你的小手点击下面的一段文字吧，快来吧！！！！！！！！！！！ 常见浏览器兼容性问题与解决方案
2019-10-11 14:34:14
379
原创 简单倒计时实现，精确到到天，时，分，秒，具体可自行设置
欢迎来到我的博客不废话，直接上代码，代码虽然简单，能给读者带来点丝毫的便利也是好的。<html><head lang="en"> <meta charset="UTF-8"> <title>倒计时实现</title> <style> .ddd{ width:...
2019-10-11 10:10:32
886
原创 egg+react 增加 删除 详情
以下的这些就是一个简单的增删查技术栈前台：react后台： egg+mysql后台app/controller.user'use strict';const Controller = require('egg').Controller;class userController extends Controller { //获取数据库数据 async userlist...
2019-09-30 10:11:06
317
原创 egg+vue 登录,注册分页器，详情，添加
这是一个小型还没有完善的特别完整的案例，里面包括了上面的功能，希望对小伙伴们有帮助哦！！！！！！！技术栈前台 vue +element-ui后台 egg+mysql注意以下几点首先需要配置 config.default.js和plugin，里面包括mysql的配置,以及安全检测的关闭。* config.default.jsconfig.mysql = { // 单数据库...
2019-09-30 09:46:46
1966
原创 豆瓣-》模糊搜索-》详情
这个里面包括了详情和模糊搜索app.js 豆瓣接口 globalData: { url: "http://t.yushu.im/",//主域名 coming: "/v2/movie/coming_soon",//最近上映 theaters: "/v2/movie/in_theaters",//热门 top250: "/v2/movie/top250",//2...
2019-09-24 09:28:13
233
原创 微信小程序 购物车+详情+swiper
这个小案例里面有购物车的加减，全选，总价，总数，swiper,详情，对于初学微信小程序的小伙伴们,希望对你们能够有帮助哦。如何小伙伴们要写本地数据的话可以写在app.js里面哦，首先在主文件夹里面的app.json里面写上tabBar这个里面有点击图片选中与没选中的生僻单词，一定要记住哦 "tabBar": { "list": [ { "...
2019-09-21 17:10:08
399
原创 解决各浏览器存在的兼容问题
1.问题：png24 位的图片在 iE6 浏览器上出现背景解决：解决方案是做成 PNG82.问题：浏览器默认的 margin 和 padding 不同。解决：方案是加一个全局的 *{margin:0;padding:0;} 来统一。3.问题：IE6 双边距 bug，浮动后产生的双倍距离:块属性标签 float 后，又有横行的 margin 情况下，在ie6 显示 margin 比设置的...
2019-09-21 11:53:22
499
原创 axios封装请求响应拦截
这段代码是运用axios封装请求,响应,请求头，并且将get和post请求的接口直接暴露出来了，小伙伴们如果需要使用，必须主要在请求后台数据的时候使用 post/get("接口").then(res=>{console.log(返回数据)})import axios from "axios";let request = axios.create({ /* * pr...
2019-09-21 11:44:27
265
原创 隐藏元素的各种方法
CSS隐藏元素的几种方法1、display，使用none值会让元素从文档中直接删除，”直接消失不见了”用法：display:none优点：简单暴力，不需要多余代码。不占空间，对布局没影响。缺点：元素从文档删除，不利于seo2、text-indent，一般是首行缩2个中文字的用法是text-indent:2em。但当给他一个足够大的负值，大到一般我们浏览器无法显示。用法：text-ind...
2019-09-20 21:07:59
386
原创 egg.js中使用egg-mysql操作mysql数据库
在 egg项目中安装 egg-mysqlnpm i egg-mysql --save2、在{app_root}/config/plugin.js中启用 egg-mysql插件:'use strict';/** @type Egg.EggPlugin */module.exports = { //mysql mysql:{ enable:true, ...
2019-09-20 20:43:22
1817
原创 socket.io+egg+react_聊天室
技术栈：Socket+egg+react前端react(vue和小程序都可以)后端：egg,通信工具：socket.iosocket官网：https://www.w3cschool.cn/socket/socket-1olq2egc.htmlsocket.io.js是什么呢:比如你和你的男朋友结婚了，你希望你们的家人都能见证你的幸福，这个聊天室就能帮你通知到你的家人们。socket....
2019-09-20 20:10:33
692
4
原创 Socket_简单聊天室
socket是什么呢，通俗一点其实就是我们现在的微信，QQ所有的社交软件，所以现在我们把这个功能用简单的代码实现出来。现在这个呢是一个简单的聊天室，前台运用了index.html和nodejs写出来的一个小型聊天室app.js首先需要下载一个ws/** 搭建一个服务* 等待客户端连接* 收发消息* ws* *///1: 引入模块let WebSocket = re...
2019-09-20 15:02:07
283
原创 node.js爬虫
小伙伴们参考一下代码，可以将网上的代码收入你的囊中哦，加油！！！手指动起来吧'use strict';const Controller = require('egg').Controller;const superagent = require('superagent')const cheerio = require('cheerio')function format3Mooc(h...
2019-09-20 11:23:45
191
原创 javascript之apply()和call()用法浅析
每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象。call()方法与apply()方法的作用相同。它们的区别仅在于接收参数的方式不同。对...
2019-09-19 20:19:49
123
原创 React 封装路由
封装路由routerConfig.js import Movie from "../views/movie"; import Cinema from "../views/cinema"; import Mine from "../views/mine"; import City from "../views/city"; import Search from "../views/s...
2019-09-18 20:49:47
2313
原创 nodejs用egg框架实现图片上传
1.创建app/public/admin/upload 文件夹用于存放上传的图片2.在app/service/tools.js（工具）下写一个文件上传的方法 /** * 获取文件上传目录 * @param {*} filename */ async getUploadFile(filename) { // 1、获取当前日期 20180920 let...
2019-09-14 19:36:56
2094
1
原创 什么是防抖和节流？有什么区别？如何实现？
有这样一种应用场景，在滚动事件中做一个复杂取值计算或者频繁的触发一个事件，这是很影响性能并容易导致页面卡顿的，所以要合并多次请求，通过函数做一个精确操作。这时就会用到函数防抖或者函数节流，那么，这两种方式有什么区别呢？个人认为：函数节流是：在固定的时间内触发事件，每隔n秒触发一次指连续触发事件但是在N秒中只执行一次函数，即每间隔某个事件去执行某个函数，避免函数的过多执行应用场景：win...
2019-09-12 12:07:06
302
原创 vuex购物车
Hi,这个购物车是通过 koa后台读取json数据，前台通过vue,vuex写的前台,小伙伴们主要还是思路要清楚哦,下面先来看看这个小型案例的魔法吧！！！！！home.js主要写的首页渲染,，以及添加购物车的功能点<template> <div class="home"> <header>首页</header>...
2019-09-10 14:48:56
263
原创 egg脚手架创建项目
官网写得很详细，可以快速用脚手架来搭建项目。我在这里记录一下 搭建项目的步骤egg创建脚手架先安装到全局npm install egg-init -g创建项目文件夹egg-init 文件夹名 --type=simple下载依赖npm install 启动项目 npm test / npm run dev /npm start启动成功之后浏览...
2019-09-09 14:44:22
1321
1
原创 react受控组件和非受控组件
这个小案例就是总结了受控组件的意思，还有react子父传参的例子哦,忘记受控组建的小伙伴们可以看看啊App.jsimport React, { Component } from 'react'import Top from "./top"import Comment from "./comment"import "./style.css"class App extends Compo...
2019-09-09 14:09:31
211
原创 Git分支管理
所谓的分支管理其实就是就是同时可以有多条时间线在执行，最终合并为一个点，有点类似于多线程操作，这也正是git有别于其他版本控制软件的地方。 创建与合并分支在版本回退里，你已经知道，每次提交，Git都把它们串成一条时间线，这条时间线就是一个分支。截止到目前，只有一条时间线，在Git里，这个分支叫主分支，即master分支。HEAD严格来说不是指向提交，而是指向master，master才是指向...
2019-09-07 15:07:34
141
原创 vue2./vue.3.x实现跨域(proxytable/proxy)
vue2.xconfig/index.jsproxyTable: { '/api': { target: 'http://localhost:3000/', // 请求的接口的域名 // secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, // 如果接口跨域，需要进...
2019-09-07 14:26:41
488
原创 React 瀑布流布局的实现 （移动端）
React 瀑布流布局的实现代码 ,瞅下面！！！！import React, { Component,Fragment } from 'react';import {connect} from'react-redux'import Axios from '_axios@0.19.0@axios';class Waterfall extends Component { const...
2019-09-07 14:24:05
2480
原创 js 输出计算机cpu信息
const os = require('os'); var dealTime = (seconds)=>{ var seconds = seconds|0; var day = (seconds/(3600*24))|0; var hours = ((seconds-day*3600)/3600)|0; var minutes = ((seconds-da...
2019-09-07 14:17:33
2759
3
原创 node_express 后台连接MySQL
node+express 后台连接MySQL创建server全局下载 npm install express-generator@4 -g进入目录 与src同级 express --view=ejs server进入server目录 cd server下载依赖 cnpm install启动服务器 npm startserver/db/index.jsvar mysql ...
2019-09-07 14:12:05
230
原创 MySQL错误：2003-Can't connect to MySQL server on 'localhost'(10061 "unknown error")
* 今天数据库出了一点错误之后决定重装一下，结果卡在了一个问题上，连装了5遍，加上网上各种配置教程都没能结局，错误如下图所示：第一种解决方案是开启本地的MySQL服务，这样很容易就可以解决这个问题了。如果这样无法解决问题您可以再尝试一下第二种解决方案。...
2019-09-07 12:05:32
2777
原创 koa2搭建服务器
koa服务步骤npm init 初始化package.json安装koa2 npm install koakoa创建服务项目根目录 新建 index.jsconst Koa = require('koa')const app = new Koa()app.use( async ( ctx ) => { ctx.body = 'hello koa2'})app....
2019-09-06 15:18:21
890
原创 koa2脚手架创建项目
koa2脚手架创建项目安装：npm install -g koa-generator新建项目koa2 -e koa2-文件夹名下载node_modulesnpm install最后一步 启动服务npm run dev
2019-09-06 09:49:41
1055
原创 crypto 非对称 加密-解密
/** * @func [引入crypto] * @func [公钥加密,私钥解密] */ let crypto = require('crypto'); let fs = require('fs'); //公钥 let public_key_buffer = fs.readFileSync("public_key.pem"); //私钥 let private_...
2019-09-05 21:07:51
982
原创 npm发包流程-如何发布自己的包
npm发包流程注册npm账号（已有可忽略）首先新建一个文件夹初始化npm init --yes，生成package.json文件新建一个index.js，在文件里面写一个方法(排重,排序)配置代理 npmjs npm config set registry=http://registry.npmjs.org配置淘宝镜像 npm config set registry http:...
2019-08-30 20:18:00
850
原创 applyMiddleware原理和middleware中间件原理及应用场景
首先看下redux执行流程：redux设计思想：（1）Reducer：纯函数，只承担计算 State 的功能，不合适承担其他功能，也承担不了，因为理论上，纯函数不能进行读写操作。*（2）View：与 State 一一对应，可以看作 State 的视觉层，也不合适承担其他功能。（3）Action：存放数据的对象，即消息的载体，只能被别人操作，自己不能进行任何操作。想来想去，只有发送...
2019-08-16 10:54:00
897
原创 使用Ajax解决浏览器缓存问题
HTTP缓存浏览器第一次向服务器发起HTTP请求，服务器会返回请求的资源，并在响应头中添加一些有关缓存的字段，如cache-control expires等，之后浏览器再向服务器请求资源就可以视情况使用缓存HTTP缓存分类强缓存：浏览器直接从本地缓存中获取数据，不与服务器打交道协商缓存：浏览器发送请求到服务器，服务器判断是否可使用本地缓存使用Ajax解决浏览器缓存问题在一些项目...
2019-08-16 09:01:04
524
原创 HTML，CSS，JavaScript知识树思维导图
最近大脑回忆了一下 HTML,CSS,JavaScript 的一些知识点，并且将它做成了思维树，大家可以复习并且巩固一下你的入门知识点哦，加强一下哦CSS1层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态...
2019-08-15 10:52:55
597
原创 token登录验证机制
看一张图解释 token登录验证机制 ！！！！！！token步骤(vue)第一次登录的时候，前端调后端的登陆接口，发送用户名和密码后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有...
2019-08-14 16:39:48
2712
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人