- 博客(36)
- 收藏
- 关注
RSS订阅原创 echarts双坐标系
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script sr
2020-12-28 15:43:15
675
原创 echarts常用属性值
1.副标题 title:{ text:'入门', subtext:'副标题'//副标题 },2.图例(隐藏显示图表)legend:{//图例 data:[{ name :'分类',//类名 icon:'circle',//对应图标形状 textStyle:{
2020-12-28 15:00:42
636
原创 echarts主题修改及切换渲染效果(svg,canvas)
1.官网提供的默认模式修改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2020-12-27 15:49:59
4255
原创 echarts简单入门
echarts入门1.引入echartsCDN<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.js"></script>2.初始化容器<div id= 'echarts' style="width: 800px;height: 800px;"></div>3.图表渲染<script> const echartsDom = do
2020-12-27 15:20:46
258
原创 简单入门webpack
webpack.config.jsconst path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin')//编译html模板文件const {CleanWebpackPlugin} = require('clean-webpack-plugin') //每次构建前清除dist文件module.exports = { //入口文件 entry:{ main :path.re
2020-11-18 14:07:22
60
原创 ios获取时间戳兼容问题
constnow=moment().format('YYYY-MM-DDHH:mm:ss').replace(/\-/g,'/');ios中只能new Date(“2016/05/19 08:00”)的格式，new Date(“2016-05-19 08:00”)不兼容
2020-06-03 09:41:40
364
原创 antdpro框架启动在start umi停止不动
关闭umi ui即可package.json 中的start 命令，本来是 "start": "cross-envPORT=8002APP_TYPE=siteumidev",现在变成 "start": "cross-envPORT=8002APP_TYPE=siteUMI_UI=noneumidev"...
2020-04-14 11:08:35
2191
1
原创 React生命周期
组件的生命周期React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)初始化在组件初始化阶段会执行constructorstatic getDerivedStateFromProps()componentWillMount() / UNSAFE_componentWillMount()ren...
2019-06-17 20:18:37
155
原创 webpack
webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等webpack可以自动解...
2019-06-15 15:36:57
113
原创 nuxt脚手架
课程大纲什么是服务端渲染服务器端渲染 vs 客户端渲染vue服务器端渲染的实现nuxt的使用什么是服务端渲染概念：后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完成的html页面，再直接返回给浏览器，以便用户浏览举例： 服务端渲染案例页面 什么是客户端渲染概念：数据由浏览器通过ajax动态取得，在通过js将数据填充到dom元素上最终展示到网页中，这样的...
2019-06-10 20:54:33
872
原创 Vue路由
RouterSPA （ single page App ） 单页面应用多页面应用有多个html文件，通过a标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app主要的开发形式就是spavue路由功能...
2019-05-31 22:03:46
312
原创 Vue cli和todolist效果实现
5. clicli是什么？cli是vue提供的一个快速（自动化） 构建项目的一个脚手架 ，类似于我们之前所学的 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是： webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3...
2019-05-29 21:10:41
272
原创 Vue组件通信
组件通信 – 单项数据流 >9种父子组件通信props接收父子组件通信： 父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件子组件在自己的配置项中通过 props 来接收这个属性Vue.component(‘Son’,{template: ‘#son’,// props: [‘aa’],props: {// 属性： 属性的数据类型 给数...
2019-05-29 21:09:23
91
原创 自定义组件（插件），指令，事件
1. 自定义组件（ 插件 ）案例： 封装一个 Loading 组件Loading是用来做什么的？基于用户体验loading使用方式很多第三方的ui库/组件库自定义封装过程：创建一个目录文件夹，称之为Loading在loading中创建一个叫做component目录，用来放模板在Loading目录下创建一个index.js~ import Vue from 'vue' ...
2019-05-29 20:59:04
130
原创 Vue生命周期
生命周期1. 什么是生命周期呢？当前组件在创建到销毁经历的一系列过程，称之为生命周期2. 生命周期的分为几个阶段？每个阶段有哪些钩子函数生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁初始化阶段：有4个钩子函数 ， 触发条件是自动的beforeCreate1. 组件即将创建，进行组件事件和生命周期的初始化2. 项目中一般不使用3. 有的开发者也会在这里进行数...
2019-05-28 22:03:17
117
原创 Vue过滤器
过滤器vue 1.x内部提供提供了 10 个过滤器， 这10个过滤器是针对 数字 纸币符号 日期 大小写 小数位数等的格式化 什么叫过滤器？ 格式化数据的一个工具 举例： 12.22225 ---> 12.2 Tue May 28 2019 10:15:08 GMT+0800 (China Standard Time) -- > 2...
2019-05-28 17:49:07
454
原创 transition动画及动态组件缓存
transition动画vue中实现过渡或是动画一共提供了这样四种形式：1.在 CSS 过渡和动画中自动应用 class — 自己写css3动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...
2019-05-28 17:31:31
523
原创 Vue slot 插槽
插槽1.普通插槽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-05-28 17:22:35
123
原创 vue组件
组件组件化组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，这个组件化变得越来越流行组件的基础组件是一个具备html css img js …等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板组件的具体使用Vue.js通过Vue.extend() 方法来扩展 组件的 使用Vue.extend( options ) 里面的options参...
2019-05-27 22:00:45
112
原创 vue简单todolist制作
html页面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-05-27 20:16:41
346
1
原创 vue数据请求及虚拟DOM
数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 )使用格式：使用别人封装好的第三方库目前最流行的，使用率最高的是 axiosvue中我们最常使用的vue ...
2019-05-24 17:10:08
269
原创 vue指令基本语法
模板语法 mustache语法 双大括号语法指令Vue指令组件作用： 是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM以后我们不在像以前一样，先获取DOM，在操作了，我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持，所以我们采用jsx语法糖模板语法模板语法支持性还是很高的，数据类型都是支持的，但是不支持...
2019-05-23 17:47:45
84
原创 初识vue
1. 前端框架的发展历史前端工程师（ 攻城狮 ）12年出现html css + div，12年以前都是表格13年js 加入前端， jquery出现14年根据MVC模式angular1.0出现 ， react也出现15年react很火，16年vue 微信小程序大火2. Vue.js第一次使用什么是框架？什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的， 它就是...
2019-05-22 20:10:42
86
原创 node.js的mongoose
mongoosemongodb这个数据的操作肯定不止一种形式，mongoose只是其中一种mongoose操作流程安装mongoose$ cnpm i mongoose -D连接数据库 var mongoose = require( 'mongoose ) //mongoose.connect(连接地址/数据库名称) mongoose.connect( 'mongodb:...
2019-05-21 22:26:54
75
原创 node.js通信
通信前端三种通信形式一种是基于后端的基于net模块的socket另外两种是基于前端H5 提供的 webSocket低版本pc端使用的 socket.io创建net模块的socket首先创建一个服务器叫做server/* 服务器： 只有一个 只有开启了服务器，客户端才能进行连接 基于Node.js net模块 s...
2019-05-20 21:29:52
269
原创 express的api接口暴露
api接口暴露测试接口是否正常，我们可以使用测试工具：postman insomniaBE: BackEnd 后端express中一个路由即一个接口api接口暴露的方式有两种：第一种： 使用模板进行暴露，但是要将数据做字符串转换，然后使用ejs的非转义输出 router.get('/',function( req,res,next ) { res.render(...
2019-05-17 22:07:03
997
原创 创建express项目的流程
前端渲染 vs 后端渲染前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端后端模板ejspug( jade )art-template现在流行的： 前端渲染问题： 当前后端同时进行项目开发是， 后端数据接口没有写y好，但是前端却需要这个接口，这个时候怎么...
2019-05-17 17:25:30
612
原创 前端异步流程工具
前端异步流程工具传统：回调函数流行：Promise const p1 = new Promise ( function ( resolve ,reject ) { resolve( ' 任务1' ); } ) .then( function ( data ) { co...
2019-05-15 21:46:29
103
原创 Node.js内置模块及原生路由
querystring功能：Node.js中的字符核心方法parse(将String – > Object)parse( str , arg1 , arg2)str: 你要处理的字符arg1: 分隔字符arg2:将 = 转化为 : , (这句话前提是 & 符号是提前被转化的) var str = 'http://www.baidu.com:8080...
2019-05-15 21:43:57
257
原创 前端模块化之Common.js
模块与Common.js （ Node.js使用了Common.js规范）Node.js中Common.js规范有三种使用类型：1. 内置模块 (path,url,fs,precess)内置模块很多，我们下面以 磁盘处理的模块 为例内置模块我们注重的模块的使用 使用步骤： 1. 先引入模块，然后用一个变量保存这个模块( 内置模块在requrie(模块名称) )2. 使用这...
2019-05-14 21:40:26
923
原创 用Node.js创建一个静态服务器
如何用Node.js创建一个静态服务器？源代码：var http = require( 'http' );//引入http模块var port = 8080 ;//定义设置端口号var hostname = '127.0.0.1'//设置服务器var path = require( 'path' ) // 磁盘路径处理的模块var fs = require( 'fs' ) /...
2019-05-14 21:03:30
134
原创 Node.js的简单使用
Node.js简单使用1. 命令终端Node.js的全局对象是 global ; javascript的全局对象是 window直接在命令终端中输入node，然后回车，就会出现 ‘>’ 标识，然后就可以写js语法了命令终端退出： Ctrl + c 两次2. 文件型使用命令行键盘 tab 键 自动补全文件名称执行文件/运行文件：$ node 文件名称.js...
2019-05-13 20:32:08
105
原创 Node.js的安装
Node.js的安装一丶Node.js的包管理器1.NPM: 全球最大的开源生态系统（ 国外的 ）有点慢；2.cnpm 淘宝镜像（ 国内的 ）；3.yarn （流行）；tip：npm && yarn 全部要配置国内镜像二丶Node.js的版本问题1.Node.js有两个版本， 一个是测试版， 一个是稳定版，造成；两个版本的原因是： 有两个团队(先前外包，之后收回)...
2019-05-13 20:28:49
112
原创 Node.js概念
什么是Node.js?一丶概念1.Node.js是一门后端语言，类似php，java。2.它是基于Chrome v8引擎的js运行环境。除此之外，还有其他的引擎： 单片机 （主要用于嵌入式应用，大量用于自动控制的电子设备，如手机，电梯）、 actionscript（多用于Flash互动性、娱乐性、实用性开发，网页制作和RIA开发）。二丶特征（ Node.js有三大明显特征）1.N...
2019-05-13 20:18:56
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人