04 2020 档案
npm 汇总
摘要:1 npm 常用的命令: npm install //运行npm install 咳根据package.json中的配置自动安装所有的依赖包 npm uninstall //卸载依赖包 如果 npm uninstall <packagename> --save-dev 即卸载开发环境下的webpac 阅读全文
posted @ 2020-04-30 16:58 半夏微澜ぺ 阅读(234) 评论(0) 推荐(0) 编辑
vue项目支持多语言(vue-i18n)
摘要:引入vue-i18n vue-i18n 是一个vue插件,主要作用就是让项目支持国际化多语言。首先我们引入这个插件: import Vue from 'vue' import Vue18n from 'vue-i18n' Vue.use(Vuei18n); vue插件的使用方法,通过全局方法Vue. 阅读全文
posted @ 2020-04-30 16:35 半夏微澜ぺ 阅读(2876) 评论(0) 推荐(0) 编辑
elementui 切换主题,生成对应主题的css文件,批量为css文件扩展命名空间 gulp-css-wrap
摘要:cnpm i gulp gulp-css-warp gulp-clean-css --save-dev cnpm -g gulp 然后在项目根目录新建gulpfile.js: var path=require('path'); var gulp=require('gulp'); var cleanC 阅读全文
posted @ 2020-04-28 15:17 半夏微澜ぺ 阅读(677) 评论(0) 推荐(0) 编辑
微信分享显示缩略图
该文被密码保护。
posted @ 2020-04-24 16:22 半夏微澜ぺ 阅读(0) 评论(0) 推荐(0) 编辑
XMLHttpRequest
摘要:XMLHttpRequest对象用于在后台与服务器交换数据: 在不重新刷新页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器获取数据 在后台向服务器发送数据 所有现代的浏览器都支持XMLHttpRequest(IE7+) 创建XMLHttpRequest对象的语法: var 阅读全文
posted @ 2020-04-24 15:35 半夏微澜ぺ 阅读(458) 评论(0) 推荐(0) 编辑
xml基础
摘要:XML指可扩展标记语言 XML被设计用来传输和存储数据 HTML 被设计用来显示数据 什么是XML? XML 指可扩展标记语言 XML是一种标记语言,很类似HTML XM的设计宗旨是传输数据,而不是显示数据 XML标签没有被预定义,您需要自行定义标签 XML被设计为具有自我描述性 XML是W3C的推 阅读全文
posted @ 2020-04-24 14:01 半夏微澜ぺ 阅读(142) 评论(0) 推荐(0) 编辑
element-ui 自定义主题颜色
该文被密码保护。
posted @ 2020-04-22 17:13 半夏微澜ぺ 阅读(0) 评论(0) 推荐(0) 编辑
element 更换主题
摘要:1 直接在项目中改变scss变量 Element中的theme-chalk使用scss编写,如果项目中使用了scss,那么可以直接在项目中改变Element的样式变量。新建一个样式文件,例如element-variables.scss /*修改主题色变量*/ $--color-primary:red 阅读全文
posted @ 2020-04-20 17:03 半夏微澜ぺ 阅读(929) 评论(0) 推荐(0) 编辑
css3中新增的背景属性和文本效果
摘要:css3中新增的背景属性: background-image background-size background-origin background-clip background-image css3中可以通过background-image属性添加背景图片。不同的背景图像和图像使用逗号隔开,所 阅读全文
posted @ 2020-04-14 17:06 半夏微澜ぺ 阅读(366) 评论(0) 推荐(0) 编辑
transform rotate旋转 锯齿的解决办法
摘要:给元素添加旋转效果,: -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -o-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg) 阅读全文
posted @ 2020-04-14 15:00 半夏微澜ぺ 阅读(551) 评论(0) 推荐(0) 编辑
border-image
摘要:border-image 用图片创建一个边框 border-image属性是速写属性用于设置:border-image-source,border-image-slice,border-image-width,border-image-outset,border-iamge-repeat的值,省略的 阅读全文
posted @ 2020-04-14 14:13 半夏微澜ぺ 阅读(367) 评论(0) 推荐(0) 编辑
实现页面变成灰色色调
摘要:1 css实现 body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter 阅读全文
posted @ 2020-04-10 15:54 半夏微澜ぺ 阅读(350) 评论(0) 推荐(0) 编辑
ie 浏览器“浏览器模式”和“文档模式”之间的区别
摘要:只有ie浏览器才会有“浏览器模式”和“文档模式”,兼容性视图涉及两个重要的功能便是“浏览器模式(browser mode)”和文档模式(document mode),在IE8/IE9中按F12键,打开 “开发人员工具”,在菜单栏中可以看到“浏览器模式“和”文档模式“的菜单切换,可以选择切换到不同的网 阅读全文
posted @ 2020-04-10 14:26 半夏微澜ぺ 阅读(662) 评论(0) 推荐(0) 编辑
vue-loader
摘要:Vue-loader是一个webpack的loader,它允许你一种名为单文件组件的格式撰写Vue组件;当Vue loader编译单文件组件中的<template>块时,它也会将所有遇到的 资源URL转换为webpack 模块请求。 例如: <img src="../image.png"> 将会被编 阅读全文
posted @ 2020-04-08 17:09 半夏微澜ぺ 阅读(479) 评论(0) 推荐(0) 编辑
vue-cli创建的项目中使用sass
摘要:安装sass-loader node-sass cnpm install sass-loader node-sass -D -D是--save-dev的缩写 安装之后有的会报错: this.getReslove is not a function.... 这时因为sass-loader的版本太高的原 阅读全文
posted @ 2020-04-02 15:59 半夏微澜ぺ 阅读(1230) 评论(0) 推荐(0) 编辑
v-html
摘要:更新元素的innerHTML,注意:内容按普通HTML插入-不会作为Vue模板进行编译。在网站动态渲染反任意的HTML都是非常危险的,容易导致XSS攻击。 只在可信内容上使用V-HTML,永不用再用户提交的内容上; 再单文件组件里面。scoped的样式不会应用再v-html内容,因为那部分HTML没 阅读全文
posted @ 2020-04-02 15:47 半夏微澜ぺ 阅读(1918) 评论(0) 推荐(0) 编辑
vue $forceUpdate 强制更新
摘要:vue中的$forceUpdate是强制更新的意思,强制触发vue的update方法; 对于深结构数据,比如,修改数组的长度为0 arr.length=0; 给对象添加新的属性 obj.newAttrbute='value'; 这样写是没有效果的,页面上的数据并不会同步更新,因为没有按照vue的规范 阅读全文
posted @ 2020-04-02 15:00 半夏微澜ぺ 阅读(2252) 评论(0) 推荐(0) 编辑
webpack-dev-server 不是内部命令
摘要:今天遇到一个问题,vue项目直接哎vscode中打开,在vscode中自带的命令窗口运行npm run dev,报错,提示缺少模块,于是就删除node_modules文件,重新安装依赖, 这时提示webpack-dev-server不是内部命令,不知道是什么原因,但是直接在项目所在目录下打开命令窗口 阅读全文
posted @ 2020-04-02 14:21 半夏微澜ぺ 阅读(1215) 评论(0) 推荐(0) 编辑