前端开发框架
BeautyBeier
没有完美,只有不断的进取!
展开
-
响应式网站开发框架Bootstrap中Carousel插件的使用及使之支持手机端
Bootstrap是最受欢迎的Html、Css和Js框架,它用于开发响应式布局和移动设备优先的web项目。Carousel是用于轮播的插件,它的初始化可以是带有标记的html代码即可。前提是需要引入boostrap.css和bootstrap.js,这两个文件可以去Bootstrap的官网去下载或者直接引入以下代码:<!-- 新 Bootstrap 核心 CSS 文件 --><link rel原创 2016-12-05 11:42:58 · 1506 阅读 · 0 评论 -
vue.js的devtools安装
安装 1.github下载地址:https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install —–>npm run build. 3.修改manifest.json 中的persistent为true 左侧是mainfest.json所在的文件夹目录vue-devtools-master\原创 2017-06-01 11:46:58 · 684 阅读 · 0 评论 -
本地localhost换成本地的IP地址后不能访问的原因
首先要明白localhost是本地DNS解析的127.0.0.1的域名;而IP本机IP则指你连到网络上的IP地址,可以是内网地址,当然也可能是公网IP;1.本地的服务器是IIS服务器,需要在程序-功能——打开和关闭windows防火墙中勾选web Http协议; 这样本地测试时localhost就可以换成本机的IP地址了; 2.如果你相要通过手机来测试web应用的页面,可以通过这个ip地址来原创 2017-06-23 14:09:46 · 49338 阅读 · 4 评论 -
vue商城路由配置及组件的使用
1.vue路由的配置1)vue项目import Vue from 'vue' //引入vueimport Router from 'vue-router' //引入路由信息Vue.use(Router) //初始化路由信息const MemberStore = (resolve) => { import('components/memberStore/memberStore').then((m原创 2018-01-03 16:09:50 · 1112 阅读 · 0 评论 -
vue 开发项目前的准备
一、vue开发前的准备 1.node.js环境搭建和npm的安装node.js的官网只需要登录官网看到‘install’按钮就可以直接下载安装; 安装完成后运行cmd命令,输入node -v出现下图提示的版本号就表示安装成功了 ①npm作为NodeJs的模块管理-npm有一些基础的命令例如:npm init , npm set, npm config等,具体可以看地址:地址链接 2.安装原创 2018-01-02 16:58:10 · 810 阅读 · 0 评论 -
vue 开发微商城-项目的构造-1
1.vue是基于MVVM模式的框架,即通过数据来操作DOM结构,最为突出的特点就是双向数据绑定的特点;如下图所示是vue-cli搭的脚手架项目文件的构成 2.主要代码的编写是src文件,一般来说一个大项目的文件结构如下图所示: 这样的项目结构有利于项目的开发和后期的维护。 3.main.js 项目的基本配置以及挂载//引入项目所需要的基础组件import 'babel-po原创 2018-01-03 14:53:15 · 2792 阅读 · 0 评论