随笔分类 -  html5+typeScript

html5+typeScript-webGL-tree.js
摘要:报错:Unexpected reserved word 'await' async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: ' 阅读全文
posted @ 2022-04-23 15:04 与f 阅读(660) 评论(0) 推荐(0)
摘要:在很多的业务场景中,我们可能需要达到这样的一个效果 也就是将左边的label设定成相同的宽度,并且label内部的文字需要两端对齐,这里需要使用到text-align中的justify。 语法 使用起来很简单,只要在需要文本两端对齐的标签上加上text-align:justify 左边是设定text 阅读全文
posted @ 2022-04-19 10:12 与f 阅读(1021) 评论(0) 推荐(0)
摘要:比如要修改elementUI中某个组件的默认样式, 假设默认鼠标飘到el-button上,button会变蓝, 而我们想又要让button变红,可是全局修改又会使得所有的组件中button的style变化, 那么就要/deep/,表示就修改这个组件中的样式。 参考: Vue中的深度作用选择器/dee 阅读全文
posted @ 2022-04-19 08:56 与f 阅读(475) 评论(0) 推荐(0)
摘要:我遇到的场景: 对于iframe窗口,自带滚动条是整个窗口的大小。有时需要顶部或底部固定,则滚动条不应该触碰到顶部或底部。 那么首先打开iframe时应该去掉滚动条 scrolling="no",然后在需要滚动的区域自定义滚动条。 <iframe frameborder="0" scrolling= 阅读全文
posted @ 2022-01-24 23:21 与f 阅读(517) 评论(0) 推荐(0)
摘要:背景 当我们使用vue-cli3.0搭建项目时,相比于之前的vue-cli2.0少了build于config文件夹,所以vue-cli3.0提供了一个可选的配置文件 vue.config.js来对项目进行webpack的配置。最典型的一个配置就是接口配置,如: // vue.config.js mo 阅读全文
posted @ 2022-01-23 17:01 与f 阅读(10387) 评论(0) 推荐(0)
摘要:一、父子组件传值 1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit,让父组件监听到自定义事件 。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn; 例如:子组件: <t 阅读全文
posted @ 2022-01-14 19:29 与f 阅读(3748) 评论(0) 推荐(0)
摘要:1、使用在一般的标签上 <div id="app"> <input ref="count" type="text" v-model="active.name" required name="name" value=""> </div> 这样在vue中我们可以使用$ref来获取dom节点,进行一些do 阅读全文
posted @ 2022-01-09 01:06 与f 阅读(367) 评论(0) 推荐(0)
摘要:新项目:同一域名下部署多个vue项目, 根目录vue项目不需要按下面的方式进行打包部署 https://www.xxxx.com/ 下面三个项目以二级目录部署 https://www.xxxx.com/hmange https://www.xxxx.com/api https://www.xxxx. 阅读全文
posted @ 2021-11-16 16:13 与f 阅读(2075) 评论(0) 推荐(0)
摘要:async 是“异步”的简写,比如Ajax中就有这个代表异步请求;而 await 可以认为是 async wait 的简写,因为await只能出现在async函数中的语法规定。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。 一. 阅读全文
posted @ 2021-09-06 10:37 与f 阅读(433) 评论(0) 推荐(0)
摘要:HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。 Mixed Content: The page at 'xxx' was loaded over HTTPS, but reques 阅读全文
posted @ 2021-06-17 08:30 与f 阅读(1114) 评论(0) 推荐(0)
摘要:问题:页面全屏播放视频,如果视频上面有其他元素,点击事件将失效 原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。 后插入的原生组件可以覆盖之前的原生组件。 原生组件还无法在 scroll-view、swiper、picker-view、movabl 阅读全文
posted @ 2021-01-19 09:49 与f 阅读(1390) 评论(0) 推荐(0)
摘要:发现微信小程序的wx.request无法post提交上传文件. 1.是微信小程序没有提供fromdata对象,(也就是无法把表单的内容封装成fromdata数据) 2.微信小程序也没有file的表单元素。(应该腾讯不想我们通过wx.request上传文件,让我们用wx.upload去每次一个一个的上 阅读全文
posted @ 2021-01-02 18:12 与f 阅读(9444) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>颤动的动画</title> <style> body { background-color: #cccccc; } .box { position: fixed 阅读全文
posted @ 2020-12-23 15:11 与f 阅读(352) 评论(0) 推荐(0)
摘要:<html> <head> <meta charset="utf-8" /> <title></title> <script> var url; url = window.location.href; /* 获取完整URL */ alert(url); /* http://127.0.0.1:802 阅读全文
posted @ 2020-12-01 17:45 与f 阅读(1276) 评论(0) 推荐(0)
摘要:方法一: <div id="app"> <button @click="getData($event,'100')">点我</button> </div> methods : { getData(e,num) { console.log(num); // 输出 100 } } 方法二: <div i 阅读全文
posted @ 2020-09-21 08:54 与f 阅读(3666) 评论(0) 推荐(0)
摘要:可以再了解下pajax中修改浏览器地址栏! $(document).ready(function(){ pushHistory("/index/store/index?keywords={$keywords}","","主页"); }); /* 监听返回事件 */ function pushHist 阅读全文
posted @ 2020-09-10 15:38 与f 阅读(469) 评论(0) 推荐(0)
摘要:1、当前时间换时间戳 var timestamp = parseInt(new Date().getTime()/1000); // 当前时间戳 document.write(timestamp); 2、当前时间换日期字符串 var now = new Date(); var yy = now.ge 阅读全文
posted @ 2020-06-20 09:17 与f 阅读(4157) 评论(0) 推荐(0)
摘要:1.网络地址进行保存 var triggerEvent = "touchstart"; //指定下载方式 function savePicture(Url) { var blob = new Blob([''], { type: 'application/octet-stream' }); var 阅读全文
posted @ 2020-05-23 09:15 与f 阅读(5394) 评论(0) 推荐(0)
摘要:js字符串中查看有没有在数组中的值有的话全部替换掉 就是: 有一个字符串str, 只要 arr 数组里面的值出现在str字符串中,都进行替换. var str = "一二三四一二三四一二三四一二三四"; var arr = ["一", "三", "五"]; var reg = new RegExp( 阅读全文
posted @ 2020-05-11 16:46 与f 阅读(741) 评论(0) 推荐(0)
摘要:在做Vue的练习项目中,遇到了一个动画问题,在做加入购物车时,有个从左上往下抛的动画,当时没有思绪,后来得强哥指导。 <!DOCTYPE html> <html lang="en" style="width:100%;height:100%;"> <head> <meta charset="UTF- 阅读全文
posted @ 2020-04-21 18:04 与f 阅读(2768) 评论(0) 推荐(0)