gochanTao-CSDN博客

原创 weex 中如何设置 text 宽度自适应文本宽度

weex 中 text 组件目前还不支持自适应宽度，经过自己摸索，有两个方法可以尝试方法一：通过给 text 添加样式 {align-self: flex-start / center / flex-end}，三个值看需求选，就可以实现宽度自适应方法二：通过给 text 的父级容器设置相对定位，然后给自己设置绝对定位，就可以实现宽度自适应...

2019-05-07 14:56:01 4018

原创 Vue 中 computed、methods 和 watch 的区别

computed 能根据依赖进行缓存，将要计算的属性进行计算然后 return 计算后的值methods 用于一定触发条件，比如点击事件、事件互相调用等watch 用于监听某些属性的变化，然后根据变化来执行相应的逻辑，不需要返回值...

2019-05-07 12:52:40 269

原创在 weex 中定位元素超过容器边界，在 Android 下，超出部分将不可见

原因原因在于 Android 端元素 overflow 默认值为 hidden，但目前 Android 暂不支持设置 overflow: visible。解决办法不影响布局的情况下，将容器的高或宽加长到覆盖定位元素超出部分...

2019-05-07 11:36:39 1470

原创 uniapp项目中，在page.json中配置app-plus 配置，在app侧不生效，不管是下拉刷新还是不显示滚动条

nvue页面目前仅支持 titleNView 相关配置暂不支持配置下拉刷新，滚动条等，当同时存在页面 a.vue 和 a.nvue 时，在 pages.json 中设置 app-plus 配置，编译成 app 时优先使用 a.nvue 页面，且 app-plus 二级页面配置中只有 titleNView 有作用，pullToRefresh 、scrollIndicator、bounce 设置...

2019-05-06 18:37:45 9152

原创 .nvue 页面使用 uni.request 接口，请求时不传 url 会使 APP 闪退，不提示错误

.nvue 页面使用 uni.request 接口，请求时不传 url 会使 APP 闪退，不提示错误在任何一个 .nvue 页面使用 uni.request 接口请求时，不传 url 会使 App 闪退，编辑器也没有提示错误，在 .vue 页面会有提示错误， app 也不会闪退解决方法使用 uni.request 方法时判断 url 不为空...

2019-05-06 18:35:03 1742

原创 weex 或 nvue 中如何将不同分辨率设计稿的 px 或者 dp 标注单位适配为宽为 750px 的标注

weex 项目中，将一个元素宽设为 750px，就代表宽占满屏幕宽度，不管是用什么分辨率的屏幕，weex 会根据基于 750 像素宽自动调整尺寸适应不同分辨率屏幕，根据这个可以得出不同分辨率设计稿转换成 weex 项目中的实际尺寸就可以这样计算：实际编写尺寸（px）= 设计稿标注尺寸（px）*( 750 / 设计稿宽 )假设设计稿是 1080*1920，标注一张图片宽 160px *100...

2019-04-11 18:45:50 2814

原创 uni-app 的 nvue 页面如何调试

方法一：基于 weex 网页编辑器将 nvue 的内容拷贝到 weex 网页编辑器，删除 uni 相关的方法，手机使用 weex playground 扫描屏幕二维码即可在 weex 网页调试器进行调试方法二：全局安装 weex-toolkit 进行调试全局安装 weex-toolkit，安装 weex-toolkit创建工程，$ weex create my-project用 un...

2019-04-10 18:28:44 7044 1

转载 HbuilderX Node插件[sass]安装失败，可在命令行中使用'npm install'命令进行重新安装

如图所示：解决办法在HBuilderX目录下，进入plugins 、compile-node-sass目录，打开终端，手动执行npm install原文链接

2019-03-28 22:01:52 12542 1

转载针对 npm ERR! cb() never called! 问题

在开发项目安装依赖时（npm install）往往会报 npm ERR! cb()never called!的错误如图：解决方法：一、首先要以管理员模式打开cmd清除你的npm缓存 : npm cache clean -f二、清除完缓存后，安装最新版本的Node helper： npm install -g n 注意：如果出现n...

2019-03-28 21:48:02 2601 1

原创模块化开发，如何将公用方法放到一个 js 文件中，然后其他页面按需引用？

