- 博客(33)
- 收藏
- 关注
RSS订阅原创 小程序音频播放器及进度条Taro
起初，音频肯定是先想到InnerAudioContext，但因为项目需要嵌套在腾讯随行app里面，所以这里需要调用的是背景音频getBackgroundAudioManager，思路是差不多的。const audioContext = Taro.getBackgroundAudioManager();let timer = nullinterface IState { isAnimation: boolean; duration: number; audioCurrent: number
2020-09-07 17:07:34
1612
原创 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
214
原创 GitLab 日常操作 常用的命令行流程
首先，目的是拉取项目dev分支上最新的，新建自己分支进行开发。步骤流程：①. 拉取主项目的dev分支git clone xxxxxxxx.git //克隆项目，此时是在master分支...
2018-12-07 12:33:59
1167
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
15526
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
629
原创 echart 个性化拐点图形样式
charts折线图设置拐点图标，可自定义。<!DOCTYPE html><html> <head> <title>0006.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3">
2018-10-09 18:55:49
5240
原创 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
11863
3
原创 vue2 时间倒计时
由于项目需要开发一个倒计时的功能，后台传送了一个结束时间的字段。 因此，这里封装了一个组件：&amp;lt;template&amp;gt; &amp;lt;p class=&quot;p2&quot; :endTime=&quot;endTime&quot; :callback=&quot;callback&quot; :endText=&
2018-09-13 18:45:56
4711
1
原创 vue 父组件需要子组件返回的值作为请求参数
实现该功能，思路就是：子组件请求完成的时候 $emit, 父组件触发事件请求数据。//子组件export default{ mounted: function() { this.$axios({ method: 'get', url: Constants.HOME_URL + '/dealer/' ...
2018-08-30 18:52:13
1857
2
原创 vue2 父组件调用子组件的方法
vue里面父组件调用子组件的方法是通过$refs实现的。//子组件export default{ methods:{ getDealer:function(value){ console.log(value); console.log('这是子组件方法'); } }}//父组件&amp;amp;lt;...
2018-08-30 14:09:58
2449
2
原创 vue父子组件通信
1.父组件传递数据给子组件//父组件数据传递给子组件,可以通过props属性来实现父组件：&amp;amp;amp;amp;amp;lt;parent&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;child :child-msg=&amp;amp;amp;amp;quot;msg&amp;amp;amp;amp;quot;&amp;a
2018-08-28 16:11:27
178
1
原创 基于 Git flow 的版本管理
Git 提交准则 除了源码相关的东西之外，其他build产生的东西（如：maven的target文件夹，.idea文件夹等），均不能提交进入源码仓库，添加到.gitignore文件中忽略掉。 撰写规范的提交说明。一份好的提交说明可以帮助协作者更轻松更有效地配合工作。 要严格按照我们指定的流程切换到指定分支，开发相应的功能。Git fLow 在多组员，多项目等环境进行协同工作时，如果没有...
2018-07-16 10:34:53
1473
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
10815
2
原创 h5 协议 webSocket的介绍和使用方法
一.WebSocket简单介绍 随着互联网的发展，传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来，随着HTML5的诞生，WebSocket协议被提出，它实现了浏览器与服务器的全双工通信，扩展了浏览器与服务端的通信功能，使服务端也能主动向客户端发送数据。 我们知道，传统的HTTP协议是无状态的，每次请求（request）都要由客户端（如 浏览器）主动发起，服务端进行处理后返回r...
2018-03-08 22:29:58
3614
原创 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
1009
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
2032
原创 常用正则表达式
常用的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
216
原创 js中的事件委托
1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。好处呢：1，提高性能。我们可以看一个例子：需要触发每个li来改变他们的背景颜色。ul id="ul">
2018-03-06 16:26:50
149
原创 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
7944
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
258
原创 响应式表格，表格自适应（responsive table）
后台管理系统常用到的表格，responsive table就很适用于移动端。<div class="table_grad scroll_tablex"> <table class="table_tab responsive"> <tr> <th><input type="
2018-02-26 18:42:05
13539
原创 js中的map()方法
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery对象，map() 方法一般对于获得或设置元素集的值很常用。比如：$("p").map(function(){ return $(this).val();}).get().join(", ") );注意的是，由于返回值是 jQuery 封装的数组，使用 get() 来处理返回
2017-07-10 18:57:58
5696
原创 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
1947
原创 js 手机键盘或电脑键盘回车键登录
给手机键盘(input)添加回车事件，可以给input用form元素包起来，然后监听form表单的submit事件，这样手机键盘或电脑键盘点击回车的时候会触发submit事件就可以了。Html代码：/index/doLogin" id="form" name="form" onsubmit="return submitFun();">
2017-03-24 14:38:18
3431
1
原创 bootstrap 模态框modal 传值问题
后台管理的项目常会使用到bootstrap里面的模态框modal，因此编辑的时候就需要将页面上的值传到模态框里面并显示，如：html代码： 编号发票类型发票开头发票明细 纳税人识别号营业电话营业地址银行 开户地区开户支行银行账号 操作
2017-01-20 18:08:30
19876
原创 gulp的使用
gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。首先，使用gulp的大致步骤：安装node --> 全局安装gulp --> 项目安装gulp以及gulp插件 --> 配置gulp
2016-12-29 15:01:19
419
原创 angular不同页面传参数的问题
一. 基于ui-router的页面跳转传参(1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers1.html）放置了多个producers，点击其中一个目标，页面跳转到对应的producer页面，同时将producerId这个参数传过去。.state('producers', { url: '/producers',
2016-12-08 11:02:56
1112
原创 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
3486
原创 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
7125
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
7608
3
原创 angular 使用UEditor或simditor编辑器
通常编辑器的使用其实很简单，官网直接下载引用就好。但是，这一次却遇到问题了，框架使用的是angularJs，不提供jQuery的支持。因为项目要求编辑器是要放在弹窗里面，由于弹窗不是文档一加载就能读取到，因此不能简单的调用就能完事，刚开始放在control始终读不到，直接放页面下面又读取不到。后来想到了用指令directive来解决，于是自己改编了方法封装到指令里面了，如下：html代码如
2016-10-19 16:00:44
5869
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
1053
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人