- 博客(29)
- 收藏
- 关注
原创 小程序arraybuffer转中文
首先 uni.request我试过不能传responseType: 'blob',只能responseType: 'arraybuffer'然后 在文件中 import * as TextEncoding from 'text-encoding-shim';然后拿到res.data是arraybuffer格式的 小程序不能用new Blob()换个办法, cnpm install text-encoding-shim。pc端是 我得改写到uniapp上。然后发现电脑端用的gbk。
2024-07-18 16:16:34
292
原创 uniapp定位(腾讯地图定位和高德定位)
// 腾讯地图 获取精度太差 // 获取经纬度 GetLocation(){ let _this = this uni.getLocation({ type: 'wgs84',//gcj02 success(res) { // console.log('当前位置的经度:' + res.longitude); // console.log('当前位置的纬度:' + res.latitude); // let.
2021-11-10 15:58:38
2394
原创 uniapp onReachBottom不触发
在子组件里是不会触发的 要写在父组件中父组件中这样写:<goods ref="goods"></goods>onReachBottom(){ console.log('onReachBottom1111111111'); if(this.$refs.goods){ if(this.$refs.goods.status === 'loadmore') { this.$refs.goods.getNoSaleList(); } }}
2021-02-24 11:25:17
7093
11
原创 scroll-view 不支持flex布局问题
//html代码片段<scroll-view scroll-x :scrollLeft="scrollLeft" @scroll="scroll" class="right-head" style="white-space: nowrap"> <view class="table-header-item" >库销比</view> <view class="table-header-item" >动销率</view> .
2021-02-01 15:37:28
888
原创 uniapp 极简多选 关不掉确定和取消按钮
uniapp极简多选有过怎样都关不掉确定和取消按钮的情况错误示范: <view class="list-picker" > <view class="left"> 偏爱颜色 </view> <view class="right" @click="p39Show = true"> {{p39Info || '请选择'}} <multiple-select ref="mulSele.
2020-11-30 11:43:09
865
原创 input封装为子组件 更改值报错
出现这个问题的原因是 input的v-model本身就是语法糖,本质是value props,因此需要在子组件中用别的值替代掉传入的props。下面上代码子组件的代码:<template> <view class="list-input"> <view class="left"> {{title}} </view> <view class="right"> <input type="text" v-mo
2020-11-26 11:42:34
556
原创 clipboard异步复制文本 vue
由于异步请求 不能直接拿到文本内容,所以第一次复制的时候是空的讲下思路,就是新增一个按钮,按钮的真正功能是复制已请求到的文本内容,通过模拟点击复制到剪贴板。下面是代码:<el-button@click="getLink(row.id)">链接</el-button><el-buttonref="copy"class="btn":data-clipboard-text="linkUrl"@click="copyLink"style="opacity...
2020-09-09 17:43:56
405
1
转载 表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证
表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证如果data中定义的数据结构是这样的(组件上最终绑定的是dataForm.name.value):dataForm: { name: { value: '' } }那么rules中需要这样写:rules: { 'name.value': { { required: true, message: '请输入项目名称', trigger: 'blur' } } }template需要这么写:<el-form-item prop="n
2020-09-07 11:24:20
466
原创 视频及图片轮播 可全屏放大 uniapp
<swiper indicator-dots circular=true duration="400"> <swiper-item class="swiper-vedio"> <view class="page"> <video id="myVideo" src="视频地址" ...
2020-08-11 13:55:14
1052
2
原创 vue动画 css (animate.css) js(velocity.js)
1、动画实现的方式: ------动画在vue上的应用,实现过渡效果(1)css3:transition、 animation、animate.css(框架)(2)js:jQuery、$animation({},{}) (框架);velocity 、 Velocity(el,{},{}) (框架)(1)使用css3技术实现:原生css3:<transition>...
2019-09-15 14:56:19
391
原创 vue指令及自定义指令
自带的指令:事件修饰符(click、submit等):适合所有的事件<a href=”#”v-on:click.prevent=’handler’> :点击时执行handler函数,并且阻止事件的默认行为@click.prevent:阻止事件的默认行为@click.stop:停止冒泡@click.self:仅在当前元素上触发@click.once:仅触发一次...
2019-09-15 14:52:51
373
原创 vue简介、事件钩子、Vue实例
Vue.js是一套构建用户界面的渐进式框架,Vue 采用自下向上增量开发的设计,其核心库只关注视图层,轻量级,同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。1、Vue :mvvm 模式的框架(Model-View-ViewModel:分离视图(View)和模型(Model),低耦合、可重用性、独立开发、可测试)2、事件钩子(承诺)(1...
2019-09-15 13:56:51
674
原创 ionic3打包apk
Ionic3打包我打包的时候遇到的问题全部都是版本不兼容的问题,没有这个问题的小婊贝们就可以直接退出啦~ ionic cordova build android --release(遇到的问题:1.报错read ECONNREST 回退ionic版本 将4版本降为3.5.02.报错env.runcmd is not a funtion 回退cli版本npm install ...
2018-09-30 14:24:32
543
原创 angularjs2大漠穷秋视频笔记整理
git.oschina.net/mumu-osc/NiceFishnpm config list联网方式npm config set proxy="代理地址"npm config delete proxyangular-cli 安装npm install -g angular-cling --versionng helpng new my-projectnpm insta...
2018-09-19 15:03:28
678
原创 angularjs2表单
//表单FormControl 单一输入字段let name=new FormControl('Nate');name.value//Natename.error// StringMap<string, any> of errorsname.dirty//脏检查 falsename.valid//true FormGroup 字段的值和状态(为一组formcontr...
2018-09-19 15:02:13
170
原创 angularjs2指令
*ngIf<div *ngIf="false">1</div><div *ngIf="a>b">1</div><div *ngIf="str=='yes'">1</div><div *ngIf="fn()">1
2018-09-19 14:58:53
157
原创 angularjs2 组件
ts文件中// 新建Product 类class Product{ constructor(public sku:string, public name:string, public imageUrl:string, public department:string[], public price:number){}}@Component({ selector:"a...
2018-09-19 14:57:05
147
原创 Restangular
设置基础路由 all() var user=Restangular.all('user') //设置基础路由为/user user.getList() //GET /user 拉取数据 通过单个对象发送请求 one() Restangular.one('users','abc123') // /user/abc123上发送请求 所有后端 API 请求设置 b...
2018-09-19 14:55:15
804
原创 typescript简单入门
typescript优势1.es62.ide支持 1)类型检查(string number) 2)语法提示(根据上下文提示)3)重构(修改变量 文件名)3.angular2的开发语言搭建typescript开发环境compiler typescript-》javascript在线compiler http://www.typescriptlang.org/play/index....
2018-09-11 09:45:06
163
原创 $resource服务
// resource是创建资源对象的工厂 创建与服务器交互的对象var user=$resource('/api/users/:userId',{userId:'@id'})console.log(user)user.get({id:'123'},function(resp){console.log(resp)},function(err){console.log('er...
2018-09-05 10:13:48
217
转载 angularjs decorator 装饰器
services.js.service('emailService', function() {this.email = "give me!";this.setContent = function(content) {this.email = content;};this.send = function(recipient) {return 'sending "' + ...
2018-08-28 13:50:14
389
转载 指令ng-readonly/ng-checked/ng-src ng-href/ng-switch/ng-if/ng-repeat/ng-style/ng-init/ng-bind/ng-change
ng-readonly:<input type="text" ng-model="someProperty"><input type="text" ng-readonly="someProperty" value="Some text here" /><br>ng-checked:<label
2018-08-23 15:46:14
208
转载 常用的ng指令 ng-disabled/ng-include(用于多标签页面)/ng-select
ng-disabled:<input type="text" ng-model="able"><button class="button button-positive button-small" ng-disabled="!able">提交</button><button class="button butt
2018-08-23 15:23:41
436
转载 scope作用域
<!-- 任何具有ng-app属性的DOM元素将被标记为$rootScope的起始点。 --><!-- ng-controller则会以$rootScope或另外一个ng-controller的作用域为原型创建新的子作用域 --><!-- {{someBareValue }} -->{{ modal.someBareValue }}<but...
2018-08-23 13:23:59
153
转载 directive指令
.directive('myDirective', myDirective).directive('myDirective1', myDirective1).directive('myDirective2', myDirective2)myDirective.$inject = [];myDirective1.$inject = [];myDirective2.$inject ...
2018-08-23 10:12:49
419
转载 directives
angular.module('starter.directives',[]).directive('myDirective',myDirective)myDirective.$inject=[];function myDirective(){return {restrict:"EACM",replace: true,template:'<a href="ht...
2018-08-22 16:43:59
308
原创 filter过滤器
日期过滤vm.today=new Date();{{vm.today | date:"medium"}} <!-- Aug 20, 2018 11:09:02 PM -->{{vm.today | date:"yyyyMMddHHmmss"}} vm.list=[{'name': 'Ari','favorite food': 'Pizza'}, {...
2018-08-20 10:38:07
145
原创 ionic 日期时间控件
第一步bower install ion-datetime-picker --savenpm install ion-datetime-picker --save第二步在index.html页面引入<script src="lib/ion-datetime-picker/release/ion-datetime-picker.min.js"></script><lin...
2018-07-13 16:19:09
1943
原创 千分符js(支持带小数点以及正负数)
function thous(num){var flag=1;if(num0){flag=0;num=-num;}var str=num.toString();//n为小数部分var n=str.slice(str.lastIndexOf('.'))if(n.indexOf('.')==-1){n="";}//str为整数部分var
2018-01-29 14:47:09
1507
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人