- 博客(27)
- 收藏
- 关注
RSS订阅原创 css3基础
一.css3边框1.border-radius 用于创建圆角四个值左上角，右上角，右下角，左下角三个值左上角, 右上角和左下角，右下角两个值左上角与右下角，右上角与左下角一个值四个圆角值相同2.border-image 使用图片创建边框–兼容性不好，慎用border-image-source 边框图片的路径border-image-slice 图片边框向内偏移bord...
2019-07-28 23:20:21
136
原创 vue中keep-alive的使用
keep-alivekeep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素<keep-alive> <loading></loading></keep-laive>当组件在keep-alive内被切换时组件的activated、deact...
2019-07-26 00:23:51
154
原创 webpack搭建项目
基础篇1.新建一个文件，在当前目录下执行npm init然后一直回车：可以发现，当前目录下多了一个 package.json 的文件，文件里面自动生成以下代码：{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "...
2019-07-25 00:24:29
142
原创 css浮动讲解
标准文档流：宏观地讲，我们的web页面和photoshop等设计软件有本质的区别：web页面的制作，是个“流”，必须从上而下，像“织毛衣”。而设计软件，想往哪里画个东西，都能画。标准文档流特性1.空白折叠现象：无论多少个空格、换行、tab，都会折叠为一个空格。比如，如果我们想让img标签之间没有空隙，必须紧密连接：<img src="images/0.jpg" /><...
2019-07-21 21:45:35
183
原创 给网页穿上美丽的外衣
目标掌握CSS的语法结构和在网页中的应用掌握CSS的文本和字体样式掌握CSS背景样式一.了解css定义：CSS层叠样式表（Cascading Style Sheet）优势：内容与表现分离网页的表现统一，容易修改丰富的样式，使页面布局更加灵活减少网页的代码量，增加网页的浏览速度，节省网络带宽运用独立于页面的CSS，有利于网页被搜索引擎收录二.语法规则例，选择器 {声...
2019-07-14 23:20:40
273
原创 走进html
目标：了解html掌握html结构标签的应用掌握html内容标签的应用掌握超链接的应用一.走进html（了解）1.定义HTML：超文本标记语言（Hyper Text Markup Language）HTML不是一种编程语言，而是一种标记语言，描述网页的语言HTML使用标签描述网页中图片、文本、音乐、视频、超链接等注意：查看任意网页源代码2.地位前端三大结构：结构层，表现层，...
2019-07-14 23:06:37
130
原创 es6-对象拓展
1.对象简洁表示法 let name="zhangsan" let sex = "男" let obj = { name, sex, show(){ console.log(this.name); } } obj.show();2.属性名或方法名为变量时的写法 let attr='name'; ...
2019-07-12 11:28:46
167
原创 js中的存取器及双向数据绑定的实现
当使用存取器描述属性的特性的时候，允许设置get和set属性： var obj = {}; Object.defineProperty(obj,"newKey",{ get:function (){} | undefined, set:function (value){} | undefined });es5写法： var obj = {}; var...
2019-07-12 10:59:37
184
原创 vue-router的两种模式
Vue-router 中有hash模式和history模式，vue的路由默认是hash模式，一般开发的单页应用的URL都会带有#号的hash模式，因为整个应用本身而言就只有一个HTML，其他的都是通过router来渲染。简单介绍下两种模式：hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hell...
2019-07-12 09:25:14
519
原创 es6-数组拓展
//1.Array.of方法用于将一组值，转换为数组。 { let arr = Array.of(3,4,7,9,11); console.log('arr=',arr); let empty=Array.of(); console.log('empty',empty);}//2.Array.from方法用于将两类对象转为真正的数组{ let p=document...
2019-07-11 11:33:47
220
原创 es6-解构
es6中的解构有数组解构和对象解构一.数组解构1.基本用法以前为变量赋值，只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];//a=1,b=2,c=3本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。也可使用嵌套2.嵌套写法let ...
2019-07-11 10:36:38
242
原创 vuex实现购物车
数据：index.jsimport Vue from "vue";import Vuex from 'vuex';Vue.use(Vuex);const state = { shop_list: [{ id: 11, name: '鱼香肉丝', price: 12, }, { id: 22, name: '宫保鸡丁', price:...
2019-07-08 23:11:39
415
原创 vuex的简单使用
第一步：安装npm install vuex --save-dev第二步：引用全局引入：main.jsimport data from "./store/data";new Vue({ el: '#app', router, store:data, components: { App }, template: '<App/>'})第三步：写共享数据...
2019-07-08 17:18:38
134
原创 axios-post请求
第一步：安装：npm install qs --save-dev第二步：import axios from "axios";import qs from "qs";export const getData = (params)=>{ return axios .post("/api/getImages",qs.stringify(params)) .then((res)=&...
2019-07-08 14:51:09
314
原创 http协议
1.什么是http协议？对浏览器客户端 和 服务器端 之间数据传输的格式规范tcp/ip协议？浏览器客户端 和 服务器端 之间数据传输是否成功http协议内容请求行请求头：Accept: text/html,image/* -- 浏览器接受的数据类型Accept-Charset: ISO-8859-1 -- 浏览器接受的编码格式Accept-Encodi...
2019-07-07 09:39:31
105
原创 tooken详解
使用思路1.用户发出登录请求，带着用户名和密码到服务器经行验证，服务器验证成功就在后台生成一个token返回给客户端2.客户端将token存储到cookie中，服务端将token存储到redis中，可以设置存储token的有效期。3.后续客户端的每次请求资源都必须携带token，这里放在请求头中，服务端接收到请求首先校验是否携带token，以及token是否和redis中的匹配，若不存在或不...
2019-07-07 00:16:40
2547
原创 axios,拦截器,封装
第一步：在confing/index.js中配置proxyTable: { '/api': { //使用"/api"来代替apiconfig target: 'http://baidu.com', //请求原地址 changeOrigin: true, //允许跨域 pathRewrite: { '^/api': '' //路径重写 ...
2019-07-06 23:37:30
421
原创 使用promise封装axios
import axios from 'axios';import router from '../router';axios.defaults.timeout = 100000;/*const apiUrl = 'http://shopping.zhongguotengcha.com';*/const apiUrl = 'http://vinetea.weibeicc.com';a...
2019-07-05 17:47:28
314
原创 promise讲解
一.promise的出现在javascript中，所有的请求都是单线程的，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(callback, 1000);...
2019-07-05 17:08:36
211
原创 vue中字符串拼接路由path路径
功能：产品列表页面进入产品详情页面,产品详情中四个模块之间切换products.vue进入detail.vue页面,detail.vue中配置子路由第一步：products.vue<ul class="pro"> <router-link to="/detail/pro1" tag="li">产品1</router-link> <route...
2019-07-05 14:39:14
7228
原创 在vue-cli中使用axios
第一步：安装npm install axios ---save-dev第二步：在需要请求数据的文件中引入import axios from "axios"; export default{ name:"news", created(){ axios .get('../../static/db.json') .then((res)=>{ conso...
2019-07-05 10:23:58
334
原创 vue-cli路由传参的三种基本方式
现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。<li v-for="article in articles" @click="getDescribe(article.id)">方案一：getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ ...
2019-07-04 15:52:34
1865
原创 在vue-cli中使用mint-ui
前言：基于vue,适合写app第一步：安装npm install mint-ui -S第二步：main.js中配置import Mint from 'mint-ui';import 'mint-ui/lib/style.css'Vue.use(Mint);第三步：在组件中按官网（https://mint-ui.github.io/docs）指导，需引入，如Message box...
2019-07-01 17:28:51
399
原创 在vue-cli项目中使用使用iview
介绍：iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。第一步：安装npm install iview --save第二步:main.js中引入import iView from 'iview';import 'iview/dist/styles/iview.css';Vue.use(iView);第三步：测试<templa...
2019-07-01 17:13:45
522
2
原创 在vue-cli项目中使用使用swiper
第一步：切换进项目 安装swipernpm install swiper --save-dev第二步：创建组件 swiper.vue导入import Swiper from "swiper";@import 'swiper/dist/css/swiper.css';完整swiper.vue组件<template> <div> <div cla...
2019-07-01 16:59:32
2001
原创 在vue-cli项目中使用echarts
1@TOC欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来...
2019-07-01 14:06:01
199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人