- 博客(17)
- 收藏
- 关注
RSS订阅原创 MVC、MVP、MVVM三种模式的区别
一、MVC(model、view、controller)：流程图：框架：比较早的backbone.js框架使用MVC模式。结构：model： 负责保存应用数据，与后端数据进行同步；view： 负责视图展示，将model中的数据记性可视化；controller： 负责业务逻辑，根据用户行为对model数据进行修改。问题：1.model和view的数据流混乱，维护麻烦；2.一些逻辑代码在view中增加，导致view体积过于庞大，而controller比较单薄。二、MVP(m
2020-10-26 12:01:36
432
原创 节流防抖
// js代码test = () => { if (this.timer) { clearTimeout(this.timer); this.timer = 0 } this.timer = setTimeout(() => { this.timer = 0 // 需要做防抖的操作 console.log(1) }, 500);}// 组件代码<button on
2020-09-18 17:16:04
402
原创 npm run build的时候报错operation not permitted
原因：有其他的类似Xmanager文件传输的软件打开，之前build出来的项目文件被占用，导致无法删除，所以打包报错。解决方法：关闭相关传输软件重新打包。
2020-06-18 18:14:13
555
1
原创 window.location跳转和window.open跳转以及从url地址栏获取参数
window.location跳转和window.open跳转1.跳转a.在当前页面跳转window.location = “/xxx/xxx/xxx?a=” + 参数1 + “&b=” + 参数2b.打开另一个新页面跳转window.open("/xxx/xxx/xxx")注意：1.window.location是页面的位置对象，而window.location.href是location的一个属性，并且是默认属性，也就是说直接给window.location赋值其实就是修改win
2020-05-28 08:55:25
3038
原创 前端引入并且封装echarts图(柱状图、折线图、饼状图、关联关系图谱)
前端引入并且封装echarts图（以react项目为例）react组件组件一般放在src的components文件夹下。1.引入柱状图a.封装echarts组件：components下，新建Bar文件夹，内部写index.js文件/** * 柱状图 */import React, { Component } from "react";import ReactEcharts from 'echarts-for-react';export default class Bar extends
2020-05-26 18:29:27
1639
原创 dvajs+antd定制主题（在 create-react-app 中定制主题）
先贴一下antd官网的定制主题方案：https://ant.design/docs/react/customize-theme-cn所做项目使用的样式方案为定制less文件，在入口位置引入style.less文件1.介绍下dva项目的一般结构bulid // 打包模块pliginsconfig.js // 代理配置（nginx）utils.jscommanddist...
2020-03-26 13:10:50
941
原创 react引入百度地图(含外网、内网引入百度地图)
1.百度地图API官网申请密钥(具体怎么申请自行查阅资料)2.入口文件引入js库（“秘钥”需要替换为自己申请的密钥）<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=“密钥”"></script>3.创建地图实例impor React, { Componen...
2020-03-13 10:55:09
2284
1
原创 JS 阻止事件冒泡、取消默认事件（默认行为）【前端小白篇】
1.冒泡事件不多说直接放代码！！！<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <div id='box1' onClick=alert('box1点击事件')> <h2...
2019-12-18 16:21:27
2545
原创 JS new Date()（获取当天、最近某段时间起止时间戳）
前端new Date()方法获取最近一天、最近一周起止时间以及 new Date()对象的相关方法
2019-12-18 13:19:42
4192
原创 JS Math 方法
1.不常用的相关数学常量、三角函数Math.E // e的值：2.718281828459045Math.PI // PI的值：3.141592653589793var a=Math.exp(-1); // 0.36787944117144233var b=Math.exp(5); // 148.4131591025766var c=Math.exp(10);...
2019-12-18 10:54:02
111
原创 JS String 方法
字符串方法1.charAt返回指定位置的字符var str = "HELLO WORLD";var n = str.charAt(2) // L2.charCodeAt返回字符串第一个字符的 Unicode 编码:var str = "HELLO WORLD";var n = str.charCodeAt(0); // 723.concatvar str1 = "Hello...
2019-12-17 19:33:13
274
原创 JS Array 方法
数组方法1.创建数组var arr1 = [ ] // 创建空数组var arr2 = [ 1 ] // 创建含有一项的数组var arr3 = new Array ( ) // 创建空数组var arr4 = new Array ( 20 ) // 创建含有20项的数组var arr4 = new Array ( ' 张三 ' ) // 创建含有一项的数组2.join...
2019-12-17 14:33:58
204
转载 ES6方法：Object.assign
Object.assign（targetObj，obj1，obj2）此方法作用是合并对象，可以有多个对象参数，第一个参数是目标对象，将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(tar...
2019-12-16 14:29:01
89
原创 react项目框架的简单搭建（实现数据增删功能）
react项目框架的简单搭建1.首先安装一个搭建脚手架的工具：npm i create-react-app -g（电脑全局安装一次就可以了）2.官方提供搭建脚手架工具：create-react-app projectName3.安装依赖：npm i react-router react-router-dom --save-dev4.导航标签：import { Link } from “re...
2019-12-16 13:54:51
346
原创 Vue脚手架的简单搭建（vue-cli 2.0/3.0）
vue-cli 2.01.webpack的三个相关依赖：npm i webpack webpack-cli webpack-dev-server -g //这三个依赖全局安装一次今后无需安装2.安装2.0脚手架：npm i -g vue-cli3.创建项目：vue init webpack projectName（projectName为项目名）//注意创建过程中Eslint检查代码规范、...
2019-10-16 14:35:59
418
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人