- 博客(40)
- 收藏
- 关注
RSS订阅原创 Vuex原理解析
vuex原理你真的懂vuex吗？先抛出几个问题？命名空间的原理？辅助函数的原理？插件用法是否了解？为什么每个组件都能访问到$store这个实例属性？为什么访问this.$store.getters[‘a/xx’]而不是this.$store.getters.a.xx？state数据修改后，视图中的getters数据为何也会动态改变actions里是否可以直接操作state？（st...
2020-02-15 20:41:07
794
原创 前端自创面试题
源码类axios的五种常用方法？编程类实现一个merge函数let obj1 = { a: 1, b: { c: 2, d: { e: 1 } }}let obj2 = { a: 2, b: { c: 1 }}merge(obj1,obj2)后...
2019-12-17 12:55:48
194
原创 lodash常用函数
深拷贝deepClone(source) { if (!source && typeof source !== 'object') { throw new Error('error arguments', 'shallowClone') } const targetObj = source.constructor === Array ? [] : {} fo...
2019-08-23 17:41:03
1353
原创 史上最全scss教程
一. 基础1.数据类型SassScript 支持 6 种主要的数据类型：数字，1, 2, 13, 10px字符串，有引号字符串与无引号字符串，“foo”, ‘bar’, baz颜色，blue, #04a3f9, rgba(255,0,0,0.5)布尔型，true, false空值，null数组 (list)，用空格或逗号作分隔符，1.5em 1em 0 2em, Helvetic...
2019-08-15 21:18:22
3720
原创 服务器上线全攻略（五）——上线注意事项
react上线的疑难杂症基础一堆配置就不说了，可以参考服务器配置一. 数据发送 const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({ extended: false })) //想要直接获取post数据 //解析application/json或者前台使用q...
2019-08-12 10:31:39
501
原创 服务器上线全攻略（四）——配置mongodb
linux下配置mongodblinux版本centos7.2一. 配置资源库看不懂就直接粘为了确保系统能直接从指定地址获取软件包，创建/etc/yum.repos.d/mongodb-org-3.4.repo文件，vi /etc/yum.repos.d/mongodb-org-3.4.repo填入如下内容配置 MongoDB 资源库：[mongodb-org-3.4]nam...
2019-08-12 10:22:45
477
原创 服务器上线全攻略（三）——搭建git服务器
配置git服务器一.下载安装git安装依赖库和编译工具为了后续安装能正常进行，我们先来安装一些相关依赖库和编译工具yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel安装编译工具yum install gcc perl-ExtUtils-MakeMaker下载git选一个目录，用来放下...
2019-08-12 10:15:20
132
原创 服务器上线全攻略（二）——搭建nginx
nginx配置一. 搭建Http静态服务器环境1. 安装Nginxyum install nginx -y2. 配置静态服务器访问地址打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf ，修改 Nginx 配置，将默认的 root /usr/share/nginx/html; 修改为:root /data/www，这样www就作为静态资源目录，和以前的集成服务...
2019-08-12 10:08:57
294
原创 服务器上线全攻略（一）——安装node
Node配置一. 安装 Node.js 环境下载并安装 Node.js下载最新的稳定版 v6.10.3 到本地wget https://nodejs.org/dist/v6.10.3/node-v6.10.3-linux-x64.tar.xz下载完成后, 将其解压tar xvJf node-v6.10.3-linux-x64.tar.xz将解压的 Node.js 目录移动到 /us...
2019-08-12 09:57:02
263
原创 ant-mobile中使用rc-form
表单过滤器<InputItem {...getFieldProps('money2', { normalize: (v, prev) => { if (v && !/^(([1-9]\d*)|0)(\.\d{0,2}?)?$/.test(v)) { if (v ...
2019-08-08 08:40:42
1552
原创 mongoose基本操作
mongodb 删除数据库use test;db.dropDatabase();mongodb删除表db.mytable.drop();
2019-07-30 19:07:33
140
原创 新技能解锁
1.快速填充自然数new Array(24).fill('').map((item,i)=>{ return i})2.padStart妙用padStart()和padStart()一共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。改进getDate方法getDate() { const date = new Date(); l...
2019-07-12 13:01:30
167
原创 日常bug总结
日常bug总结1.post请求所有的对象数据都要序列化http.interceptors.request.use((config)=>{ config.header['x-Token']="sdada"; if(config.method.toLowerCase()=='post'){ Object.keys(config.data).forEach((elem)=>{ ...
2019-07-03 15:41:23
273
转载 箭头函数和普通函数的区别
箭头函数：let fun = () => {console.log(‘lalalala’);}普通函数：function fun() {console.log(‘lalla’);}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。箭头...
2019-06-27 08:28:36
160
原创 react中的坑
state的异步更新有时候更新数据，state不会立即更新，但又无法阻止后续操作进行，所以有时候很蛋疼。如何解决？可以使用回调函数的形式。 this.setState({query:values},()=>{ console.log(this.state.query);//该是啥就是是啥 });state的坑...
2019-06-10 12:45:41
167
原创 Easy-mock模拟数据使用指南
Easy-mock模拟数据使用指南官方文档一. 基础使用{ "code": 0, "data": { "projects|5-10": [{ //随机生成5-10条 "adpartment|1": ["研发部", "市场部", "运营部"], "address": "@county(true)", ...
2019-06-10 09:20:08
3787
原创 react使用Antd表格
表格中插入图标或者选择框需要用到columns中的render回调 columns: [ { title: '姓名', dataIndex: 'name', key: 'name', align: "center" }, { title: '头像', dataIndex: 'img', key: 'img', align: "center" ,render: (...
2019-06-05 21:39:39
1995
原创 react中使用AntD的树形控件
参数配置checkable：节点前添加 Checkbox 复选框checkedKeys：就是一个数组，数组中的key与菜单中的key相同的就会显示选中状态defaultCheckedKeys 默认选中复选框的树节点defaultExpandAll 默认展开所有树节点onCheck 点击复选框触发数据流默认的菜单数据 menuListconst menuList = [ ...
2019-06-05 08:31:48
4042
原创 JS常用技巧
判断值判断是否为{}var data = {};var arr = Object.keys(data);alert(arr.length == 0);//true判断是否为nullvalue === null
2019-06-01 09:24:39
258
原创 仿饿了么UI搭建自己的组件库——Button
如果对sass不熟的朋友，建议看本博客之前先去看下sass教程，尤其是mixin和@includesass中文文档文件结构├── src│ ├── styles│ ├── global.scss //定义全局的颜色之类的| ├── mixins //全部mixin文件| ├── m-button.scss...
2019-05-31 19:55:38
1773
原创 使用vue在npm上发布自己的ui组件包
使用vue在npm上发布自己的ui组件包可以提前去npm上搜自己要上传的包名，以后在文件中都统一使用该包名，避免出错。npm官网1.安装vue init webpack-simple jed-nuijed-nui是我之前去npm搜过的包名，没有重复的，于是项目就使用该名称2.进入项目，编写组件这里有vue基础的应该都不难创建文件目录├── src│ ├── packag...
2019-05-31 11:17:36
1917
3
原创 uni-app中构建tab选项卡
uni-app中构建tab选项卡手机APP最常见的莫过于tab选项卡，其特点是可以无缝滚动，且不会出现滚动条。有点类似轮播，但是比轮播更灵活。1.scroll-viewuni-app官方文档为我们提供了scroll-view。来实现横向或竖向的滚动横向<scroll-view scroll-x="true" class="h-tab" :scroll-left="scroll_le...
2019-05-30 19:53:53
23995
4
原创 react中使用Echarts
react中使用Echarts一. 第一种方式（推荐）1.安装npm i echarts -Snpm i react-for-echarts -S2.去echarts官网下载主题echarts官方主题一定要选择json文件，因为默认是amd方式，而react是组件化，支持es6的模块化导入。将json文件改成js文件即可，以下简称 echartsTheme.jsexport d...
2019-05-29 19:12:29
4329
1
原创 react中使用AntD表单
react中使用AntD表格1.双向数据绑定render() { const { getFieldDecorator } = this.props.form;//双向数据绑定 return ( <div> <Form > <FormItem label="姓名"> {ge...
2019-05-29 16:31:00
2338
1
原创 css制作三角形
css制作三角形.menu { position: fixed; top: 15upx; right: 10upx; width: 150upx; min-height: 60upx; padding: 15upx 25upx; display: flex; flex-direction: column; align-items: center; bord...
2019-05-29 08:31:28
133
原创 uni-app中使用scss
项目总结—scss篇1.配置1.1 vue1.2 react1.3 uniapp2. 引入scss先将所有scss合并到index.scss中@import "../base.scss"@import "../form.scss"在main.js中引入即可import "../index.scss"3. 全局配置-global有两个scss比较特殊，一个是global，...
2019-05-27 19:43:55
14712
原创 配置antd按需加载，alias路径别名，以及常规配置
配置antd按需加载，alias路径别名起步安装一下需要的插yarn add antd react-app-rewired customize-cra babel-plugin-import lessless-loader复制代码第二步，修改package.json文件,将:"scripts": { "start": "react-scripts start", "...
2019-05-26 16:55:55
4669
原创 css中你不得不知道的一些坑
一.元素的分类1.块级元素:默认占一行，可以设置宽高，可以设置内外边距，会继承父级元素的宽度如：div,h1-h6,p,ul,ol,li…2.行内元素:横排显示，不可以设置宽高，上下外边距无效，可以设置上下内边距，但不会因此撑大父容器的文档流。如：a，select，span，i，em所以想给a标签设置宽高要设置display:inline-block;3.行内块元素:横排显示，可...
2019-01-11 20:21:25
262
原创 两种Ajax写法
Ajax:(Asynchronous Javascript And XML)简称为异步的js和xmljs中有两种写法：//原生js写法function show(){var xhr=new XMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){...
2019-01-10 22:02:57
414
原创 js制作简易倒计时
一.首先介绍用到date的apinew Date()：获取当前时间getTime()：获取距离1970年的毫秒数getFullYear()：获取年份getMonth()：获取月份，月份范围是0-11getDate()：获取天份二.定时器简介js中主要有以下两种定时器1.setTimeout(函数，毫秒数)表示一次性定时器，多久后执行函数2.setInterval(函数，毫秒数...
2019-01-10 21:45:13
1796
原创 JS字符串对象的API大全
1.toUpperCase()——将字符串英文字母转化成大写。用法：str.toUpperCase();2.toLowerCase()——将字符串英文字母转化成小写。用法：str.toLowerCase();3.length——获取字符串的长度。用法：str.length;//注意不要写成str.length()4.charAt()——获取字符串指定下标的值，返回的是对应下标的字...
2018-12-17 20:31:07
300
原创 JS数组对象的方法总结
1.concat——数组连接，用法：arr1.concat(arr2);2.join——将数组以固定字符连接输出字符串。用法：arr.join('|');//表示将数组以|连接，并输出为字符串3.slice——分割数组中的元素并返回分割字符。用法： slice(起始下标，结束下标//不包含)，负数表示倒数第n个arr.slice(2);//表示分割从str[2]开始一直到结束arr...
2018-12-17 19:48:42
494
原创 JS代码格式化插件安装及配置
1.ctrl+shift+p调出安装插件2.输入Jsformat，安装即可3.找到Preferences->package Setting->Jsformat->Setting uers插入如下代码JsFormat配置文件：{ // exposed jsbeautifier options "indent_with_tabs": false, // 保留换行...
2018-12-17 16:46:48
1946
原创 ThinkPHP5——配置
1.应用配置创建项目时，框架会默认在application目录西面创建config.php，database.php等配置文件。我们直接在相应的文件中进行操作即可。下面单独讲解的主要是采用创建一个目录来配置，效果都是一样的，无非是换了个文件路径而已。步骤如下：a.在application同级目录下新建一个conf文件夹b.在public下的index.php中加上define('CONF...
2018-12-16 16:28:23
149
原创 ThinkPHP5——新建模型
模型中新建文件Customers.php(必须是数据库的表名,开头必须大写）控制器中新建文件Moo.phpview里面新建文件夹：Moo，然后在里面新建index.htmlCustomers.php里写入&amp;amp;amp;amp;lt;?phpnamespace app\index\model;use think\Model;class Customers extends Model{}?&amp;amp;amp;a
2018-12-13 20:36:45
524
原创 ThinkPHP5——新建控制器
控制器里新建文件Database.phpview里面新建文件夹：Database，然后在里面新建index.htmlDatabase.php里写入&amp;amp;amp;amp;lt;?phpnamespace app\index\controller;use think\Controller;class Database extends Controller{public function index(){...
2018-12-13 13:33:51
905
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人