- 博客(31)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue element 表格多选时数据回显
在做项目时遇到需求是用户新增了内容之后，编辑此条信息的时候，要根据后台接口返回的数据进行相应的数据回显在表格中有多选按钮时，回显数据如下 //获取编辑权限列表数据回显 GetEditAccount() { editAccount(this.formLabelAlign).then(response => { this.formLabe...
2019-10-18 12:11:32
1797
原创 vue获取后台图片验证码，并点击按钮刷新验证码
<span> <img :src="imgHtml" class="img"></span><el-button type="primary" @click="toggleCode">换一张</el-button><script> export default { data(...
2019-10-11 11:29:50
3109
原创 vue实现用户获取浏览记录功能
在路由配置文件设置一个属性用来判断当前路由是否需要记录，如要记录当前路由设置为turememoryRouter: false //是否记忆当前路由为常用工具{ path: '/helloWorld', name: 'HelloWorld', component: HelloWorld, meta: { ...
2019-09-25 15:55:45
6388
3
转载 vue使用echarts切换tab出现图表被压缩，宽度变窄问题
在做项目的时候，遇到图表在切换试图的时候，发现图表会被压缩起来了，在tabs切换中有echarts的话，我们会发现初始化的那个echarts是有宽度的，当点击tabs切换之后，切换过来的echarts只剩下100px的宽度。这是因为渲染的时机不对，我们需要在点击到当前切换的时候在echarts父级加载完毕之后在执行echarts，而不是在页面初始化的时候就把所有tabs里面的echart...
2019-09-17 11:28:39
7641
4
原创 在vue项目中使用过滤器
1、在src目录下utils文件夹里新建一个filter.js文件//处理游戏用时显示格式 如1分20秒--1'20"let formatTime = value => { if (!value) { return '' } else{ return value.replace(/分/g,"'").replace(/秒/g,'"') ...
2019-09-12 18:48:05
535
转载 vue添加星空背景特效
安装插件npm install vue-particles --save-dev在main.js中引入插件import VueParticles from 'vue-particles' Vue.use(VueParticles) 在项目中使用<vue-particles color="#dedede" :particleOpacit...
2019-07-16 18:22:40
7824
1
原创 vue+element-ui实现前端导入excel数据
element-ui有直接封装好的Upload组件，直接使用很方便<el-upload class="upload-demo" action="" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms...
2019-06-21 15:58:21
12762
3
转载 使用axios时POST请求发送
在做项目中发现使用axios发送post请求后台接受不到问题 //axios post var params = new URLSearchParams(); params.append('main', 'value1'); //你要传给后台的参数值 key/value params.append('resource', 'value2');...
2019-06-14 18:42:32
1045
转载 记住密码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>login-AM</title> <script src="js/jquery-2.1.4.js"></script> <s...
2019-06-14 10:19:46
188
原创 小程序跳转到H5，H5再返回小程序
在做小程序的时候会遇到这种跳转需求，那么怎么跳呢。本人亲自实践可行，记录一下小程序需要新开一个页面，里面只有webview，加链接如：<web-view src="{{url}}" bindmessage></web-view>H5页面想要跳回到小程序指定界面需要加入一个JS这样就能回到之前的小程序...
2018-10-29 15:39:38
8518
2
原创 小程序长按事件
手指长按触发事件；/** * 手指触摸事件 */ touchStart: function (e) { var that = this; that.setData({ touchStart: e.timeStamp }) }, touchEnd: function (e) { var that = this; that.setData({ ...
2018-05-04 12:22:54
2086
1
原创 jquery怎么获取页面传值
jquery怎么获取页面传值function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹
2017-10-18 15:57:11
12419
原创 javascript判断一个字符串是否是中文字符串并且不含中文标点符号
判断一个字符串是否是全中文，并且中英文状态输入的逗号、句号等也都会区分，代码如下：<input id="test" type="text" onblur="CheckChinese('test',this.value)" /><script> function CheckChinese(obj,val){ var reg = new RegExp("[\\u4E00-\\u
2017-09-15 12:17:16
8827
1
转载 js把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
时间转换成几秒前、几分钟前、几小时前、几天前等的格式,后台返回的时间格式为：2015-07-30 09:36:10，需要根据当前的时间与返回的时间进行对比，最后显示成几秒前、几分钟前、几小时前、几天前的形式。 1.由于返回的时间是字符串格式，所以要先转换成时间戳//字符串转换为时间戳function getDateTimeStamp (dateStr) { return Date.par
2017-09-13 17:32:58
928
原创 jquery截取字符串中的数字
jquery实现截取字符串中的数字需求如： <div class="weui-cell list"> <div class="weui-cell__bd">奖励总额</div> <input type="text" placeholder="" id="price"> <span>元</span> </div> <div clas
2017-09-08 15:37:03
15735
原创 jq滑动效果
jquery实现切换滑动效果<script>$(function(){ $(".main>p").click(function(){ $(this).next().slideToggle(300) .parent().siblings().find(".slider-list").slideUp(300); });})
2017-09-08 15:26:00
586
原创 JQ实现点击小图显示大图
JQ实现点击小图显示大图代码块js，例如： /*图片*/ $('.imgJs').each(function() { var imgHeight = $(this).height(), aHeight = $(this).parent().height(); if(imgHeight<aHeight){ $(th
2017-08-12 16:16:34
12785
原创 常用的网页加载进度条
常用的网页加载进度条的写法定时器通过网页加载状态改变进度条CSS3进度条小动画定位在头部的进度条实时获取加载数据的进度条定时器html代码，例如： <div class="loading"> <div class="pic"></div></div>css代码，先给页面设置一个遮罩层，可以放个加载提示的图片，例如： .loading{position: fixed;width: 1
2017-07-05 13:59:17
2466
1
原创 前端面试题总结
以下是本人去面试的过程中遇到的面试题，在此记录下1、画图解释盒子模型 2、box-sizing的作用 固定了盒子的尺寸，无论怎么调整边距都不会改变盒子的大小 3、块级元素和行内元素特性与区别 ①总是在新行上开始，占据一整行； ②高度，行高以及外边距和内边距都可控制； ③宽带始终是与浏览器宽度一样，与内容无关； ④它可以容纳内联元素和其他块元素。 行内元素的特点：
2017-06-23 17:02:35
395
原创 判断用户当前使用的终端
在做自适应网站的时候，项目需求PC端显示与手机端显示的界面不一样，但又想在同一个文件里实现，所以需要判断用户的终端，下面是一段判断的JS代码。 <script type="text/javascript">// 判断是手机还是电脑打开function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Arr
2017-06-23 11:40:35
440
原创 小程序页面间传值
小程序页面间传值，场景：A页面传值到B页面，通过跳转ID的方式 data{ id:”“, desctions:”” }, onLoad:function(options){ wx.request({ url: ‘https://xcx’ method: ‘GET’, success: function (r
2017-05-31 14:24:42
690
原创 微信小程序发送POST请求参数格式
微信小程序的wx.request请求，method设为POST并向后台传递数据格式如下： wx.request({ url: 'https://xcx.hymba.com/sms?token=' + app.globalData.token, data: {'mobile':tel}, method:'POST', succe
2017-05-17 11:40:26
7753
1
原创 网页跳转到指定APP
点击网页链接跳转到指定APP需求是用户点击链接，自动判断用户是否已下载了APP，如果已下载就直接打开APP,如果未下载就跳到APP Store。iOS需要在头部文件加上<meta name='apple-itunes-app' content='app-id=1188625501'>app-id是你APP的id.<a href="http://a.app.qq.com/o/simple.jsp?p
2017-05-10 16:44:04
8906
1
原创 JQuery滚动加载更多数据实例
加载更多数据，这是现在网页的基本需求，由于本人菜鸟，一直都不会，现在有时间了好好研究了下，以豆瓣API为例： <div class="wrap"> <div class="container"> <div class="top"> <span>正在热映</span> <span class="more">更多>
2017-04-27 16:00:36
5170
原创 小程序发送网络请求400报错解决办法
小程序发送网络请求400报错解决办法在使用小程序时遇到请求时400 ：代码块例如：wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' }, success: f
2017-04-19 18:15:21
2272
原创 golang入门教程(一) Hello World
在开始写代码之前，我们已经把golang语言开发的环境搭建好，我们就可以开始学代码了。我们可以从最简单的Hello world 开始package mainimport ( "fmt")func main() { fmt.Println("Hello world")}
2015-06-09 22:23:27
657
原创 golang入门教程(一) 安装和环境搭建
golang语言是有google开源编程语言，由于其有众多的特点，吸引我去学习他。在Linux环境下安装一.下载和解压go源码包由于golang官方的网站被墙，可以到golang中国下在最新版本的go源码包。下载后就可以解压tar zxvf go1.4.2.linux-amd64.tar.gz -C /usr/local/二.配置环境变量vi /etc/profilee
2015-06-09 21:06:34
1115
翻译 monk连接mongodb
monk 是一个轻量的中间件，可以再Node.js中提供简单而高效的对mongodb的操作。一.可以用简单的代码实现对mongodb的连接和操作，代码如下。var db = require('monk')('localhost/mydb') , users = db.get('users')users.index('name last');users.inse
2014-11-02 22:56:17
2989
1
原创 koajs安装教程
由 Express 原班人马打造的 koa，致力于成为一个更小、更健壮、更富有表现力的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升常用错误处理效率。Koa 不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。
2014-11-01 23:42:38
5645
1
原创 在dojo中关闭所有页签
在dojo文档中,我们可以创建页签. var tabContainer = registry.byId("contentTabs"); var contentTabListMenu =dijit.registry.byId("contentTabs_tablist_Menu"); var closeAllMenu = new MenuItem({
2014-06-18 11:44:17
771
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人