![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
一个老男人的IT梦
这个作者很懒,什么都没留下…
展开
-
NodeJs基础
一、HelloWorld1.1 安装nodemon工具在编写调试Node.js项目,修改代码后,需要频繁的手动close掉,然后再重新启动,非常繁琐。现在,我们可以使用nodemon这个工具,它的作用是监听代码文件的变动,当代码改变之后,自动重启。安装命令:npm i nodemon -g安装完成后,在任意目录下新建js文件,文件内容如下:console.log('hello nod...原创 2019-12-09 12:06:29 · 164 阅读 · 0 评论 -
vuejs全家桶原理
一、Vue工作机制1.1 什么是mvvm?Vue就是基于MVVM模式实现的一套构建用户界面的渐进式框架。MVVM是Model-View-ViewModel的简写。其中,Model指的是js中的数据,如对象,数组等等,View指的是页面视图,ViewModel指的是vue实例化对象,是连接view和model的桥梁。ViewModel的主要作用是实现Model和View之间的转换。即将后端传递的...原创 2019-12-06 15:59:17 · 393 阅读 · 0 评论 -
Vue电商项目实战(三)
一、显示头部1.1 新建头部组件在components目录下新建Header.vue文件。其中该组件接收两个参数:title和showback。title代表头部组件的标题内容;showback代表是否显示后退按钮。<template> <div class="header"> <h1>{{title}}</h1> ...原创 2019-12-05 12:48:47 · 923 阅读 · 1 评论 -
Vue电商项目实战(二)
一、轮播图1.1 基本用法资料地址:https://didi.github.io/cube-ui/#/zh-CN/docs/slide基本用法:<cube-slide :data="items" :interval="5000"></cube-slide>:data 代表轮播图的数据;:interval 代表滚动时间间隔,以毫秒为单位;1.2 定义轮播图打...原创 2019-12-03 18:26:45 · 2036 阅读 · 0 评论 -
Vue电商项目实战(一)
一、开发前准备1.1 使用脚手架新建vue项目vue create vue-mart1.2 安装cube-uicube-ui 是滴滴2017年底开源的一款基于 Vue.js 2.0 的移动端组件库,主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。Cubi-ui快速入门:https://didi.github.io/cube-ui/#/zh-CN/docs/q...原创 2019-12-02 14:07:41 · 2169 阅读 · 0 评论 -
es6入门(六)
一、Iterator1.1 概述Iterator(遍历器)为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。Iterator 的作用:1) 为各种数据结构,提供一个统一的、简便的访问接口;2)使得数据结构的成员能够按某种次序排列;3) ES6 创造了一种新的遍历命令for…of循环,Iterator 接口主要供for…of消费...原创 2019-11-28 14:58:59 · 127 阅读 · 0 评论 -
es6入门(五)
一、PromisePromise 是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统...原创 2019-11-27 10:26:35 · 193 阅读 · 0 评论 -
Vue框架入门(三)
一、Element Form资料地址:https://element.eleme.cn/#/zh-CN/component/form下面以Form表单为例,介绍Element UI的使用。第一步:使用脚手架创建vue工程;vue create vue-form第二步:在App.js文件中定义Form表单;<template> <div id="app">...原创 2019-11-27 00:09:59 · 183 阅读 · 0 评论 -
es6入门(四)
一、Set1.1 基本用法ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}//...原创 2019-11-14 17:15:33 · 138 阅读 · 0 评论 -
WebSocket实现消息推送
1. 什么是WebSocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。现在,很多网站为了实现推送技术,所用的技术都是 ...原创 2019-10-30 17:38:38 · 611 阅读 · 1 评论 -
es6入门(三)
一、Symbol1.1 Symbol概述ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。let s = Symbol();typeof s// "symbol"注意:Symbol函数...原创 2019-10-24 17:00:56 · 139 阅读 · 0 评论 -
es6入门(二)
一、数组扩展1.1 扩展运算符1.1.1 扩展运算符的基本用法扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。扩展运算符主要在函数调用时候使用。function add(x, y) { return x + y;}const numbers = [4, 38];add(...numbers) // 42扩展运算...原创 2019-10-10 15:14:33 · 149 阅读 · 0 评论 -
Vue框架入门(二)
一、使用Webpack以及Babel打包的组件1.1 vue-cli介绍vue-cli是一个基于Vue.js进行快速开发的完整系统。它主要提供了以下功能:通过@vue/cli搭建交互式的项目脚手架;继承Webpack,并做了默认配置,简化vue组件的开发模式;提供了多种vue开发环境依赖(如构建工具、内置服务器);为用户提供了多种vue的插件包;在使用vue-cli工具构建的项目...原创 2019-10-03 22:48:25 · 212 阅读 · 0 评论 -
Vue框架入门(一)
一、概述1.1 关于Vue的说法vue 是一套构建用户界面的流行的渐进式前端框架。vue 只关注视图层, 采用自底向上增量开发的设计。vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。vue是基于MVVM模式的具体实现。vue 的核心库只关注视图层。便于与第三方库或既有项目整合。vue的其他扩展库可以高效的进行前后台分离的开发模式,常用的开发库又称为v...原创 2019-09-11 11:10:03 · 400 阅读 · 0 评论 -
es6入门(一)
一、定义变量1.1 使用let定义变量语法格式:let 变量名 [= 变量值]let和var的区别?1)let声明变量的作用域只在当前代码块中有效,而var可以在代码块中使用,也可以在全局范围内使用;2)let声明的变量必须要先声明后使用,否则报错,而var会返回undefined,不会报错;3)在同一个代码块中使用let声明的变量不允许出现重复;4)var声明的全局变量是保...原创 2019-10-08 14:44:18 · 175 阅读 · 0 评论 -
EasyUI框架
一、概述1.1 EasyUI是什么?EasyUI全称是Jquery-EasyUI,它是基于Jquery的一个UI插件库,封装了许多实用的控件和功能,并且是完美支持HTML5网页的框架。提供的控件包括数据表格,树形表格,菜单,进度条,选项卡,日期组合框,调节器,对话框等等。EasyUI的目标就是帮助Web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的JavaScript...原创 2019-08-21 23:31:25 · 11881 阅读 · 3 评论