新建一个公共文件如 api.js ，里面导出方法api.js 文件export const queryDevice = (host, params) => { return axios.get(`${host}/queryBindingDevice`, {params})}export const getDevicelist= (host, params) => { ...

2019-03-20 18:50:32 2464

原创实践过的跨域解决方案

方法一：采用动态插入 script 标签和执行回调函数跨域<script> var script = document.createElement('script'); script.type = 'text/javascript'; // 传参并指定回调执行函数为 cb script.src = url + '&callback=cb'; ...

2019-03-19 18:30:04 183

原创原生 js 实现 h5 上拉加载以及 jQuery 实现列表回到顶部

实现原理当前滚动条的位置 + 当前可视范围的高度 = 文档的高度实现方法// 获取当前滚动条的位置 function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop) { ...

2019-03-18 18:49:19 872

原创 vue 运行时报错： Cannot assign to read only property 'exports' of object 'Object'

背景用 vue-cli 搭建的 vue 项目，引用了第三方插件，npm run dev 之后一直报错 error:Cannot assign to read only property ‘exports’ of object ‘#’ ，查了好多资料好像是export和import共用了导致不兼容引起的，然后还是不起作用，最后参考了天地一扁舟的博客，完美解决。解决方法npm install b...

2019-03-13 10:07:34 4805 6

原创采用定时器返回 promise 会报错， Cannot read property 'then' of undefined

比如在 setInterval 或者 setTimeout 里 return new Promise, 然后调用该方法，就会报错，小程序里面会报 Cannot read property ‘then’ of undefined test: function () { setTimeout(()=&gt;{ return new Promise((resolve, rejec...

2019-02-26 14:02:34 15266 1

原创如何在基于 vue 单页面应用全局使用 websocket ，以及如何定义全局变量并在其他页面改变其值

1）首先创建一个全局 js 文件，如 global.js ，用于定义全局变量 ws 和方法 setWs()// global.jsexport default { ws: {}, setWs: function(newWs) { this.ws = newWs }}2）在 main.js 中引入 global.js// main.jsimpor...

2018-11-09 17:05:10 15192 16

原创如何在小程序全局使用 webSocket

如何在小程序全局使用 webSocket1）首先在 app.js 中初始化socket, onLaunch() 中调用 initSocket()// app.js globalData: { localSocket: {}, callback: function() {} }, initSocket() { let that = this...

2018-11-09 16:38:56 5867

转载用promise手写ajax

function getJson(url){ return new Promise((resolve, reject) =>{ var xhr = new XMLHttpRequest(); xhr.open('open', url, true); xhr.onreadystatechange = function(){ ...

2018-08-05 23:31:33 451

原创 js 数组去重

Array.indexOf() 去重/** 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */function uniq(array){ var temp = []; //一个新的临时数组 for(var i = 0; i &lt; array.length; i++){ if(temp...

2018-08-05 16:10:01 181

转载深入解析Javascript异步编程

这里深入探讨下Javascript的异步编程技术。(P.S. 本文较长，请准备好瓜子可乐 :D)一. Javascript异步编程简介至少在语言级别上，Javascript是单线程的，因此异步编程对其尤为重要。拿nodejs来说，外壳是一层js语言，这是用户操作的层面，在这个层次上它是单线程运行的，也就是说我们不能像Java、Python这类语言在语言级别使用多线程能力。取而代之的是，nod...

2018-08-05 15:22:04 415

转载 Promise解决回调地狱

“回调地狱”是什么”回调地狱“也叫”回调金字塔“，我们平时写代码的时候 js如果异步回调是不可避免的例如 ajax不断的进行异步请求数据回调方法里还要对数据进行处理，继续回调…形成回调地狱这会使得我们的代码可读性变差，出现问题不好调试也会导致性能下降Promise是一个构造函数，用来传递异步操作消息，链式调用，避免层层嵌套的回调函数。promise接收两个函数参...

2018-08-05 14:56:17 1432 1

转载性能优化问题

代码层面：避免使用css表达式，避免使用高级选择器，通配选择器。缓存利用：缓存Ajax，使用CDN，使用外部js和css文件以便缓存，添加Expires头，服务端配置Etag，减少DNS查找等请求数量：合并样式和脚本，使用css图片精灵，初始首屏之外的图片资源按需加载，静态资源延迟加载。请求带宽：压缩文件，开启GZIP，...

2018-08-05 11:49:01 213

转载 js操作获取和设置cookie

//创建cookiefunction setCookie(name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value); if (expires instanceof Date) { ...

2018-08-05 11:44:02 474

转载 HTTP状态码

100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理301 Moved Permanently 请求的网页已永久移动到新位置。302 Foun...

2018-08-05 11:39:40 219

转载 js 对象深度克隆

function clone(Obj) { var buf; if (Obj instanceof Array) { buf = []; //创建一个空的数组 var i = Obj.length; while (i--) { ...

2018-08-05 11:33:37 217

转载构造函数借用构造函数继承

上次博客跟大家分享了自己对原型链继承的理解，想看的同学欢迎猛击这里，上次说到原型链继承有一些问题，主要是两方面的。我们举个栗子来说明下：Q1：共享的超类属性能被任何实例改写，这个是很危险的！看下面一段代码：function Person(name){ this.name=name; this....

2018-08-04 23:51:05 624

转载 this指向详解及改变它的指向的方法

一、this指向详解this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话不那么严谨，作为一般情况下是可以的）再加下面的补充，就完美啦：情况1：如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window，这里需...

2018-08-04 21:25:59 396

转载懒加载与预加载的区别详细

懒加载1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2....

2018-08-04 17:17:17 1548

转载理解JavaScript里的 [].forEach.call() （Array.prototype.forEach.call(...)）写法

因为document.querySelectorAll()返回的并不是我们想当然的数组，而是NodeList，对NodeList，它里面没有.forEach方法，我们使用了这样的方法进行循环：var divs = document.querySelectorAll('div');[].for...

2018-08-04 17:11:08 6470 1

原创小程序背景音乐在ios不能播放以及怎么循环播放

小程序背景音乐 wx.getBackgroundAudioManager()在ios上不能播放可能没有加title属性或者值为空如何让小程序背景音乐循环播放小程序背景音乐 wx.getBackgroundAudioManager()在ios上不能播放可能没有加title属性或者值为空如何让小程序背景音乐循环播放 player()functio...

2018-07-29 20:59:51 4088 1

原创小程序 web-view 如何给外链接的 h5 页面传递参数和值

小程序 web-view 如何给外链接的 h5 页面传递参数和值最近做项目的时候发现这种方法还是比较方便的。类似小程序页面之间的传值形式，举个例子：<web-view src="{{url}}?id={{id}}&token={{token}}&member={{member}}&paused={{paused}}" ></web-view>...

2018-05-16 20:34:27 25647 4

原创 vue单文件组件之自定义组件的使用

vue单文件组件之自定义组件的使用1、首先需要将封装的组件放到公共组件文件夹我这里是放在 common 里，里面一共封装了三个子组件，本文只拿其中的 pageList.vue 来举例。该组件是用来展示文章列表。其中pagesList.vue的部分内容如下：&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div&amp;amp;gt; &a

2018-05-09 20:38:05 5645 1

原创小程序自定义组件的使用

小程序的自定义组件的用法本文的目的是将一个悬浮回主页的按钮封装成组建，在需要使用的页面的wxml文件中直接引入组件标签即可，并没有涉及在使用的页面调用组件中的方法或属性。这个组件的作用是用于用户从分享卡片或其他方式进入到小程序二级页面或者更深页面时，没有明显的返回主页的功能，虽然页面右上角的三个点可以回主页，但是不熟悉小程序的用户就不知道，所以自己做了一个明显的回主页的按钮1....

2018-05-07 11:09:27 991

原创小程序之scroll-view用法

小程序之scroll-view用法水平滚动&lt;scroll-view class="box" scroll-x="true" &gt; &lt;view class="box-item" &gt;1&lt;/view&gt; &lt;view class=&amp

2018-04-11 19:07:18 12937 1

原创如何识别从其他小程序跳转到另一小程序

如何识别从其他小程序跳转到另一小程序1.通过场景值判断当 referrerInfo.scene == 1037 时，就可以判断是从小程序跳转小程序。 referrerInfo 参数也可以写在 onLaunch 里，不过都需要写在 app.js 里 onShow: function (referrerInfo) { wx.showModal({ ...

2018-04-09 22:29:07 3378

原创如何下发小程序模板消息

如何下发小程序模板消息1、获取 access_token和用户openid需要在app.js中请求相应的接口, 其实获取access_token应该是后台请求微信的接口再返回access_token，前端最好不要出现秘钥重要信息onLaunch: function () { let setInfoSuccess = wx.getStorageSync('setInfoS...

2018-03-23 21:32:15 1352

原创如何识别小程序转发是转发到群还是转发到好友？

如何识别小程序转发是转发到群还是转发到好友？ onShow: function () { wx.showShareMenu({ //这里是为了分享群可以获取群信息，比如shareTickets withShareTicket: true }) }, onShareAppMessage: function (res) { let th...

2018-03-23 20:19:47 3166 1

原创 ElementUI之cell-class-name 使用方法

ElementUI之cell-class-name 使用方法<el-table :data="tableData3" style="width: 100%" :cell-class-name="cell"> <el-table-column fixed type="index" width="50"> </e

2018-03-20 20:53:23 34662 1

原创 element UI 的row-click事件如何使用参数？

1 <template> 2 <el-table 3 :data="tableData" 4 stripe 5 @row-click="handdle" 6 style="width: 100%"> 7 <el-table-column 8 prop="date" 9 lab

2018-03-18 23:21:35 62224 4

空空如也

空空如也