- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue：vue如何配置国际化
相信很多前端开发工作人员在开发过程中，由于产品的国际化，必然会面临项目的国际化配置问题，这里笔者分享下自己使用vue框架如何进行国际化配置；vue项目初始化安装依赖国际化配置（一）vue项目初始化之前笔者已经介绍过如何使用vue-cli2和vue-cli4,还不熟的朋友可以先去查看如何进行项目初始化；vue init webpack vue-i18n-pro;//vue-cli2初始化项目vue create vue-i18n-pro;//vue-cli4初始化项目（二）安装依赖ya
2020-08-09 22:17:57
1816
2
转载 前端开发规范：vue开发编码规范
1.必要的编码规范1.1. 组件名为多个单词[强制] 组件名应该始终是多个单词的，根组件 App 以及 、 之类的 Vue 内置组件除外。示例：/* good */ Vue.component('todo-item', { // ...})/* bad */ Vue.component('todo', { // ... })1.2. 组件数据必须是函数[强制] 当在组件中使用 data property 的时候 (除了 new Vue 外的任何地方)，它的值必须
2020-08-05 16:38:13
501
原创 Express:如何搭建一个完整的后台项目（MySql）
之前已经介绍过如何搭建express运行环境NodeJS:搭建基于express框架运行环境；所以本文只介绍如何如何使用express+MySQL搭建一个完整的后台项目，实现动态路由。express生成项目连接数据库封装动态路由一、express生成项目//通过生成器生成项目express + 项目名称 //命令行自动创建项目cd +项目名称npm installnpm s...
2020-02-21 17:47:31
925
原创 Vue:基于xampp集成的Apache服务器进行线上部署
因为我暂时没有购买云服务器，所以本博客是基于本地模拟线上部署；模拟项目是Vue+Express+mongoDB搭建而成的项目;后台代码部署前端代码部署一、后台代码部署首先，express是基于nodeJs的运行环境，所以服务器需要安装nodeJs；通过cmd打开express后台项目；node bin/www启动后台代码；后台代码部署完成。注意：express代码部署需要关...
2020-02-20 14:21:10
1601
原创 Git:vscode操作git的使用方法
本地安装gitgit基本配置vscode的操作方法一、本地安装git：https://git-scm.com/downloads选择安装路径选择组件On the Desktop 在桌面上Windows Explorer integration Windows资源管理器集成鼠标右键菜单Git LFS (Large File Support)大文件支持Associate ....
2020-02-02 19:39:01
541
原创 Vue:vue2.0全家桶搭建element-ui+axios+vuex+mockjs
作为一名前端人员，并且作为一名使用过vue框架的前端人员，相信都听说过vue全家桶（1.项目构建工具vue-cli、2.路由vue-router:http://router.vuejs.org、3.状态管理vuex:http://vuex.vuejs.org、4.http请求工具axios:http://www.axios-js.com/zh-cn/docs/、5.样式element-ui:htt...
2020-02-02 17:37:15
869
原创 数据库：windows平台下MongoDB安装和环境搭建
下载安装包和压缩包进行傻瓜式安装配置环境变量、启动Mongo1.下载安装包和压缩包官网：选择所需的版本：https://www.mongodb.com/download-center/community；2.进行傻瓜式安装1.双击下载的Mongo版本文件，进入安装首页；2.点击接受协议，接着点击“next”；3.点击“custom”4.自定义安装路径；5.data...
2020-01-31 14:07:54
168
原创 Express:搭建基于express框架运行环境
安装express generator生成器通过生成器自动创建项目配置分析1.安装express generator生成器1.npm install -g express //全局安装express2.npm install -g express-generator //安装express genaraor2.通过生成器自动创建项目express + 项目名称 //命令行自动...
2020-01-29 16:13:41
256
原创 模块化开发：AMD、CMD、CommonJs和Es6的区别
什么是AMD、CMD、CommonJs？他们之间有什么区别？项目当中都是如何运用的？AMD即Asynchronous Module Definition,是RequireJS在推广过程中对模块定义的规范化产出,它是一个在浏览器端模块化开发的规范。特点：异步模块定义，依赖前置// 定义模块 myModule.jsdefine(['dependency'], function(){ ...
2020-01-28 19:34:04
252
原创 Vue：vue2.0和vue3.0同时存在
全局安装最新版的vue-cli，vue -V可查看vue脚手架的版本号；npm -g install @vue/cli 创建一个文件夹vue2，局部安装vue-cli，vue -V查看版本号；npm install vue-cli@2.9.6修改vue2下的文件名称找到安装vue的目录，然后找到 vue 和 vue.cmd 的位置。分别改名为 vue2 vue2.cmd...
2020-01-07 22:29:22
4103
1
原创 Vue：vue-cli 2.0安装及项目搭建
环境搭建安装nodejsnpm install -g npm npm自动更新到最新版本node -v或者npm -v 查看nodejs是否安装成功配置淘宝镜像npm config set registry https://registry.npm.taobao.org 配置淘宝镜像npm config get registry 查看镜像地址是否设置成功安...
2020-01-07 22:09:07
5364
原创 Array:数组获取连续相同数值的起始索引
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-12-11 22:04:52
364
原创 Vue:vue-cli 4.0安装及项目搭建
环境搭建安装nodejsnpm install -g npm npm自动更新到最新版本node -v或者npm -v 查看nodejs是否安装成功配置淘宝镜像npm config set registry https://registry.npm.taobao.org 配置淘宝镜像npm config get registry 查看镜像地址是否设置成功配...
2019-12-10 00:26:46
931
原创 Css样式--方框3d
<!DOCTYPE html><html> <head lang="zh"> <meta charset="UTF-8"> <title>方框1-作业1</title> <style type="text/css"> body{ perspective:1500px; } ...
2019-12-09 19:20:38
413
原创 Css样式--圆梯3d
<!DOCTYPE html><html long="zh"> <head> <meta charset="UTF-8"> <title>圆梯</title> <style type="text/css"> body{ perspective:1000px; ...
2019-12-09 19:19:16
171
原创 Css样式--骰子3d
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <title>骰子3D图</title> <style class="text/css"> .wrap{ width:100px; height:100px;...
2019-12-09 19:16:55
271
原创 Webpack:入门小demo
本文主要是记录webpack的简单入门操作，希望对刚入门的t同行有所帮助。第一步：安装webpack；//全局安装npm install -g webpack//安装到你的项目目录npm install --save-dev webpack//webpack4还需要安装webpac-clinpm install --save-dev webpack-clinpm install -...
2019-07-30 22:07:05
160
原创 VisualCode添加open with code功能，实现右键打开文件夹
window 右键菜单添加 vscode实现：1.新建一个名为vsCodeOpenFolder.reg 的文件，找一个记事本或者sublime打开，名称无所谓，但是一定需要带上 .reg 后缀。2.查看你自己的电脑的vscode安装目录，最简单的方法就是右键桌面的vscode，查看属性就知道了。以我的安装地址为例：D:\Microsoft VS Code\Code.exe ， 单反斜杠最好都...
2019-07-20 12:29:25
494
原创 Echart:选择区域
data() {return {aaa: “”,bbb: “”,charts: “”,ddd: [[{name: 早高峰,xAxis: “07:30”},{xAxis: “10:00”}],[{name: “晚高峰”,xAxis: “17:30”},{xAxis: “21:15”}]]};},methods: {dr...
2019-05-26 22:56:17
1935
原创 Js功能:多级菜单小demo
function hoverData(data) { var ulData = `<ul class="nav" id="data${data[0].id}">` for (var i = 0; i < data.length; i++) { var xxx = JSON.stringify(data[i].children); ...
2019-03-14 01:20:56
174
原创 NodeJs:express中如何连接数据库
首先安装express插件；然后安装mysql;接着引入MySQL模块：var mysql=require(‘mysql’);// 新建一个数据库连接，数据库配置var connect=mysql.createConnection({host:‘服务器名，默认为localhost’,user:‘用户名，默认为root’,password:‘密码，默认为空’,database:‘数...
2019-01-24 21:17:15
948
原创 NodeJs:async/await的使用小demo，以及注意事项
async、await的一个使用小示例，希望对你有所帮助。首先，await 需要与async搭配使用；其次，await需要等待包含promise对象的函数；否则则不能同步进行；最后，ajax请求中包含async属性，默认为ture,表示为异步；false，为同步。建议使用异步，便于优化。//准备1function prepare(obj) {return new Promise((re...
2019-01-24 17:57:52
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人