- 博客(9)
- 资源 (1)
- 收藏
- 关注
原创 vue / vue-cli升级webpack4
vue升级webpack4.xwebpack与webpack-dev-server版本不兼容> smart-video-mobile@0.1.0 dev F:\project\公司\智能工厂\smart-video-mobile> webpack-dev-server --inline --progress --config build/webpack.dev.c
2018-06-27 16:55:54 6002 7
原创 Vue-cli 创建项目关于资源路径问题
关于在vue项目中资源路径问题 在写vue项目时往往面临这些问题 1. 图片引入使用绝对路径,不会经过编译,小图片不会编译成base64形式 2. 打包之后的文件,全部使用绝对路径,部署时带来大量路径问题 其实这些问题都可以通过对webpack的配置文件进行更改来解决资源路径在引入资源时使用,别名alias,vue init webpack生成的项目在bui
2018-01-11 17:32:21 4087
原创 CSS优先级
CSS优先级 浏览器通过优先级来判断哪一些属性值与一个元素最为相关,从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。 影响优先级的选择器 ID选择器(例如:#example) 类选择器(例如,.example)、属性选择器(例如,[type="radio"])、伪类(pseudo-classes)(例如,:hover) 类型选择器(例如,h1)、伪元素(p
2017-11-13 15:20:43 271
原创 JavaScript事件流(冒泡事件与捕获事件)
事件流 事件流是在浏览器发展到第四代(IE4及Netscape Communicator4)时出现的概念,事件流描述的是从页面接收事件的顺序。但有意思的是,IE和Netscape开发团队居然提出了完全相反的事件流的概念。IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流。事件冒泡 事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层
2017-11-13 11:48:23 364
原创 Vue2中公共组件模态框(modal)
modal组件 在开发基于Vue2框架的项目时,项目需求一款模态框组件,因为没用使用UI框架,所以打算自己开发,在查询资料后,成功写出高度可定制化的modal组件,看具体代码HTML部分 使用slot插槽进行内容替换<template> <transition name="modal" tag="d
2017-11-12 10:09:43 19275 12
原创 axios使用拦截器统一处理所有的http请求
axios使用拦截器 在请求或响应被 then 或 catch 处理前拦截它们。http request拦截器// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 return config; }, function (error) { // 对请求错误做些什么
2017-11-08 09:31:40 23930 2
原创 多维数组转成一维数组(数组扁平化)
多维数组转成一维数组(数组扁平化)使用迭代的方式function reArray(arr) { if (arr.length === 0) { return false; } var newArr = []; arr.forEach(function (item) { if (item instanceof Array) {
2017-10-30 11:29:11 1024
原创 angular4 中使用swiper,开启loop后首次加载页面,轮播一次性跳过多张图片
angular4 中使用swiper,开启loop后首次加载页面,轮播一次性跳过多张图片bug描述 我在angular4中使用ngx-swiper-wrapper时,组件方式使用,在初始化时传入配置,为了无缝循环-loop: true,出现首次加载时从第一张图片轮播到第二张时,直接跳过多张到拷贝的对应的图片上解决方式observer: true, // 修改swiper自己或子元素时,自动初始
2017-10-26 20:09:43 2371
原创 布局--居中方案
布局–居中方案水平居中inline-block + text-align.child{ display: inline-block; }.parent{ text-align: center; }table + margin.child{ display: table; margin: 0 auto;} display: table – 指定为块级元素的table,在
2017-10-26 12:48:47 221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人