1234wu - 博客园

webpack配置--传统多页面项目

摘要： webpack.config.js配置:(热加载,编译less.等常用功能都有) 文件目录: 补充: 1.配置视频文件:https://stackoverflow.com/questions/45645675/webpack-3-locates-mp4-file-but-video-is-not-p 阅读全文

posted @ 2019-07-31 19:58 1234wu 阅读(955) 评论(0) 推荐(0)

前端数据的加密和解密--对象解密的坑

摘要：作为一个前端菜鸡,今天碰到一个加密解密的坑,浪费了不少时间. 为了报仇,我决定再次拿起我的小本本,君子报仇十年不晚,先记下来. 先说坑,加密解密前端工作中很常见. 之前也加密过密码账户之类的,一切都顺畅无比,比如: 输出结果:(看吧一切都那么顺利) 就在今天当我加密要一个"对象"的时候......出阅读全文

posted @ 2019-07-27 16:58 1234wu 阅读(1221) 评论(0) 推荐(0)

vue图片不存在时加载默认图片

摘要：在文件中的img那里添加:οnerrοr="errorImg01"，然后设置errorImg01的路径如果直接写成 errorImg01: ('../../assets/images/item_image.png')，会找不到这个图片由于项目启动后，图片的路径并不是我们写的路径了。所以我们用 e 阅读全文

posted @ 2019-07-25 16:21 1234wu 阅读(1811) 评论(0) 推荐(0)

axios 文件流下载

摘要： this.axios .post(this.baseUrl+"/exportUser", { admin: "",keys: "",keyword:this.keyword,},{responseType: 'blob'}) .then(function(response) { var blob = new Blob([response.dat... 阅读全文

posted @ 2019-07-10 19:50 1234wu 阅读(1671) 评论(0) 推荐(0)

vue elementui 切换语言

摘要： 1.安装插件:npm install vue-i18n --save 2.src下新建i18n文件夹, i18n文件夹下创建langs文件夹和i18n.js文件 langs文件夹下创建cn.js; en.js; index.js 如图: 3. i18n.js: 4. cn.js: 5. en.js: 阅读全文

posted @ 2019-06-26 21:14 1234wu 阅读(6691) 评论(0) 推荐(0)

vue中搜索关键词,使文本标红

摘要： UserHead.vue中搜索框: 与button绑定的事件: Userfile.vue中的文本内容: data()和vuex的传值就先不赘述了,vue传值看这里阅读全文

posted @ 2019-06-19 21:21 1234wu 阅读(3672) 评论(0) 推荐(0)

vue 的传值

摘要： https://www.cnblogs.com/lingnweb/p/9969151.html 阅读全文

posted @ 2019-06-19 19:50 1234wu 阅读(128) 评论(0) 推荐(0)

Vue+ElementUI: 手把手教你做一个audio组件

摘要： https://segmentfault.com/a/1190000012453975 另,vue-aplayer: https://blog.csdn.net/weixin_41635393/article/details/84751273 简单的vue-audio https://github. 阅读全文

posted @ 2019-06-11 19:06 1234wu 阅读(1572) 评论(0) 推荐(0)

谷歌浏览器chrome的vuejs devtools 插件的安装

摘要： https://www.cnblogs.com/alice-fee/p/8038367.html 阅读全文

posted @ 2019-06-10 15:00 1234wu 阅读(302) 评论(0) 推荐(1)

css炫酷动画收藏

摘要： 1.按钮、hover、input动画（cssfx) https://cssfx.dev/ 2.svg 矢量定制icon（ikonate） https://www.ikonate.com/#content 3.图片滤镜（Instagram.css） https://picturepan2.github 阅读全文

posted @ 2019-05-16 19:29 1234wu 阅读(781) 评论(0) 推荐(1)

文件上传

摘要： ajax上传文件: https://www.cnblogs.com/zhaopei/p/upload.html WebUploader插件: http://fex-team.github.io/webuploader/doc/ 强大的 Vue 上传组件 vue-simple-uploader: ht 阅读全文

posted @ 2019-04-25 11:17 1234wu 阅读(219) 评论(2) 推荐(0)

移动端布局那些事

摘要： 1,移动端的常见开发方式: 响应式：一套代码可以兼容移动端，pc端，pad端。所以说代码不会特别复杂，内容也不会特别的多，尤其是动画自适应：根据不同的设备去加载不同的代码，pad一套，pc一套，phone一套。最常见一种媒体查询: 百分比，写自适应的时候就不需要考虑太多,想要做的更细腻，就必须阅读全文

posted @ 2019-04-09 00:27 1234wu 阅读(666) 评论(0) 推荐(1)

offsetLeft 解析

摘要：前言:先看下w3c与之相关的介绍: 1,简单来说就是偏移量,但它的参考对象到底是谁,我们慢慢来看. 效果如下: 这个demo中可以看出在默认情况下每个box的偏移值都是以浏览器为参考对象的. 2.如果我们给父级加上定位呢?(box1添加相对定位) 效果: 所以给父级添加定位之后,offset的偏移值阅读全文

posted @ 2019-04-08 19:27 1234wu 阅读(762) 评论(0) 推荐(0)

css3动画--位移加阴影

摘要： animation: name duration timing-function delay iteration-count direction; 值描述 animation-name 规定需要绑定到选择器的 keyframe 名称。。 animation-duration 规定完成动画所花费的时间阅读全文

posted @ 2019-04-02 11:47 1234wu 阅读(588) 评论(0) 推荐(0)

CSS文本超出2行就隐藏并且显示省略号

摘要：超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？超出两行隐藏: css3解决了这个问题阅读全文

posted @ 2019-04-01 11:39 1234wu 阅读(4362) 评论(0) 推荐(3)