- 博客(17)
- 收藏
- 关注
原创 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
436
原创 节流防抖
// 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
416
原创 npm run build的时候报错operation not permitted
原因:有其他的类似Xmanager文件传输的软件打开,之前build出来的项目文件被占用,导致无法删除,所以打包报错。解决方法:关闭相关传输软件重新打包。
2020-06-18 18:14:13
581
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
3062
原创 前端引入并且封装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
1648
原创 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
948
原创 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
2315
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
2759
原创 JS new Date()(获取当天、最近某段时间起止时间戳)
前端new Date()方法获取最近一天、最近一周起止时间以及 new Date()对象的相关方法
2019-12-18 13:19:42
4249
原创 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
113
原创 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
280
原创 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
210
转载 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
94
原创 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
348
原创 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
421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人