Devin Blog

Thinking will not overcome fear but action will.

Webpack插件

记录常用的webpack插件(🙈🙊🙉)

基础配置 webpack webpack-cli mode output { publicPath } entry devServer 配置 webpack.config.js (vue-cli2) / vue.config.js (vue-cli3) HTML插件 html-webpack-plugin [removeAttrbuteQuotes, collapseWhitesp...

Posted by BY Devin on March 18, 2019

Router

Router

前言 route(API) : https://router.vuejs.org/zh/ vue-router单页面应用中，则是路径之间的切换，也就是组件的切换; 导航条路由index设置 路由调用TAB 原理:通过linkA/linkB使用beforeRouteEnter设置配置参数通过this.$router.push()跳转到Tab并使用参数显示对应的内容 导...

Posted by     BY Devin on December 1, 2018

Vue2.0+VUEX开发PO项目

Vue2.0+VUEX开发PO项目

简介 vuex : Vue组件中每個data变量，它就是一个状态，当应用程序足够庞大时，如果将这些状态集中管理就会非常方便，于是Vuex便应运而生 axios : src/utils/http.js 用于封装axios异步GET/POST/DELETE等方式获取数据 基于实践开发项目sst-PO system初步搭建：(vue-cli + vuex + axios) npm ins...

Posted by BY Devin on November 1, 2018

Vue全家桶 + Vue + Webpack搭建商城项目

Vue + VueRouter + Webpack + Axios

前言 使用Vue全家桶+webpack一步步讲解商城项目，vue商城展示效果Vue商城 Vue-cli 安装vue-cli npm install -g vue-cli 搭建初始 安装依赖 npm install axios vuex axios配置文件 src/utils/http.js 用于封装axios异步GET/POST/DELETE等方式获取数据 Vuex配...

Posted by BY Devin on March 1, 2018

JQUERY插件格式规范

含API、methods、options设置

前言 在网络上寻找了一些编写JQUERY方式，也观看了官网给的方式，感觉官网的方式后并不太喜欢，还是偏向对象的方式。但是搜索资料中并没有找到1.选项中函数参数传入方式2.API的编写方式；所以参考别人的格式制作的到规范； 1.methods参数是通过call() or apply()传到前台； 2.API需要图2图4对应的； 正文 下面拆分讲解： 1.AMD规范的目的都是为了Java...

Posted by BY Devin on January 20, 2018

Node.js搭建服务器与数据库连接

前言 Node.js：使JavaScript从页面脚本语言扩展成为一门服务端语言的环境； 整体目录 项目设计规划：前端通过AJAX请求后端，后端获取的前端传入参数操作数据库返回数据 注意：Node.rar设计从模块化、简单维护方向设计（依赖模块需要 npm install），数据库为Mysql; 第一步配置 （搭建文件结构）   1.假设路径为 E:/Node   ...

Posted by     BY Devin on December 1, 2017

前端如何部署一个项目

BI系统实际项目开发设置

前言 规范项目中细节（命名，结构，分类）能够有效的开发与维护 前后端分离 优点： 前端与后端能够独立开发，依赖性减低，提高效率 实现设计模式高内聚低耦合 路径构造 样式结构设计规范 CSS/HTML在项目中合理规范使用，能提高开发，便于维护，提高性能； 1.根据样式类型、风格拆分多个CSS独立文件 2.使用SASS/LES...

Posted by     BY Devin on November 20, 2017

HTML5 本地缓存

HTML5 localStorage / sessionStorage

前言 Cookie 经过HTTP请求服务器返回小量信息存放在客户端 session 信息存放在服务器，在一定时间内（默认30分钟）有效，过了期限自动销毁 localStorage 大量数据永久存放在客户端（无需经过服务器） sessionStorage 大量数据存放在客户端，当前页面或当前页面的内部页面关闭时自动销毁 优点 Cookie=》极高的扩展性和可用性 ； ...

Posted by     BY Devin on June 18, 2017

Git指令整理

不适合阅读的整理的一些个人常用的 Git 指令

随便整理的一些自用的Git指令 示意图 GitHub创建仓库提示代码 echo "# 项目名" >> README.md git init git add README.md git commit -m "first commit" git remote add origin git@github.com:qiubaiying/项目名.git git pus...

Posted by BY on June 15, 2017

Gulp构造工具使用

让程序猿更专注于开发

前言 gulp能为我们简单解决下列事项： 1.开发环境下，想要能够按模块组织代码，监听实时变化 2.CSS、JS预编译，postcss等方案，浏览器前缀自动补全等 3.条件输出不同的网页，比如app页面和mobile页面 4.线上环境下，我想要合并、压缩 html/css/javascritp/图片，减少网络请求，同时降低网络负担等 ...

Posted by BY Devin on June 12, 2017

FEATURED TAGS
Blog web Node.js websocket payment Gulp 构造工具 Mac 终端 Git localStorage sessionStorage JS 效率 开发技巧 Node express Mysql JQUERY JAVASCRIPT Vue Axios VueRouter Webpack vuex vue router webpack
ABOUT ME

Goals determine what you going to be!

✉️ devinhuang229@gmail.com

FRIENDS