zhangxy的博客

原创 ng：无法加载文件 D:\Program Files\nodejs\node_global\ng.ps1，因为在此系统上禁止运行脚本

使用 ng 命令行时报错，禁止运行解决办法win + S 快捷键打开-并搜索 powershell-如下图：并以管理员身份打开；输入 并设置 如下图：get-ExecutionPolicy 得到 RemoteSigned 则表示设置成功了，ng可正常使用。...

原创 encodeURIComponent()和encodeURI()解决url传参过长接收不全问题

encodeURIComponent()和encodeURI()

原创 uni-app swiper内容高度自适应问题解决

轮播图内容非图片而是文本内容时，高度无法自适应问题处理在切换轮播时调用该方法，给swiper标签赋高getSwiperHeight() { let query = uni.createSelectorQuery().in(this); query.select(element).boundingClientRect(); query.exec((res) => { if (res) { this.swiperHeight = res[0].height; // swipe

原创 Vue 数组对象中数组，深层数据变化 渲染慢或不渲染问题解决

```

原创 vue ref与this.$refs 使用

Vue的this.$refs详解

原创 echarts使用wordCloud失效,报错series.wordCloud not exists,load it first问题解决

开始echarts样式如下图，显示正常。后面一段时间测试提出echarts这部分不显示数据了。筛查之后发现有报错如下：解决：echarts2.0版本之后不再在引入的echarts中支持wordCloud,需单独引入。引入原js或者min都可以js引入文件地址：点击下载wordCloud引入文件 提取码:54wnimport wordCloud from "../../echarts-wordcloud.min.js";...

原创 uniapp 上传头像图片传参不显示解决

解决前解决后需求描述：在uniapp 插件市场导入了仿微信裁剪头像的插件，但不同的是插件是在一个页面上传、裁剪和确认的。但需求是跟微信一样，点头像时上传，确定时回显。问题描述：在确定回显时，图片不显示。在确定前后打印图片url路径发现一致，证明传参没有问题，最终定位到接收字符串有问题，超出了字符串限制最大长度使字符串发生了截断，故图片加载不出来解决跳转传参uni.redirectTo({ url:'../my_info/my_info?url=' + encodeURICompon

原创 小程序页面跳转2次,onload掉2次记录

有一个页面总是出现页面掉2次的现象，我看了用的navigate标签页跟别的没什么不同，没想到最终是因为很小的细节，内部view又加了个点击事件。虽然是很小的细节，但排查起来确实耗时，记录一下...

原创 小程序-语音播放动画-animation

效果图：<view class="animat-audiobox {{msg.senderId==receiverId ? 'other' : 'me'}}"> <view class='animat-audio voice_view' bindtap='playTap' data-id='{{msg.id}}' data-time="{{m...

原创 小程序-后台获取内容纯数字、纯字母，不换行超出父盒子宽度问题解决

数字内容均是从后台获取的，超出了父盒子宽度<view>备注：{{remark}}</view>解决如图<view style="word-break: break-all;">备注：{{remark}}</view><view style="word-wrap:break-word;">备注：{{remark}}</...

原创 小程序-textarea，input内文本浮在定位元素和弹框之上的解决

试过官方的cover-view包裹加z-index不生效 2、浮在弹框表层 解决给textarea，input 增加 wx:if 判断条件，当弹框显示是控制 textarea，input 显示条件为 false 即可。 2、浮在定位按钮表层2、...

原创 微信小程序 scroll-view 嵌套 for 循环

问题描述：scroll-view 内嵌套写死的内容时，可正常滑动，嵌入for循环内容时换行无法滑动。给scroll-view加上style="white-space: nowrap;"不换行就解决了。修改后代码<scroll-view scroll-x="true" style="white-space: nowrap;"> <view wx:for...

原创 小程序-动态设置顶部标题navigationBarTitleText

代码如下：<view class='assessment'><block wx:for="{{assessment}}"> <view class='assessmentItem'> <view class='assessTitle'>1323123132</view> <block> ...

原创 css-伪类选择器-:nth-child()-循环样式问题

循环样式：目标样式：代码如下：<view class="grids"> <view class="grid" wx:for="{{icons}}" wx:for-item="icon" wx:key="icon.itemTypeId" data-item-type-id="{{icon.itemTypeId}}" data-type-name="{{icon....

原创 CSS实现文本溢出-单行/多行

单行文本溢出隐藏/* 溢出隐藏 */overflow: hidden;/* 显示省略号 */text-overflow: ellipsis;/* 不换行 */white-space: nowrap;多行文本溢出隐藏display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; ...

原创 Vue+Element ui 根据后台返回数据设置动态表头

&amp;amp;amp;amp;amp;lt;el-table class=&amp;amp;amp;amp;quot;tb-edit&amp;amp;amp;amp;quot; highlight-current-row :data=&amp;amp;amp;amp;quot;table_orderStatistic&amp;amp;amp;amp;quot; border style=&amp;amp;amp;amp;quot;width: 100

原创 Echarts 重绘-请求后台数据重新渲染时数据合并问题解决

问题描述：在写折线图根据搜索条件从后台渲染数据时发现了这个问题，虽然后台返回数据变化，打印数据发现自己也确实给series赋上了值，但是渲染出来的数据却仍然保留上一次的数据。解决： 再仔细看了echarts文档之后，解决了这个简单的问题，但确实也耗费了不少时间。解决如下-亲测有效watch:{ chartOption:{ handler(curVal){...

原创 element-ui tab切换时echarts不显示

原创 H5-input弹起键盘遮盖输入框(Android)、键盘弹起后不恢复(IOS)

页面完成之后发现在Android上软键盘的弹起并不会像IOS一样带动页面的弹起，而是在原有位置遮盖了输入框，表现如下(有光标的input在弹起键盘时被遮住)：解决：window.addEventListener('resize', () =&amp;gt; { if (document.activeElement.tagName == 'INPUT') { ...

原创 小程序-拨打电话-wx.makePhoneCall

&amp;lt;button bindtap='callCusPhone'&amp;gt;点击拨打电话&amp;lt;/button&amp;gt;// 拨打电话 callCusPhone() { wx.makePhoneCall({ // phoneNumber: 需要拨打的电话，若固定-可写死；若变化-从后台获取 phoneNumber: '15660560123', succe...

原创 小程序下拉菜单--带遮罩层

原创 调用一次接口发送两次请求--多出来的OPTIONS

有的时候就会莫名的忧伤或者心情烦躁

原创 Vue-动态渲染样式

在Vue项目中页面的element穿梭框组件中，要对每一条数据是否标记做出样式的区分，写小程序时一直用的三元表达式觉得判断很简洁，便看文档找到了Vue动态设置样式的方法：效果图：&lt;div class="allList"&gt; &lt;div v-for="(item,index) in allData" :class="[i...

原创 小程序-tab栏

.wxml&amp;amp;lt;view class='menu'&amp;amp;gt; &amp;amp;lt;view class='top-nav'&amp;amp;gt; &amp;amp;lt;view id=&amp;quot;0&amp;quot; bindtap='changeOrderStatus' class='top-btn {{0 == statusTypeId?&amp;quot

原创 小程序开发--排他点击

小&amp;lt;view&amp;gt; &amp;lt;text style='color:#000;font-size:26rpx'&amp;gt;退款原因&amp;lt;/text&amp;gt;&amp;lt;/view&amp;gt; &amp;lt;view class='reason'&amp;gt; &amp;lt;block wx:for=&qu

原创 微信小程序开发--注册与底部导航栏tab

1、注册小程序的开发已经快进入尾声了，我也没那么多事了，现在给大家分享一下开发小程序的过程。入职后公司的第一个小程序前端开发交给了我。虽然老大说不着急，但是要一个人负责小程序而且我也没学过，心里还是没底的。不过没办法，拿人钱财替人消灾只能硬着头皮写。之后抓紧看了小程序的官方文档，下载了开发工具，照着文档一步步的注册好了并开始了我的小程序。附上文档地址：https://developers.w...

原创 我的第一篇优快云博客

记得从2017年10月左右，就想着维护一个属于自己的博客。然而博客在搭建的过程中被繁琐的步骤、出错的频率以及服务器购买等扼杀了，是我自己太过懒惰，不愿去找一个做下去的理由，被一万个放弃的理由给打败了。 时隔一年再次萌生并坚定了这个想法，2018年10月30日，是我一个人来到上海的第四个月，找到新工作、工作的第三个月了。从今天开始我决定开始写博客来记录自己作为程序媛的历程...