javascript
文章平均质量分 76
本专栏主要介绍JavaScript相关技术知识点,包括各类前沿框架的使用、打包工具的使用、nodejs的使用等。
爱狗的陈十七
这个作者很懒,什么都没留下…
展开
-
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 · 2023 阅读 · 2 评论 -
Express:如何搭建一个完整的后台项目(MySql)
之前已经介绍过如何搭建express运行环境NodeJS:搭建基于express框架运行环境;所以本文只介绍如何如何使用express+MySQL搭建一个完整的后台项目,实现动态路由。express生成项目连接数据库封装动态路由一、express生成项目//通过生成器生成项目express + 项目名称 //命令行自动创建项目cd +项目名称npm installnpm s...原创 2020-02-21 17:47:31 · 971 阅读 · 0 评论 -
Vue:基于xampp集成的Apache服务器进行线上部署
因为我暂时没有购买云服务器,所以本博客是基于本地模拟线上部署;模拟项目是Vue+Express+mongoDB搭建而成的项目;后台代码部署前端代码部署一、后台代码部署首先,express是基于nodeJs的运行环境,所以服务器需要安装nodeJs;通过cmd打开express后台项目;node bin/www启动后台代码;后台代码部署完成。注意:express代码部署需要关...原创 2020-02-20 14:21:10 · 1683 阅读 · 0 评论 -
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 · 601 阅读 · 0 评论 -
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 · 952 阅读 · 0 评论 -
数据库: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 · 191 阅读 · 0 评论 -
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 · 293 阅读 · 0 评论 -
模块化开发:AMD、CMD、CommonJs和Es6的区别
什么是AMD、CMD、CommonJs?他们之间有什么区别?项目当中都是如何运用的?AMD即Asynchronous Module Definition,是RequireJS在推广过程中对模块定义的规范化产出,它是一个在浏览器端模块化开发的规范。特点:异步模块定义,依赖前置// 定义模块 myModule.jsdefine(['dependency'], function(){ ...原创 2020-01-28 19:34:04 · 272 阅读 · 0 评论 -
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 · 4173 阅读 · 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 · 5556 阅读 · 0 评论 -
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 · 505 阅读 · 0 评论 -
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 · 962 阅读 · 0 评论 -
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 · 182 阅读 · 0 评论 -
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 · 1977 阅读 · 0 评论 -
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 · 203 阅读 · 0 评论 -
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 · 988 阅读 · 0 评论 -
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 · 497 阅读 · 0 评论