- 博客(34)
- 收藏
- 关注
RSS订阅原创 免费在线证件照制作-超级好用
地址：https://www.remove.bg/步骤：1. 上传图片2. 生成的图片，右上角覆盖了一个按钮，点击edit(编辑)3. 点击编辑后，出现弹窗，切换到color。color第一个是取色器，自己随意选择颜色。还有常用的证件照底色：白色，红色，蓝色可以一键选择。4. 下载（dowload）图片。大功告成！...
2020-07-09 18:51:20
32641
2
原创 7-从零开始学react - 全家桶项目实战
react-cnode实战项目学习了一系列的react基础知识。接下来要实践一个小项目加强巩固下。本项目代码放在github：react_cnode项目代码传送门资源参考https://github.com/motao314/React_cNode技术栈reactreact-router-domreduxreact-reduxredux-thunkaxiosantdcreate-react-app 项目 引入antdantd官网最新提供的：在 create-react-a
2020-06-12 16:35:53
668
1
原创 6-从零开始学react - redux相关
关键词storereducer, dispatch, actionreduxcreateStore, combineReducers, applyMiddlewarereact-reduxProvider, connectuseDipatch, useSelector, useStorestore引入创建仓库方法: import {createStore} from 'redux';仓库需要参数：reducercreateStore(reducer)创建reducer, redu
2020-06-04 13:23:18
378
1
原创 5-从零开始学react - react-router-dom5
react-router-dom安装依赖yarn add react-router-dom几个路由相关组件BrowserRouter最外层router组件，基于h5的historyapiHashRouter最外层router组件，基于url的hashChagneRoute组件属性 path匹配的路径，默认模糊匹配属性 component 组件名属性 render 渲染组件，和componet二者选择一个属性 exact 精确匹配Link组件to 链
2020-05-31 17:09:34
707
1
原创 4-从零开始学react-hooks相关
keyworduseRef自定义hooksuseRef有两个作用，一个是存储dom，一个是存储数据存储dom// 获取domimport React, {useRef,useEffect} from 'react'export default function RefPage() { const ref = useRef() useEffect(() => { console.log('查看挂载dom的ref:', ref) // 查看挂载dom的ref
2020-05-30 21:56:19
286
原创 vuecli4移动端项目在ios9白屏实践
前言新项目基本开发完成，开始真机调试。发现ios9.3的手机上项目是空白的????。定位问题开始一通搜，发现很多人说了原因就是es6模块没被解析成浏览器识别的代码。应该装插件编译下，那具体哪个插件或者文件导致的呢？用mac电脑的safari浏览器的开发模式，调试下iphone手机的safari来定位问题。发现报错信息来自一个第三方插件：vuex-persist参考文章https://blog.youkuaiyun.com/github_37673306/article/details/1051152
2020-05-29 09:38:25
780
原创 vue移动端富文本vue-quill-editor 自定义上传图片和样式
前言最近要做个移动端富文本，但是需求比较简单，只需要能够上传图片和实现文字位置自定义找了蛮多文章都建议使用quill。既然大伙儿都推荐它，想必它是有过人之处的。话不多说，开始代码。先看下移动端效果图参考链接vue-quill-editor在线使用quilljs官网快速开始代码ImgText.vue<template> <div class="example"> <quill-editor class="editor"
2020-05-27 21:20:34
1943
1
原创 3-从零开始学react-其他api,初识hook
目标react其他api: PureComponent, ref, children, dangerouslySetInnerHTML, key掌握函数式组件，常用hooksPureComponent提供了一个具有浅比较的 shouldComponentUpdate 方法，其他和Component一样import React, { PureComponent, Component } from "react";export default class PureComPage exten
2020-05-25 22:30:15
324
1
原创 2-从零开始学react-深入state，组件通讯，生命周期，受控组件
keywordstate, setState组件通讯生命周期受控组件statestate 与 props 类似，但是 state 是私有的，并且完全受控于当前组件。不要直接修改 State，而是应该使用 setState()setState做的是浅合并 Object.assign,只更新需要更新的值调用setState后会触发生命周期，重新渲染。异步：react会凑齐一批，再一次性更新渲染，保证渲染性能。所以你不要依赖他们的值来更新下一个状态。setState第一个参数可以接受一个函
2020-05-25 15:38:49
341
1
原创 yarn 安装node-sass卡住很慢
参考文章如何使用yarn&如何用yarn配置node-sass前言遇到问题：yarn安装项目依赖，遇到node-sass模块被卡住，整个时间用了600s+,实在令人头大。yarn解决设置yarn源为淘宝源yarn config set registry https://registry.npm.taobao.org -g配置下 node-sass 的二进制包镜像地址yarn config set sass_binary_site http://cdn.npm.taobao.
2020-05-25 13:42:10
2395
原创 1-从零开始学react-认识react&jsx&props&state
keywordReact, ReactDOM, React.createElement, ReactDOM.render, JSX, props, state初识reactreact是构建用户界面的javascript库react是世界范围内应用最广泛的js库react初用引入cdn (react核心库，react-dom库)react.js：核心库，提供了如组件，虚拟dom。提供了方法，React.createElement(type, props, children)react-d
2020-05-24 21:18:54
559
1
原创 手写简易版axios
文章目录axios的调用-index.htmlmyaxios.js实现axios和axios[method]带拦截器的调用- index.htmlaxios实现拦截器完整代码链接axios的调用-index.htmlaxios的调用有不同的形式，01. axios(config) 02. axios.method(url, data? , config? )要实现一个函数方法同时拥有属性，以下实现了一个工具类utils.extend<script type="text/javascrip
2020-05-24 14:35:07
908
原创 vuecli4+vant移动端响应式项目踩坑记录
文章目录关键词参考链接一. 使用vue/cli4二. 使用vant三. 加入响应式布局1. rem适配插件2. PostCSS配置四. 图标库：封装svg图标组件1. 建立如下目录结构：2. components/SvgIcon.vue3. icon/index.js4. 配置vue.config.js5. svg图标使用五.axios+api封装目录结构(示例)http.js封装api/index.jsapi/user.jsapi注册到全局(main.js文件)api接口调用示例App.vue（断网代码示
2020-05-17 23:15:02
5848
原创 面向对象js基础之-原型,call,this学习笔记
1.1 prototypeQ1.1 为什么需要prototype?function Person(name, age) { this.name = name this.age = age this.getAge = function() { console.log(this.name + '今年' + this.age + '岁了') }}const p1 = new Per...
2020-04-26 20:24:05
228
原创 js事件循环EventLoop学习笔记
eventLoop用途js是单线程，js单线程任务分为同步和异步2大类，如果任务依次执行，执行异步任务时候，同步任务也需要等待，就形成了阻塞。为了解决异步任务会阻塞单线程的问题，JS定义了事件循环的运行机制。eventLoop循环步骤同步任务会形成一个执行栈[1]，js主线程先执行同步任务。异步任务有了结果，会被外部api添加一个事件到任务队列中。执行栈一旦清空，任务队列中的事件会自动...
2020-04-24 22:32:38
212
原创 vue keepAlive实现列表页面缓存
文章目录需求基本html结构实现思路（3步完成基本功能）自定义上拉加载（监听滚动条事件）列表及时刷新且保存滚动条位置处理需要注意的问题需求订单列表，点击去详情页，再返回列表，要保持上次滑动的位置。且详情页面可以进行增删改查操作，返回列表要使当前tab下的列表状态为最新。基本html结构<div id="#app"> <div class="wraper"> &...
2020-04-22 14:16:00
923
原创 css多行文本溢出（考虑兼容）
基础：css单行文本溢出（4个属性）.box { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}不考虑兼容(safari, chrome等，见拓展)的css多行文本溢出（5个属性）.box { width: 200px; overflow: hidden; ...
2020-04-20 11:04:24
896
原创 Cient does not support authentication protocol requested by server; consider upgrading MySQL client
测试连接mysql，我的代码:mysql.jsconst mysql = require('mysql')// 连接配置const cfg = { host: "localhost", user: "root", password: "123456", database: "test"}// 创建连接对象const conn = mysql.createC...
2020-03-26 14:59:24
797
原创 mac查看和关闭进程
文章目录查看进程关闭进程查看进程// 查看所有进程ls of -i// 查看占据某端口的进程eg:3000ls of -i:3000// 查看某服务是否开启进程eg:nginxps -ef|grep nginx关闭进程// 杀死某pid进程: xx是查看到的pidsudo kill -9 xx...
2020-03-26 13:56:44
617
原创 mac安装和配置mysql
文章目录硬件和软件安装链接安装dmg后配置mysql(环境变量没配置成功)mysql环境变量配置开启服务命令面板相关问题配置命令行，简单实现启动和停止mysql服务只输入mysql命令报错：开启服务后进入mysql操作硬件和软件macProiterm2命令面板安装链接mysql dmg包链接，别点，直接复制下来。去迅雷下载。https://cdn.mysql.com//Downloa...
2020-03-24 18:09:11
586
原创 动态隐藏表单页面的底部操作栏
业务场景：表单页面很多输入框，底部操作按钮是提交表单且离开页面的。失去焦点时，验证错误，需要给用户提示且给用户改成正确的值。点击该页面底部操作按钮也是失去焦点的一种情况。但希望用户能看到提示且看到输入框修改过的值。就要避免聚焦时候底部栏的展示。安卓手机键盘弹出时，会发生resize事件。利用这个事件处理。// index.vue<template> <di...
2020-03-23 18:14:56
298
原创 git reset和revert使用区别
reset用于：我们想要撤回某个版本之后的的所有内容，不保留任何记录。// 查看版本记录git log// 撤回到某个版本，eg: abccccgit reset --hard abcccc// 强制推送到远程git push -f revert用于：想撤销之前的某一版本，但是又想保留该目标版本后面的版本。会创建一个新的记录// 要撤回某个版本的内容git revert...
2020-03-23 16:05:45
280
原创 vscode终端无法识别node,无法运行脚本
1. 终端无法识别node解决：右键vscode -> 属性 -> 兼容性 -> 设置：以管理员身份运行此程序勾选上。vscode终端报错显示禁止执行脚本解决：1 . 在终端中执行get-ExecutionPolicy，显示Restricted，表示状态是禁止的；2 . 这时执行set-ExecutionPolicy RemoteSigned；3 . 此时再执行...
2020-01-23 11:53:09
6780
1
原创 mac上yarn无权限
mac上yarn无权限报错提示：误区：开始使用了sudo yarn xxx, but 创建的文件依然没权限操作。正解：sudo chown -R $USER:$GROUP ~/.config
2019-12-05 20:45:54
1726
原创 js实现银行卡号4位分隔，操作中间位置，光标错位
使用vue框架实现<input type="tel" v-model="bankcard" placeholder="请输入银行卡号">data() { return { bankcard: '', count: 0 } },watch: { bankcard (v, oldv) { this.$nextTick(() =>...
2019-11-15 15:35:45
1182
原创 vue模块自动化脚本编译失败module not found
vue的for循环改了key值出现了这样的问题。开始的写法（没出问题）<div v-for="(item,index) in infos.visitStockReport" :key="index">（出问题的写法）<div v-for="(item) in infos.visitStockReport" :key="item.id">开始的写法（没出问题）&l
2018-05-08 13:46:23
4388
原创 h5图片压缩上传
1.做这个确实有必要的，有的手机拍出来的照片很大，然后加上网速一般，上传很慢，一直等待，好不容易等到资源上传时间结束了，但是后端接口又超时了。太久了，用户体验肯定不好。简直可以说是没办法继续使用了。2.已经可以查到好多人写好的。但是直接拿来复用，总有这样那样的问题。3.我用的是vue框架，本来打算用原生的方式。就是网上很多大神写好的，贴一张别人写的代码图这样就拿到了图片的base64地址。然后再把...
2018-04-26 14:24:18
1120
原创 vue项目input输入框双向绑定数据不实时生效
<input type="text" maxlength="11" placeholder="请输入联系人电话" v-model="form.phone" />//这样的输入框，绑定的是data中的form对象上的phone字段。在mounted钩子函数里边写：this.form.phone = '1888888888';//这样在页面上时候不会随着输入框值改变...
2018-04-23 15:36:00
10591
原创 git 账号邮箱全局配置（已经配置过的情况下）
换了个电脑，是别人之前用过的，已经配置过账号和邮箱，所以需求是更改为自己的账号信息。个人用的是windows8 ; git bash打开：git config --list 可以查看配置的一些东西。可以看到user.name 和user.email 分别是什么。。如果你没有初始化过。那么直接：$ git config --global
2017-09-04 09:38:45
1108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人