#端项

VSCode搭建简单的Vue前端项目

开发之前,请先熟悉下面的4个文档vue.js,优秀的JS框架vue-router,vue.js配套路由vuex,vue.js应用状态管理库AntDesign,蚂蚁金服提供的组件库NodeJS(npm)VisualStudioCode(前端IDE)下载地址: 官网下载地址VisualStudioCode是一款非...

我们为什么在移动端项目中选择jQuery而不是Zepto

1、文件大小比较首先从cnd上(http://www.bootcdn.cn/)下载jquery和zepto。jquery下载的是2.2.4版本压缩:zepto下载的是是1.20压缩版本:二个文件大小比较:jquery.min.js大小为:83.5kzepto.min.js大小为:25.7k总结:zepto文件确实小,但...

Vue移动端项目模板h5

基于版本vue2.6的一个集成移动端开发插件的Vue移动端模板包含1、css:使用stylus开发css集成reset样式文件修改UI组件文件统一样式处理(如主题色等)2、UI组件使用热门的移动端vue组件库vant按需加载3、移动端适配集成rem插件移动端适配META标签4、组件集成标题栏组件、无数据组件、底部导航5...

从零开始搭建vue移动端项目到上线的步骤

初始化项目1、在安装了node.js的前提下,使用以下命令npminstall--gvue-cli2、在将要构建项目的目录下vueinitwebpackmyproject(项目目录名称)一路回车如下中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中的两个测试,...

前端项目中接口的抽象分类以及接口管理工具开发

我认为,前端项目需要使用的后端接口基本上可以分为六类 1.单纯获取一个对象的接口(O型接口)  如获取某个用户的基本信息,返回一个对象,对象中的字段即是此用户的基本信息。2.获取一个列表的接口(L型接口)  如获取一个目录列表,返回数据仅仅只是一个数组,不包含分页信息。3.获取一个分页对象的接口(P型接口) ...

vue-cli3前端项目如何部署到线上

1.新建vue.config.js文件夹,输入以下代码:module.exports = {    assetsDir: 'static',    parallel: false, &nbs...

使用 Hbuilder 连接手机调试移动端项目

点击界面上的浏览器右侧的倒三角。 弹出列表以后,点击最后一行“设置web服务器...”。继续弹出,点击右下角的“外置Web服务器设置”。 点新建。 弹出框后,填入“名称”和“浏览器运行URL”,...

yb课堂 前端项目通用底部选项卡 CommonsFooter 《三十六》

底部导航首页Banner首页视频列表视频详情模块注册模块登陆模块个人信息模块下单模块订单列表模块文档地址:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start  在components下创建CommonFooter.vue<template><...

yb课堂 开发前端项目路由 《三十五》

vue-router是Vue.js官方的路由管理器,它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌官方文档:https://router.vuejs.org/zh/路径:src/router/index.jsimportVuefrom'vue'importVueRouterfrom'vue-router'...

yb课堂 前端项目目录结构创建和讲解 《三十三》

cnpminstallnode-sass--save-dev启动项目:cnpmrunserve创建新目录:api/route/views默认资源文件介绍assets:静态资源文件components:组件router:路由store:vuex用于vue状态的管理views:模块views里面建组件的文件名HomeCou...

yb课堂 VueCli 4.3搭建yb课堂前端项目架构 《三十二》

vuecreateybclass_front安装vuex、vue-router,用vscode打开安装axioscnpminstallaxios--savecnpminstall<package_name>--save表示将这个包名以及对应的版本添加到package.json的dependenciescnp...

yb课堂 前端项目技术组件概述 《三十》

学前必备基础:HTML、CSS、JavaScript、Vue基础知识Vue:用于构建用户界面的渐进式JavaScript框架什么是Cube-UI基于Vue.js实现的精致移动端组件库地址:https://didi.github.io/cube-ui/#/zh-CNVuex:在Vue项目开发时使用的状态管理工具state...

使用gulp搭建一个传统的多页面前端项目的开发环境

使用gulp搭建一个传统的多页面前端项目的开发环境支持pug scss es6编译支持支持开发环境和打包生成sourceMap支持文件变动自动刷新浏览器,css是热更新(css改动无需刷新浏览器即可更新)支持新增文件没无需重启gulp,即可改动自动刷新浏览器支持eslint,使用的eslint插件是...

nginx搭建前端项目web服务器以及利用反向代理调试远程后台接口

  前端同学用nginx搭建自己的web服务器,后台程序专门部署在一台服务器上(我们之前公司就有三套环境,开发/测试/生产),这样做的好处是  1、前端代码基本都是静态文件,重启一次很快,也就几秒钟时间。  2、不用配置后台语言开发环境,不需要关心后台代码是如何运行起来的,也不用管他究竟用了多少依赖包。  3、对网络环...

使用nodeJS实现前端项目自动化之项目构建和文件合并

  一般地,我们使用构建工具来完成项目的自动化操作。本文主要介绍如何使用nodeJS来实现简单的项目结构构建和文件合并 项目构建  假设,最终实现的项目名称为'test',结构如下图所示  那么,首先需要先设置一个JSON对象来保存要创建的目录结构varprojectData={'name':'test','...
首页上一页12下一页尾页