自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 小程序音频播放器及进度条Taro

起初,音频肯定是先想到InnerAudioContext,但因为项目需要嵌套在腾讯随行app里面,所以这里需要调用的是背景音频getBackgroundAudioManager,思路是差不多的。const audioContext = Taro.getBackgroundAudioManager();let timer = nullinterface IState { isAnimation: boolean; duration: number; audioCurrent: number

2020-09-07 17:07:34 209

原创 Vue cli3 项目搭建

如果安装了vue cli1.x或者vue cli2.x,可以先卸载掉。```npm uninstall vue-cli -g```1.安装Vue clinpm install -g @vue/cli安装之后可以查看vue cli的版本:vue --version2. 创建项目vue create project-name注意:一开始是有两个选项: defau...

2019-12-19 18:36:17 74

原创 GitLab 日常操作 常用的命令行流程

首先,目的是拉取项目dev分支上最新的,新建自己分支进行开发。步骤流程:①. 拉取主项目的dev分支git clone xxxxxxxx.git //克隆项目,此时是在master分支...

2018-12-07 12:33:59 695 2

原创 vue 接口请求地址前缀本地开发和线上开发设置

开发环境  config/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./dev.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"https:/...

2018-12-05 18:01:28 10635 1

原创 vue中使用sass 配置

1. 首先进入vue 项目,npm install安装依赖2. 安装sass的依赖包npm install --save-dev sass-loader/*sass-loader依赖于node-sass*/npm install --save-dev node-sass3、在build文件夹下的webpack.base.conf.js的rules里面添加配置{  test: ...

2018-10-11 17:29:31 515

原创 echart 个性化拐点图形样式

charts折线图设置拐点图标,可自定义。<!DOCTYPE html><html> <head> <title>0006.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3">

2018-10-09 18:55:49 3567

原创 gitLab 新建仓库上传本地项目

首先登陆gitLab, 新建一个project,此时是一个空的仓库,随便新建一个文件,如:这样我们就看到了仓库里面的东西。复制git地址,新建一个文件夹在git Bash Here窗口中clone项目。git clone http://192.168.2.115:18080/xxxx/my-test.git然后出来一个my-test文件夹,将项目的文件复制在该文件下一:将本地代码上传...

2018-09-18 15:33:12 9045 3

原创 vue2 时间倒计时

由于项目需要开发一个倒计时的功能,后台传送了一个结束时间的字段。 因此,这里封装了一个组件:<template> <p class="p2" :endTime="endTime" :callback="callback" :endText=&amp

2018-09-13 18:45:56 2606

原创 vue 父组件需要子组件返回的值作为请求参数

实现该功能,思路就是:子组件请求完成的时候 $emit, 父组件触发事件请求数据。//子组件export default{ mounted: function() { this.$axios({ method: 'get', url: Constants.HOME_URL + '/dealer/' ...

2018-08-30 18:52:13 1313 2

原创 vue2 父组件调用子组件的方法

vue里面父组件调用子组件的方法是通过$refs实现的。//子组件export default{ methods:{ getDealer:function(value){ console.log(value); console.log('这是子组件方法'); } }}//父组件<...

2018-08-30 14:09:58 899 1

原创 vue父子组件通信

1.父组件传递数据给子组件//父组件数据传递给子组件,可以通过props属性来实现父组件:<parent> <child :child-msg="msg"&a

2018-08-28 16:11:27 120 1

原创 基于 Git flow 的版本管理

Git 提交准则 除了源码相关的东西之外,其他build产生的东西(如:maven的target文件夹,.idea文件夹等),均不能提交进入源码仓库,添加到.gitignore文件中忽略掉。 撰写规范的提交说明。一份好的提交说明可以帮助协作者更轻松更有效地配合工作。 要严格按照我们指定的流程切换到指定分支,开发相应的功能。Git fLow 在多组员,多项目等环境进行协同工作时,如果没有...

2018-07-16 10:34:53 1108 1

原创 js数组合并,push和从concat的区别

js定义两个数组。var arrA=[1,2,3];var arrB=[4,5,6];要实现[1,2,3,4,5,6],如果直接arrA.push(arrB); 则arrB只会作为了arrA的一个元素。执行如图:要合并或连接,则需要使用concat() 方法。concat(Array) 方法concat() 方法用于连接两个或多个数组。该方法

2018-03-26 16:13:54 8958 2

原创 h5 协议 webSocket的介绍和使用方法

一.WebSocket简单介绍  随着互联网的发展,传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来,随着HTML5的诞生,WebSocket协议被提出,它实现了浏览器与服务器的全双工通信,扩展了浏览器与服务端的通信功能,使服务端也能主动向客户端发送数据。  我们知道,传统的HTTP协议是无状态的,每次请求(request)都要由客户端(如 浏览器)主动发起,服务端进行处理后返回r...

2018-03-08 22:29:58 2069

原创 js 百度地图api使用方法

首先,引入百度地图的脚本:<script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>然后根据需求定义自己的:var points = [{ id: 1, lng: 113.9278789384, //经度...

2018-03-06 17:44:58 771 1

原创 input校验常用写法

如:限制控件只能输入正整数,使用:控件里面加上<input type="text" onkeyup="fillNumOnly(this)" />  function fillNumOnly(obj) {      var str = obj.value;      if (trim(str) == "")          return;      if (/[^0-9]/g.test...

2018-03-06 17:24:31 1460

原创 常用正则表达式

常用的js正则表达式:整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字:"^[0-9]*$"。只能输入n位的数字:"^\d{n}$"。只能输入至少n位的数字:"^\d{n,}$"。只能输入m~n位的数字:。"^\d{m,n}$"只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$&quo

2018-03-06 17:11:08 87

原创 js中的事件委托

1,什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。好处呢:1,提高性能。我们可以看一个例子:需要触发每个li来改变他们的背景颜色。ul id="ul">

2018-03-06 16:26:50 100

原创 WdatePicker 时间插件

1.下载地址:链接:https://pan.baidu.com/s/1ggusfZX 密码:gu22常用法:<input type="text" class="Wdate form-controls" name="beginDate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true});"><input type=...

2018-03-02 16:05:26 6341 4

原创 Vue开源项目库汇总

UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI ★2363 - 轻量级的基本UI组件合集vue-material ★2207 - 通过Vue Material和Vue 2建立精...

2018-03-01 15:15:48 172

原创 响应式表格,表格自适应(responsive table)

后台管理系统常用到的表格,responsive table就很适用于移动端。<div class="table_grad scroll_tablex">     <table class="table_tab responsive"> <tr> <th><input type=&quot

2018-02-26 18:42:05 11423

原创 js中的map()方法

map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery对象,map() 方法一般对于获得或设置元素集的值很常用。比如:$("p").map(function(){ return $(this).val();}).get().join(", ") );注意的是,由于返回值是 jQuery 封装的数组,使用 get() 来处理返回

2017-07-10 18:57:58 4444

原创 JS input file图片上传预览效果

首先,可以先了解file 和FileReader 的API,在选取一个或者多个文件之后,访问到代表了所选文件的一个或多个File对象,这些对象被包含在一个FileList对象中。所有type属性(attribute)为file的元素都有一个files属性,用来存储用户所选择的文件。files有一个length属性和item方法,我们可以通过files[index]或者files.item(inde

2017-04-21 18:22:26 917

原创 js 手机键盘或电脑键盘回车键登录

给手机键盘(input)添加回车事件,可以给input用form元素包起来,然后监听form表单的submit事件,这样手机键盘或电脑键盘点击回车的时候会触发submit事件就可以了。Html代码:/index/doLogin" id="form" name="form" onsubmit="return submitFun();">

2017-03-24 14:38:18 2703 1

原创 bootstrap 模态框modal 传值问题

后台管理的项目常会使用到bootstrap里面的模态框modal,因此编辑的时候就需要将页面上的值传到模态框里面并显示,如:html代码: 编号发票类型发票开头发票明细 纳税人识别号营业电话营业地址银行 开户地区开户支行银行账号 操作

2017-01-20 18:08:30 16998

原创 gulp的使用

gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。首先,使用gulp的大致步骤:安装node --> 全局安装gulp --> 项目安装gulp以及gulp插件 --> 配置gulp

2016-12-29 15:01:19 361

原创 angular不同页面传参数的问题

一. 基于ui-router的页面跳转传参(1) 在AngularJS的app.js中用ui-router定义路由,比如现在有两个页面,一个页面(producers1.html)放置了多个producers,点击其中一个目标,页面跳转到对应的producer页面,同时将producerId这个参数传过去。.state('producers', { url: '/producers',

2016-12-08 11:02:56 711

原创 js格式化数字(金额--每隔三位加逗号)

一串数字转金额,每隔三位加逗号,如99999---->99,999.00js代码如下:function numFun(obj){ var newStr = ""; var count = 0; if(obj.value.indexOf(".")==-1){ if(obj.value.charAt(0) == '0'){ //不存在小数点时,判断第一

2016-11-29 17:06:30 2417

原创 js限制input file文件上传的大小和类型

html代码如下: js代码如下: function fileChange(target) { var fileSize = 0; fileSize = target.files[0].size; var size = fileSize / 1024; if(size>1000){

2016-11-28 11:11:45 5721 1

原创 命令行搭建vue的项目框架

1.首先安装node和npm2.安装vue:npm install -g vue-cli//-g表示全局安装,vue-cli是模块,全局安装的模块可以在命令行直接使用由于npm网站在国内速度非常慢,所以可以在命令后面加上淘宝的镜像即:npm install -g vue-cli --registry=https://registry.npm.taobao.org

2016-11-15 16:40:06 6622 3

原创 微信 weui框架代码汇总

weui框架代码汇总: Button 按钮1 按钮2 确认3 确认4 按钮5 按钮6

2016-11-10 10:06:08 3904

原创 angular 使用UEditor或simditor编辑器

通常编辑器的使用其实很简单,官网直接下载引用就好。但是,这一次却遇到问题了,框架使用的是angularJs,不提供jQuery的支持。因为项目要求编辑器是要放在弹窗里面,由于弹窗不是文档一加载就能读取到,因此不能简单的调用就能完事,刚开始放在control始终读不到,直接放页面下面又读取不到。后来想到了用指令directive来解决,于是自己改编了方法封装到指令里面了,如下:html代码如

2016-10-19 16:00:44 5496 5

转载 JQuery解析xml的两种方式$.get和$.ajax

首先,要让jQuery加载xml文件,如下,有两种方式:第一种$.get:$.get("xmlfile.xml",function(xml){      //xml即为可以读取使用的内容});  第二种$.ajax:script type="text/javascript">  $(document).ready(function() {

2016-10-19 14:37:12 794 2

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除