9 pengjunlee

尚未进行身份认证

不学自知,不问自晓,古今行事,未之有也。

等级
TA的排名 346

前端无小事--Element-UI实现自定义主题

目录方法一:使用命令行主题工具安装工具初始化变量文件修改变量编译主题引入自定义主题方法二:直接修改element样式变量创建vue-cli项目安装vue安装vue-cli创建webpack项目(vue-project)启动项目安装scss插件安装element-ui安装sass-loader,node-sass改变element样...

2019-08-21 09:45:55

Express中间件body-parser

BodyParser简介在http请求种,POST、PUT、PATCH三种请求方法中包含着请求体,也就是所谓的request-body,在Nodejs原生的http模块中,请求体是要基于流的方式来接受和解析。body-parser是一个HTTP请求体解析的中间件,使用这个模块可以解析JSON、Raw、文本、URL-encoded格式的请求体。Node原生的http模块中,是将用户请求数...

2019-08-20 11:02:39

前端无小事--基于Vue的管理后台设计(布局篇)

前言我打算把接下来要写的几篇文章写成一个系列,用来记录一下如何基于Vue一步一步地搭建一个后台管理系统。文章前传:《前端无小事--Vue组件中引入jQuery》《前端无小事--Webpack项目中引入Bootstrap4.x》《前端无小事--Webpack项目中使用ToolTipster》本篇文章就是这个系列的第一篇,将对整个系统的页面布局进行设计。在菜单目录树的实现中...

2019-08-17 17:28:47

前端无小事--5分钟带你入门vuex(vue状态管理)

