- 博客(25)
- 收藏
- 关注
RSS订阅原创 React搭建个人博客
个人博客搭建前言项目预览 http://lurenhong.top/登录页 (个人使用暂时未开发注册功能)添加标签（方便后期条件查询）添加博客内容以及标签选择 （草稿/发布）展示博客列表（编辑/删除/条件查询及分页）博客展示首页（后台添加博客不对外开放）博客详情页查看（目前已完成阅读量/评论功能开发中）分类查询后续功能更新中...
2019-12-12 21:40:36
1245
原创 vue中实现文字超过2行... 展开-收起(兼容ie)
先看看实际效果2.需求一步一步分析当文字超出省略号 就想到css样式实现（ie不兼容） overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; ...
2019-08-16 17:00:31
7346
12
原创 vue+element el-form中多重表单验证问题
实现效果1.根据项目需求 实现下面展示2.由于存在表单校验且数据格式如下(根据项目需求改造数据结构)如下：[{ name: '张三', rules: { insuranceAmount: { type: 'string', required: true, message: '填写医疗', trigger: 'blur' }, suggestedPremium...
2019-04-24 15:50:52
4491
1
原创 vue+element 项目
Vue* 技术盏： vue+Element+axios+i18n+vuePicturePreview+js-cookie+vue-croppa+wangeditor ` Element-UI 是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架 http://element.eleme.io/#/zh-CN Axios 是一个基于 promise 的 HTTP 库，可以...
2018-09-21 11:35:58
2972
原创 vue 中rtmp播放、移动端pdf预览、vux实现tab切换swiper内含上拉加载
https://gitee.com/ai1314/vue-demo.git使用vux中的swiper+Scroller 实现上拉加载.bind('click', function(e) { var e = e || window.event; //浏览器兼容性 ...
2018-05-04 11:26:49
3033
原创 vue中使用js等比压缩图片
最近做一个旅游项目 大家都知道旅游项目图片居多 1.在项目中由于图片尺寸过大 再加上给图片设置了宽高导致图片压缩严重 *下面我给大家看一下原图 2. 设置图片的方式有很多种 可以通过背景图来设置background；在项目中一些小图片建议使用字体图标代替？ 3.下面给大家展示设置宽高的图片 ...
2018-04-21 00:25:53
6872
原创 vue中 进入详情页记住滚动位置（keep-alive）
vue中 进入列表详情计算滚动位置> 有时业务提出这样一个需求 就是从商品页面进入到列表详情页 要保存当前滚动的位置，这里我就想到了keep-alive首先在路由中引入需要的模块 { path: ‘/scrollDemo’, name: ‘scrollDemo’, meta: { keepAlive: true // 需要缓存 }, ...
2018-04-08 16:30:07
10904
10
原创 vue中keep-alive使用
首先在router中配置当前路由是否被缓存 { path: '/demo1', name: 'demo1', meta: { keepAlive: true // 需要缓存 }, component: resolve => { require(['../view/demo1.vue'], resolve) }},{ ...
2018-04-02 10:28:44
313
原创 vue-preview 动态获取宽高
使用vue-preview遇到问题 就是必须设置宽高 官方给出的答案是 预览必须以list对象的形式 以下是我实现的效果图预览效果 ： 是获取图片原有的宽高进行设置的 截图方便大家仔细看以下是代码 不指出请指出（谢谢）<template> <div id="app"> <img class="preview-img" v-for="(item...
2018-04-01 11:49:10
3511
2
翻译 jq中实现2级联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2018-03-16 00:07:06
906
原创 better-scroll实现饿了么效果
今天看了下饿了么代码 感觉还是很简单的 主要是插件不错点击打开链接 下面是效果图 点击对应的tab滚动切页 （复制代码就能用）以下是代码： 自己改了一下感觉还不错 不懂的js代码对应给了注释<template> <div class="layout"> <!-- S tab --> <div class="tab"> ...
2018-03-09 15:03:08
4303
3
转载 vue 插件库和一些开源项目
鲁大师666 Vue2.0 一些常用插件库UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-u...
2018-03-08 16:39:41
3749
原创 js实现上传图片 文字 （全步骤）
## 之前写过pc项目 也用过 http://www.uploadify.com/ 在一次写pc项目感觉不是自己想要的后面通过js实现图片文字上传http://www.uploadify.com/ 这个插件也不错 看个人喜欢吧### 下面是我的效果图 复制代码就能用 用jq+jqForm实现以下是代码：不对之处请指出，谢谢<!DOCTYPE html><ht...
2018-03-07 13:41:40
2521
原创 radio 在移动端自定义
# 在移动端 单选框样式不好看 ui会设计一套单选框样式 开发也就只有按照ui样式来进行开发本人测试 使用2中方法实现单选，动态改变图片，获取选中的值 不足之处请指出（谢谢）以下是实现代码：```javascript<template><div class="bankInfo"><!-- 列表 start--><se...
2018-03-04 17:18:04
2019
2
原创 mint-ui 下拉刷新 上拉加载
## 复制代码就能用 通过$emit 触发 on监听 loadmore.vue页面 <template> <div class="page-loadmore"> <div class="page-loadmore-wrapper" ref="wrapper" :st...
2018-03-01 20:39:19
3639
原创 vue 在移动端实现红包雨 （兼容性好）
## 红包雨、复制代码就能用下面是代码：<template> <div class="ser_home"> <ul class="red_packet" id="red_packet"> <template v-for="(item, index) in liParams">
2018-02-28 23:12:55
7529
7
原创 jq 实现旋转轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-s
2018-02-28 23:12:10
481
原创 爱心
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>3D 爱心</title> <style> *{ margin: 0;
2018-02-28 23:10:09
446
转载 数组的一些用法
Anagrams of string（带有重复项）使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map（）将字母与每部分字谜组合，然后使用reduce（）将所有字谜组合到一个数组中，最基本情况是字符串长度等于2或1。const anagrams = str => { if (str.length <= 2) return str.length === 2 ? [str, ...
2018-02-22 15:56:10
194
原创 vue 中固定导航栏
点击按钮回顶<template lang="html"> <div class="gotop-box"> <i @click="gotop"class="icon topIcon"></i> </div></template><script
2018-01-31 11:13:40
16589
原创 js判断有网 无网状态
if (navigator.onLine) {// 正常工作 有网状态 document.body.style.backgroundColor= "red"}else{ document.body.style.backgroundColor= "yellow"}
2018-01-29 09:34:21
1154
原创 H5端 关于input框输入软键盘弹起底部固定的解决方法
在一次开发中 input框固定在底部当input 唤起软件盘时你会发现 亲测安卓好多手机input框不会被软键盘顶起始终固定在底部，ios是没有问题的，求教了好多人，各种答案都有，有说三方输入法不支持，或者版本原因，纠结了我好久，博客上的文章都有试过没能解决？查询过多篇文章 在一次无意中看到一个博客 安卓设置fitsSystemWindows 适应窗口属性可以实现input框被弹起 有利有弊，沉...
2018-01-25 11:44:48
2694
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人