- 博客(32)
- 收藏
- 关注
RSS订阅原创 【power automate】将Dataverse records生成PDF数据
场景： 希望能将填写的采购申请单自动生成PDF文件，留档保存。对于这个需求，我一开始是想到了Power Automate 中连接器OneDrive下有个 Convert file 操作。当然也是有很多第三方有对PDF的处理。比如【Encodian】其中有Convert HTML to PDF 方法可将HTML转为PDF。提示：以下是本篇文章正文内容，下面案例可供参考。
2023-03-30 18:57:41
454
原创 json对象循环遍历
JSON可以有两种格式一种是对象格式的：{“name”:“Tom”,“sex”:“male”,“age”:20} //JSON的对象格式的字符串另一种是数组对象[{“name”:“Lily”,“sex”:“female”,“age”:20}] //数据对象格式var json1 = {'name':'张三','sex':'男','age':18} for(var key in json1){ console.log(key) //naem sex age cons
2020-05-08 23:45:59
1928
原创 vue 使用vuex在页面跳转的实现
学习时候碰到的需求场景：我的音乐列表，点击一个音乐项跳转到音乐详情页第一种方式：使用 router 动态路由传参，将需要的数据带过去音乐列表页组件：音乐详情页组件：音乐列表页通过selectSong方法传参，在音乐详情页的挂载完成里面将数据赋给songDetail，使其渲染页面。第二种方式：使用vuex；下面有补充vuex的相关代码音乐详情组件：音乐列表页中通过引入mutat...
2020-05-02 23:18:05
5590
1
转载 DOM操作-创建、添加、移除、移动、复制和查找节点等
参考资料：https://www.jianshu.com/p/a44327733513https://blog.csdn.net/fouerror/article/details/807101111、创建节点：1.1 创建元素节点：createElement() 栗子： var p = document.createElement("p"); p.nodeType;/...
2020-04-24 00:26:03
495
原创 call()、apply()、bind()来改变this指针的指向函数
this指向：this最终指向的是调用它的对象。通过apply和call改变函数的this指向，他们两个函数的第一个参数都是一样的表示要改变指向的那个对象，第二个参数，apply是数组，而call则是arg1,arg2…这种形式。通过bind改变this作用域会返回一个新的函数，这个函数不会马上执行。Function.apply(thisArg,[argsArray])方法能接收两个参数t...
2020-04-19 17:42:26
318
原创 js中的闭包
对于闭包这个问题，也是懵懵懂懂，不是特别理解，在这做个记录。首先我们来了解几个概念：变量作用域：变量作用域两种：全局变量、局部变量。js中函数内部可以读取全局变量，函数外部不能读取函数内部的局部变量。作用域链：当代码在一个环境中执行，会创建变量对象的一个作用域链。子对象会一级一级向上寻找所有父对象的变量，反之不行。立即执行函数：( function(){…} )()和( functi...
2020-04-19 10:38:18
100
原创 vue 非父子组件之间的通信--eventBus
非父子组件之间的通信有两种方法：eventBus，vuex。这里先只记录下eventBus的使用方法。例如：一个父组件中同时引入A组件和B组件，A组件中点击触发后将数值10传到B组件中。第一步：定义一个公共的实例文件eventBus.js，作为中间仓库来传值。//eventBus.jsimport Vue from 'vue'export default new Vue()第...
2020-04-15 17:34:26
212
原创 vue父子组件之间传值
组件和组件之间的通信，最常用的就是父子之间的通信。在vue 中， 在一个组件中通过 import 引入另一个组件，这个组件就是父组件，被引入的组件就是子组件。父组件传值给子组件父组件部分：子组件部分：总结：父组件中引入子组件，在子组件的标签上绑定你要传给子组件的值；子组件在props中创建一个属性，用以接收父组件传过来的值 ；子组件在把值传给父组件子组件部分：父组件部分...
2020-04-13 23:38:43
95
转载 vue router的基本使用
vue router是vue学习的核心之一，刚开始学习，官网的有些方法理不清，在网上找了些相关的，自己能看得懂和理解的。在这记录下，需要的时候自己过来查。router有两种模式，hash模式和history模式。hash模式：地址栏 URL 中的 # 符号；（例如：http://localhost:8080/#/user/007）；history模式：地址栏是常规的url（例如：https:...
2020-04-12 11:20:46
145
原创 vue router动态路由点击跳转路径地址重复追加
在练习写vue router动态路由时碰到的问题。点击多次时，地址栏不断增加重复。查看代码发现是页面中相对路径最前面少了 ‘ / ’；添加上就能正常显示了。如下：...
2020-04-10 23:58:07
4004
1
原创 微信小程序列表页分页加载功能
微信小程序做分页加载数据，会做一些下拉加载更多、然后上拉刷新的操作。数据放在一个for循环里去加载，数据源是一个数组对象。在加载下一页数据时，将下一页的数据拼到当前数组后面。代码如下：wxml代码<scroll-view class="scrollview"> <block wx:for="{{list}}" wx:key="index"> <v...
2020-04-01 15:07:47
3887
原创 微信小程序setData修改数组某一项的值
官方文档示例：changeItemInArray: function() { // 对于对象或数组字段，可以直接修改一个其下的子字段，这样做通常比修改整个对象或数组更好 this.setData({ 'array[0].text':'changed data' }) },这种方法对于静态的数据设置有效，但是对于动态的数据，不起作用，会报错。解决...
2020-04-01 00:10:20
8347
4
原创 微信小程序购物车功能
一个购物车展示的是一个列表(carts)，列表里的单个item包含：商品id(id)，商品图(image)，商品名(title)，单价(price)，数量(amount)，单选按钮(selected)；全选按钮，需要一个字段(selectAllStatus)表示是否全选；总价(totalPrice)；总数量（totalNum）。还有一个需要判断的是购物车是否为空(hasList)。购物车主要有...
2020-03-29 21:53:13
1371
原创 微信小程序本地json数据在页面展示
新建一个json文件，使用module.exports定义出口，要不然其他文件读取不到json数据。还有一个需要注意的小细节，本地json数据放在js文件里面，不是json文件，不然会报错。// 本地模拟json数据var jsonData = [ { "id":1, "name": "Tom1" }, { "id": 2, "name": "Tom...
2020-03-29 10:43:31
2237
原创 微信小程序提交表单清空输入框
这里简单记录两种方法：一、在input中绑定对象value，在提交成功后的回调中重新设置值为空。个人觉得这种方式适合表单数据比较少。wxml代码<form bindsubmit="submitForm"> <input name="title" maxlength="20" value="{{title}}" /> <input name="t...
2020-03-26 22:37:09
5836
4
原创 微信小程序 用户授权登录
微信小程序弹窗授权，使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。自己练手写的代码，有可能实际项目中这种写法不能通过审核，代码如下：wxml:<view wx:if="{{isHide}}"> <view wx:if="{{canIUse}}" > <view class='h...
2020-03-26 11:24:25
1214
原创 微信小程序tab切换
wxml<view class="nav-box"> <!-- tab框 --> <view class="nav-tab"> <view wx:for="{{navList}}" wx:key="index" data-current="{{index}}" class="item {{currTab == index? 'active...
2020-03-25 13:51:15
536
转载 小程序避免多次点击重复触发事件
当用户点击按钮或控件时，如果响应比较慢，往往会重复点击，另外也会存在用户故意反复快速点击的情况，这种时候就会多次触发点击事件造成非期望的结果。如何解决或避免这个问题呢？一般来说有两种情况。 1、点击事件是执行请求 这种情况下可以在请求执行之前显示一个模式的加载框，请求完成后再关闭加载框，由于小程序在1.1.0版本基础库才支持wx.showLoading，因此需要对低版本做兼容处理，代码如下：fu...
2020-03-24 23:26:51
1193
原创 小程序用户收货地址修改
页面使用的是weui的组件。主要实现的思路：1、从地址管理页跳转过来，在onload里面将传过来的参数address获取后，渲染到前台页面；同时将address数据缓存到本地；2、修改地址后提交，提交的数据与缓存中的数据值比对。注意点：从上一个页面中传过来的参数是对象转的字符串，当前页要转其转为json对象，方便获取数据。【JSON.stringify()将对象、数组转换成字符串；JSON....
2020-03-24 21:47:38
5163
1
原创 微信小程序 带参数返回上一页
开始碰到这个问题是在订单页中的地址显示问题，新增地址要把地址传回去展示。开始不知道如何操作，网上查到了相关方法，在此简单做个记录。订单页wxml<view class="address-box" wx:if="{{!hasAddress}}"> <!-- 没有地址时显示新增地址，有地址时选择地址或者去修改地址 --> <view class="go...
2020-03-24 11:00:47
415
原创 小程序 通过id从列表页跳转到对应的详情页
从列表页通过id跳转到对应的商品详情页，可以使用 navigator来跳转链接，也可以绑定函数来实现。直接使用navigator跳转<block wx:for="{{productList}}" wx:key="productId"> <navigator url="/pages/good-detail/good-detail?productId={{item.produ...
2020-03-24 09:04:33
8563
4
原创 小程序scroll-view实现锚点跳转
在微信小程序中，使用 scroll-view 实现长页面的锚点跳转。主要是使用 scroll-into-view属性， 在这里做个记录。wxml<view class="tab-section" > <view class="{{activeView =='productBox' ? 'active':''}}" bindtap="toViewClick" data-...
2020-03-23 22:53:29
1097
原创 vue中使用vue-cookies
vue-cookies链接： https://github.com/cmp-cc/vue-cookies在vue中想要操作cookie，除了使用我们自己封装好的操作cookie的方法之外，我们还可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作。一、模块安装 npm install vue-cookies --save二、m...
2020-03-22 14:33:07
1133
原创 JavaScript语言精粹的读书笔记（二）
第5章 继承伪类JavaScript的原型存在诸多矛盾。它不直接让对象从其他对象继承，反而插入了一个多余的间接层：通过构造器函数产生对象。当一个函数对象被创建时，Function构造器产生的函数对象会运行类似这样的一些代码：this.prototype = {constructor:this}新函数对象被赋予一个prototype属性，它的值是一个包含 constructor 属性且属...
2019-01-13 16:16:24
118
原创 JavaScript语言精粹的读书笔记（一）
读完这本书，自己做个整理，也许以后看到相关的知识点在没有书本在手边的时候，可以来回顾下。第1章 精华JavaScript是一门重要的语言，因为它是唯一的一门所有浏览器都可以识别的的语言。JavaScript的函数是（主要）基于词法作用域的顶级对象。JavaScript有非常强大的对象字面量表示法。这种表示法是JSON的灵感来源，它现在已经成为流行的数据交换格式。原型继承是JavaScri...
2018-12-07 20:01:26
252
原创 JavaScript引用类型--Date类型
Date类型使用自UTC（国际协调时间）1970年1月1日零时 开始经过的毫秒数来保存日期。创建 Date 对象有4种方法： var d = new Date(); var d = new Date(milliseconds); var d = new Date(dateString); var d = new Date(year, month, day, hours, min...
2018-07-11 14:38:01
139
原创 html5的video标签播放视频有声音无图像
项目中使用视频播放器video.js 播放本地视频时，遇到个问题，进度条能移动有声音但是没有图像。百度了下,了解相关知识点。 目前video标签只支持MP4，WebMail，Ogg格式的视频。MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器Ogg = Ogg 文件使用 The...
2018-07-03 14:53:27
7033
原创 attr()、prop()、data()的区别
attr() 方法设置或返回被选元素的属性值。 prop() 方法设置或返回被选元素的属性和值。 data() 方法向被选元素附加数据，或者从被选元素获取数据。 在工作上碰到过。有时候混淆attr()和prop()方法，所以查找资料稍微整理下，做个记录。attr()和prop()attr和prop分别是单词attribute和property的缩写，它们均表示“属性”的意思。不过，在...
2018-06-22 15:03:16
335
原创 只获取元素中的文本,而不获取子元素的文本
&lt;div id="content"&gt;文本内容&lt;span&gt;插入span标签&lt;/span&gt;测试&lt;b&gt;插入b标签&lt;/b&gt;&lt;/div&gt;假如以上面的代码为例，我只需要获取“文本内容测试”这部分文字的话。 最开始我想到
2018-06-21 14:22:45
8839
原创 JavaScript DOM 编程艺术（第2版）读书笔记（二）
第七章 动态创建标记document.write()方法可方便快捷的把字符串插入到文档中，它不能做到javascript完全与html分离，必须把放到里调用。innerHTML 属性可以用来读、写某给定元素里的html内容。该属性无细节可言。是带有标签的内容。利用这个技术无法区分“插入一段html内容”与“写入一段html内容”。一旦使用innerHTML,它的全部内容将被替换。D
2018-01-22 22:04:44
144
原创 JavaScript DOM 编程艺术（第2版）读书笔记（一）
第一章 JavaScript简史 这章看下来有印象的内容是 什么是DOM（文档对象模型）? 文章中有两种定义方式： 大众说法：DOM是一套对文档的内容进行抽象和概念化的方法； W3C对DOM的定义： 一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和形式。 第二章 JavaScript 语法 本章主要是介绍了 JavaScript
2018-01-01 16:53:05
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人