如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,那么接下来我们就来学习一下vuex是如何修改状态值的:我们新建一个vue项目(这里由于我们是讲解vuex,所以对于vue项目的创建我们不会讲解太详细);在命令行输入vueinitwebpackweb(使用w...

2019-08-16 17:32:36

前端无小事--Webpack项目中使用ToolTipster

目录安装ToolTipster创建提示框组件使用提示框组件参考文章Tooltipster是一个简单易用且功能强大的jQuery提示框插件,用于对HTML元素的拖动、移入、点击等鼠标事件或其他键盘事件提供效果炫酷的提示框,有助于丰富系统的提示功能。本文主要记录一下如何在webpack项目中使用ToolTipster来构建自己的提示框组件。官网地址:http://down.a...

2019-08-13 20:29:29

前端无小事--ToolTipster提示框插件

目录使用方法1.引入jQuery和Tooltipster's文件2.设置你的HTML3.激活Tooltipster4.定义你的tooltips风格5.在HTML内使用你的tooltips6.使用插件附录:参数插件描述:Tooltipster是一个jQuery提示框插件,用于对HTML元素的拖动、移入、点击等鼠标事件或其他键盘事件弹出效果炫酷的提示框...

2019-08-13 15:43:32

前端无小事--Webpack项目中引入Bootstrap4.x

Bootstrap是一个简洁、直观、强悍的前端开发框架,在Web开发中使用频率很高,本文主要记录一下如何在webpack项目中引入Bootstrap4.x。由于Bootstrap在各个Vue组件中经常会被用到,为了避免在每一个组件中重复引入,本文将直接在index.html中引入Bootstrap。文件下载npminstalljquery--save//Bootstra...

2019-08-09 19:00:41

前端无小事--使用Express模拟接口数据

Express简介Express是一个基于Node.js平台,快速、开放、极简的Web开发框架。Express在node.js基础上扩展了Web应用所需的功能,并提供了丰富的HTTP实用工具以及来自Connect框架的中间件,使得创建强健、友好的API变得快速而且简单。NodeJS下安装Expressnpminstallexpress-g//全局安...

2019-08-08 08:39:03

前端无小事--Vue组件中引入jQuery

如果想在普通的HTML页面引入jQuer库的话,直接使用<scriptsrc="jQuery.js"></script>即可。但是如果要在Vue组件中使用jQuery库的话,使用这样的方式就不行了,需要使用以下方法。一、安装jQuery依赖在使用jQuery之前,我们首先要通过以下命令来安装jQuery依赖:npminstalljquery--save...

2019-08-07 16:34:05

前端无小事--npm-package.json

本篇文章我们一起来看一看npm的package.json的配置细节。首先,你需要知道的是我们在package.json中配置的内容不仅仅是一个Javascript对象,它实际上还是一个JSON对象。而且这里面有很多配置项的表现都会受到npm-config配置文件中一些配置的影响。下面进入正题,逐个对package.json的配置项进行说明。name如果你打算...

2019-08-06 18:21:32

前端无小事--登录页布局

觉得公司管理后台的登录界面挺简洁的,于是就记录下来了,方便日后直接拿来用。<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>登录页面布局</title><styletype="text/css...

2019-08-05 17:56:58

前端无小事--Axios

Axios简介Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中,用来发送HTTP请求,其作用类似于jQuery的ajax()方法。Axios支持如下特性:从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请...

2019-08-01 16:38:36

前端无小事--Vue-Router基础入门

Vue-Router简介在传统的MVC架构中,是由服务端对用户的请求进行拦截,并根据请求URL的不同来返回不同的页面,这种路由方式叫做服务端路由。与之相对的还有另外一种前端路由方式,即把这些路由的工作交给前端来实现,由前端来根据不同的请求返回不同的页面。在单页面应用中,由于大部分的页面结构相对固定,需要改变的内容只占其中很小一部分,所以更适合使用前端路由。VueRouter就属于前端路...

2019-07-30 15:28:13

ESLint语法检查--indent(缩进)规则

英文地址:https://eslint.org/docs/rules/indent嵌套的代码块或者语句需要具有一定的缩进,类似下面这样:functionhello(indentSize,type){if(indentSize===4&&type!=='tab'){console.log('Eachnextindenta...

2019-07-30 09:30:50

ESLint语法检查--semi(分号)规则

英文地址:https://eslint.org/docs/rules/semiJavaScript在众多的类C语言中是独一无二的,因为它不需要你在每个语句的末尾添加分号。在多数情况下,JavaScript引擎能够自行确定在某个位置是否需要分号,并在需要时为我们自动添加上分号。这一特性被称作自动分号插入(automaticsemicoloninsertion,简称ASI),并且成为了J...

2019-07-29 15:15:37

VScode常用快捷键总结

原文地址:https://baijiahao.baidu.com/s?id=1626592348988752335&wfr=spider&for=pcCtrl+Shift+P,F1展示全局命令面板Ctrl+P快速打开最近打开的文件Ctrl+Shift+N打开新的编辑器窗口Ctrl+Shift+W关闭编辑器Ctrl+X剪切Ctrl+C复制...

2019-07-26 14:18:28

VScode为Vue文件设置模板代码

(1)安装Vetur和VueHelper插件,安装完成后需要重启VScode。在扩展插件搜索框中找到如下Vetur和VueHelper两个插件,注意看图标,千万别安装错插件了。(2)为vue添加模板代码片段。选中vue项。在打开的vue.json中加入你的模板代码片段。{ "vue":{ "prefix":"vue"...

2019-07-24 16:00:00

前端开发利器--VScode(Visual Studio Code)

原文地址:https://www.cnblogs.com/clwydjgs/p/10078065.html前言   在前端开发中,有一个非常好用的工具,VisualStudioCode,简称VScode。   都不用我安利VScode,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VScode比德芙还丝滑的强大功能所折服。   我是来给大家安利插件的,想做个比较全面的...

2019-07-18 14:27:15

Windows下简单的生成目录树

也许很多人都知道了吧。不过,说实话我是第一次知道还有这样的命令的。之前需要一个目录的树状结构,用PHP写了一个,不过目的达到了,效果不好看,也懒得去美化。偶然发现其实windows有一个命令就可以实现这个的。tree。tree/Fd:\dir1>d:\tree.txt就是将d:\dir1的目录结构以树状形式输出报告到文件tree.txt中。效果是这样的:...

2019-07-18 13:38:21

前端无小事--Vue基础入门

VUE简介Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。NodeJS和NPM安装Node.js是一个基于...

2019-07-16 20:23:25

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。