随笔分类 - 前端
前端
摘要：小程序子组件事件交给父组件处理 子组件点击事件--传到父组件--父组件不处理（不写函数体） 传送到子组件中（写函数体执行） https://www.bilibili.com/video/BV1vv411H7Rh/ 父组件的点击事件 --由函数triggerEvent转发到子组件的tap自定义事件 <
阅读全文
摘要：Vuex的核心组成、版本问题及store.js的使用、 Vuex中存值、取值以及获取变量值、异步同步操作和Vuex后台交互 //store //初始值 //设置值mutations this.$store.commit('setDemoValue方法名', value); //更新值action -
阅读全文
摘要：前言 富文本编辑器，可以对图片、文字进行编辑。 编辑器导出内容支持带标签的 html和纯文本的 text，编辑器内部采用 delta 格式进行存储。 通过setContents接口设置内容时，解析插入的 html 可能会由于一些非法标签导致解析错误，建议开发者在小程序内使用时通过 delta 进行插
阅读全文
摘要：编辑器wxml <view class="container" style="height:{{editorHeight}}px;"> <editor id="editor" class="ql-container" placeholder="{{placeholder}}" bindstatusc
阅读全文
摘要：webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。 vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当
阅读全文
tsc编译错误'error TS1008: Unexpected token; 'module, class, interface, enum, import or statement' expect
摘要：给遗留的JS代码写了类型声明，兴冲冲地跑去编译，结果报了一堆错，人都傻了： H:\project\dataStore.d.ts(1,9): error TS1005: ';' expected. H:\project\dataStore.d.ts(1,19): error TS1005: ';' e
阅读全文
摘要：前言最近在做一个微信小程序，看到有许多软件上都有一种带有图片可以滑动的Tab栏，然后我就去看了一些组件库，包括Vant，WeUI，发现他们所提供的Tab栏好像都只有标题（title）的功能， 假如是我没发现可以指正 ，并不可以添加图片，那我就突发奇想，干脆自己封装一个得了，下面先给大家看一下效果 一
阅读全文
摘要：气泡三角主要使用，border-color ，把元素的前后伪元素，叠加生成气泡上方的小箭头； border-color：如果元素都是边框，则是三角形如下图 伪元素其他3边透明，留一个边（即三角形，两个伪元素位置差1-2像素形成三角形的两个边） 例子： 思路： 整体绿框通过border 设置； 三角部
阅读全文
摘要：1.标记图标 <view class="top"> <map wx:if="{{markersStatus}}" class="map" id="myMap" scale="{{scale}}" longitude="{{longitude}}" latitude="{{latitude}}" ma
阅读全文
摘要：近年来web得到了快速的发展。随着HTML5的普及，WebSocket使得网页通讯能力增强，网页的表现能力也越来越强大。网页上已经可以做出很多复杂的动画，精美的效果。 但是，人总是贪的。那么，在此之上还能做什么呢？其中一种就是通过WebGL在网页中绘制高性能的3D图形。 OpenGL,WebGL到T
阅读全文
摘要：给父容器after或者before（适用于每行3或者4列） .box:after { display:block; content:""; width: 32%; height:0px; } 如果两行的，width:50%; 改为百分之五十. 转 ：https://blog.csdn.net/qq_
阅读全文
摘要：报错：Unexpected reserved word 'await' async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '
阅读全文
摘要：在很多的业务场景中，我们可能需要达到这样的一个效果 也就是将左边的label设定成相同的宽度，并且label内部的文字需要两端对齐，这里需要使用到text-align中的justify。 语法 使用起来很简单，只要在需要文本两端对齐的标签上加上text-align:justify 左边是设定text
阅读全文
摘要：比如要修改elementUI中某个组件的默认样式， 假设默认鼠标飘到el-button上，button会变蓝， 而我们想又要让button变红，可是全局修改又会使得所有的组件中button的style变化， 那么就要/deep/，表示就修改这个组件中的样式。 参考： Vue中的深度作用选择器/dee
阅读全文
摘要：uniapp 内置了 rpx 转 px 的方法 // 100 为 100rpx的值 var px = uni.upx2px(100); px 转 rpx // 200 为 px 的值，后面的两个 100 为计算比例使用 var rpx = 200/(uni.upx2px(100)/100); //
阅读全文
摘要：微信小程序： let query = wx.createSelectorQuery(); query.select('.find').boundingClientRect(res => { console.log(res.height); // 1545.7249755859375 }).exec(
阅读全文
摘要：页面wxml <!--page/index/index.wxml--> <view id='demo'> <text>哈哈哈哈哈</text> <view>哈哈哈哈哈</view> </view> js文件 onLoad: function(options) { //创建节点选择器 var quer
阅读全文
摘要：我遇到的场景： 对于iframe窗口，自带滚动条是整个窗口的大小。有时需要顶部或底部固定，则滚动条不应该触碰到顶部或底部。 那么首先打开iframe时应该去掉滚动条 scrolling="no"，然后在需要滚动的区域自定义滚动条。 <iframe frameborder="0" scrolling=
阅读全文
摘要：背景 当我们使用vue-cli3.0搭建项目时，相比于之前的vue-cli2.0少了build于config文件夹，所以vue-cli3.0提供了一个可选的配置文件 vue.config.js来对项目进行webpack的配置。最典型的一个配置就是接口配置，如： // vue.config.js mo
阅读全文
摘要：一、父子组件传值 1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit,让父组件监听到自定义事件 。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件： <t
阅读全文
浙公网安备 33010602011771号