- 博客(23)
- 收藏
- 关注
RSS订阅原创 react项目从无到有 做国际化
公司之前只是用react做了一个系统，但是后来说要做国际化，要做英文版，当时这个任务交给我的时候真头大，因为vue国际化还好做点，这个react做国际化，还我一个人完全，真是有点懵。后来开始各种搜索记录，完善，最后终于在自己的努力下完成了这个工作。下面是记录的一些要点，都是实际工作中遇到的。在此记录一下，同时也跟其他跟我一样最开始做react项目的小伙伴一个算 不是建议的的建议吧。首先，我用的...
2020-03-26 11:06:38
363
原创 vue项目打包部署上线，图片 css 等不正常显示的解决方式
vue项目打包部署的话，有时候访问图片会出现不能正常显示的情况，比如：404等，遇到这种情况需要改下配置文件，以下是我自己搜集以及整理的一些步骤，是自己实际项目中解决问题的，在此记录以下。本人小菜鸟一个，如有问题欢迎指正～。第一：找到build文件夹下的utils.js 文件，然后在这个文件中自己加上publicpath:'../../'，是为了css和图片正常显示。主要是在这个地方：i...
2020-01-22 14:31:35
1482
原创 vue中的父子组件之间的通信
最近想总结一下vue父子组件之间的通信，所以记录一下。我只写部分伪代码，未写全部代码。简单的点击事件的传递值：见1，2的写法。复杂的点击事件的传递值：见3，4的写法。3，4的用法也可以用于兄弟组件之间的传值。注意，用在父子组件之间的传值与用在兄弟组件之前传值稍微有些不用。1、父组件向子组件传递数据，用props即可。具体例子：点击删除按钮，弹出来删除弹框父组件传递数据：&l...
2019-09-25 16:31:53
287
原创 ESLint Attribute ':isShow' must be hyphenated (vue/attribute-hyphenation)
好久木有更新博客啦，来记录一波～最近在接别人做的一半的项目，搭建这个项目的人 eslint 弄了好多限制。我在vue父组件给子组件传值时注意写的：<contact :isShow="isShowDialog" @show="parentShow" />然后就会有警告如下图所示：本来不想管这个警告，但是看着是在不舒服，最后给解决了。该问题产生的条件是：传参的时候由于使...
2019-09-18 14:13:27
11383
原创 element ui table的show-overflow-tooltip属性以及设置其宽度
用vue+element ui框架，用到table表格，如果每列显示的内容过长则可以使用该属性，即 :show-overflow-tooltip="true"，该属性可以让内容在一行显示，如果显示不下时，显示...,并且鼠标划过时显示全部文字。通常会出现这样的效果：现在需求是：调整显示全部文字的宽度。样式代码如下：可以在全局添加这样全部生效，如果不想加在全局的话，可以单独加在页面当中，...
2019-02-20 14:36:08
47652
12
原创 element table表格自定义表格暂无数据提示
由于项目需要，需要自定义element ui table表格暂无数据时的样式。那么如何实现自定义的暂无数据的提示呢？有两种方式：一、只需要更改文字提示如果只要更改文字提示，直接添加empty-text属性即可。如下图所示：二、更改文字提示并加图片如果需要更改文字并添加图片，则需要实用slot="empty"属性。如下图所示：图片路径写你的自己的就好，文字也是。以上是...
2019-01-24 15:31:46
24115
4
原创 vue项目本地开发环境设置代理解决跨域问题
跨域问题，在前后端连调过程中在所难免。有时后端可能暂时不会帮你解决，所以咱们前端的小姐姐们可以自己解决的。如果你是vue-cli搭建的环境：在config/index.js中找到proxyTable，并配置如下即可：proxyTable: {'/api': {target: 'http://172.14.205.18:9191/',changeOrigin: true,...
2019-01-02 14:54:32
3384
2
原创 elementui 的 import 'element-ui/lib/theme-default/index.css'报错
最近接了一个新项目，要用elementui，（ps:我以前搭建的时候也没啥问题，这次居然遇到问题了。然后有点懵。。）问题就是：在main.js文件中引用完elementui文件后引用的代码如下：import elementUI from 'element-ui'import 'element-ui/lib/theme-default/index.css'Vue.use(elem...
2018-12-20 14:28:54
2903
原创 input上传文件，前端判断文件的大小及类型
由于项目需要，需要实现该功能纪录如下。上传文件时，由前端判断文件的大小及类型。举例说明：要求上传的文件小于10MB的文件，并且文件类型必须为.txt类型。关键核心代码如下：html代码：<input type="file" @change="getFile($event)">js代码：getFile(event) { console.log(event) // ...
2018-12-13 15:01:22
4116
原创 element ui table表格的多选按钮 设置不可勾选的方法
因为项目需要，要对element ui中table表格的多选按钮进行 可勾选和不可勾选 的操作。代码大概如下：<template><el-table ref="multipleTable" :data="tableData" style="width: 100%" @selection-change="handleSelec...
2018-12-07 11:27:38
14069
1
原创 sass项目中的错误总结
正在积累中，目前是发现一个记录一个哈：1、错误一：Media query expression must begin with '('原因：import的结尾漏掉了 分号 ； 解决方法：加上；即可 ...
2018-11-26 18:18:40
627
原创 vue+elementui 使用tabs 浏览器会卡死问题
最近在用vue+elementui开发后台管理系统，竟然出其不意的遇到了神坑（使用tabs 浏览器会卡死问题）。问遍了身边的前端工作者，表示木有任何一个来遇到该问题。于是，翻翻白眼，能怎么办。于是乎，暂时先放弃了，但是偶然之间发现了这个问题。原来是自己的问题，但是这个问题，也是需要注意的，就是 ，使用elementui里面的组件时，要用<el-row> <el-col :s...
2018-11-26 14:53:18
8919
15
原创 观察者模式的理解
最近看到了观察者模式的例子，以此记录一下。都是通过代码例子来说明的。如有不对，欢迎指出。观察者设计模式的原理的例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>观察者设计模式的原理</title&
2018-10-12 14:42:22
145
原创 iview的Dropdown 下拉菜单之选中
由于项目需要，需要下拉菜单进行筛选，点击（筛选）后展示不同的页面。介于项目本身采用的技术是vue+iview，所以使用了iview自带的“Dropdown 下拉菜单”。但是自带的只展示样式，点击不同的选项，需要显示点击的选项，需要自己手动去编写。下面记录一下实现的代码：（这里在赘述一下要实现的是，点击abc，则显示abc。点击22222，显示222222）思路：声明个变量 用dropdown...
2018-08-23 18:54:18
18392
2
原创 vue iview的小坑之icon不能直接加点击事件
最近因为项目新增需求，遇到了一个小坑，特此记录一下。主要是iview的坑。项目使用框架是：vue+iview要实现的功能是实现点击复制图标达到复制功能（完成ctrl+v的功能）。代码大概如下：页面： <span @click="clickCopy(item.to)"> item.to是循环出来的内容，这里写你要复制的内容 <Icon type="ios-...
2018-08-21 18:10:42
9817
原创 vue项目兼容ie9 10不显示问题
因为工作原因，让我来解决整体网站的兼容问题。网站使用的框架是vue+iview。话不多说，直接说问题吧。下面记录一下我的经历：问题一：一开始整个网站在360极速模式及ie浏览器直接不显示，一片空白解决方式是：在package.json中引用babel-polyfill，并修改webpack.base.config.js的代码（可能解决方案不局限于我这一种哈），如下：entry:...
2018-08-15 15:28:16
4625
2
原创 微信小程序--切换tab并携带数据的三种实现方式
初学小程序，今天遇到了一个小坑，总结一下。我想要实现的效果是：点击文章进入文章详情。标注：首页对应的是index相关文件，详情对应的是logs相关文件。一共有三种实现方式：switchTab方法、navigateTo方法、navigator方法。1、switchTab方法要实现的效果如图：所需要的代码：a、在index.wxml中写如下代码： <view class='article'...
2018-06-27 15:23:49
4047
原创 小程序实现天气预报查询
最近在看小程序的开发，虽然好多人已经都会了，但是我刚刚接触，理解不够，所以编写一些简单的小例子来一步步深入理解。在网上找了一个天气预报的api，然后注册了一下，一共有500次免费的机会。暂时还是够用的。哈哈。附上截图哈：第一张为初始进入小程序；第二张为查询结果。可能大神们觉得我这个有点简单，但是我刚刚开始起步嘛，所以还是要记录一下的哈。说一下思路：1、确定页面布局，一个输入框（用于输入城市的名字）...
2018-06-26 21:38:23
3808
3
原创 页面添加滑动验证码
增加后的效果如图所示：因为项目需要，需要在注册页面添加滑动验证码。所以在此记录一下。我这里写的都是前端需要添加的代码。1、首页引用极验验证码所需的js文件。需要注意的是：如果网站是http协议则引用如果网站是https协议，则引用2、前端html代码：在需要添加验证码的地方添加如下：这个的作用是：没加载出来滑动验证码时，现在“”正在加载验证码的...“”的文字<div id="captcha...
2018-06-25 15:52:23
5347
1
原创 用canvas实现画图、滤镜效果
用canvas来实现画图的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style media="screen"
2018-06-19 15:00:28
1839
原创 类似百度搜索下拉框的实现
从百度截图如下：要实现的公司与该图类似，只不过没有详细优化样式。哈哈，大家不要介意。（还有我的这个功能用的是百度的接口）我用了两种方式来实现这个功能，一种是原生的js方式，一种是jQuery的方式。可以对比。1、用原生方式实现。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...
2018-06-14 10:44:30
4851
原创 个人总结之es6相关知识点及例子
最近，看了一些es6的相关知识点，有时候看完就忘记了，所以写下该博客，以此记录。1、变量（let,const）es6使用let定义变量，const定义常量。变量可重复赋值，但常量重复赋值会报错（报错信息如下：Uncaught TypeError: Assignment to constant variable.）。使用let,const定义的变量有块级作用域，使用var定义的变量没...
2018-06-11 11:18:53
265
原创 vue项目使用swiper
1、首先在package.json中引入vue-awesome-swiper依赖，然后通过npm install 来安装即可。package.json中如图所示：2、安装成功后，在main.js中添加如下代码：import VueAwesomeSwiper from 'vue-awesome-swiper'require('swiper/dist/css/swiper.css')Vue.use...
2018-05-15 17:25:47
1083
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人