- 博客(30)
- 收藏
- 关注
RSS订阅原创 如何写一个react自定义的hooks？
使用过useState，也使用过ahook的useSetState，我们知道useState和useSetState左边赋值的第一个参数是接收初始值的变量和设置变量的方法，这里左边用的是数组解构实现的。所以，这里我们想一下，如何自定义一个hooks，也可以像useState和useSetState那样呢？按我个人的理解，react自定义hooks其实就是个函数，函数里可以使用useState、useSetState、useEffect，可以任意返回结果。
2024-03-11 15:22:43
594
1
原创 uni-app（plus设计app图标角标）
//#ifdef APP-PLUS plus.runtime.setBadgeNumber(10); //添加角标//#endif
2021-12-14 16:45:40
1373
3
原创 Bus的用途的个人理解
从用vue开始，在我理解里，貌似组件通信只要有vuex就可以，Bus可有可无。但最近的项目里碰到一种场景，觉得有一个场景比较适合，那就是子组件间的主动通信。应用场景：假设组件A里状态改变后想用到组件B的方法获取数据，通常方法是this.$parent.B.fn。但是如果是A想触发B组件里面又里面又·····呢，那得写多多少个this.$parent.B·····n。解决：使用Bus。1.新建一个bus.js文件，new一个vue当作bus传输中间站，并导出。import Vue fro
2021-01-20 16:12:52
540
原创 vue-cli里跨域的解决办法devServe proxy
应用场景：现实中，我们经常会遇到前后端分开开发的情况，由于前端使用的vue-cli地址是node帮我们搭建了一个本地的服务器，一般是http://localhost:8080，这个在我们创建vue项目时就帮我们搭建好的。这里面的端口我们是可以改变的，可以在vue.config.js（cli3以后这个文件需要自己创建）文件里的webServer里修改post端口。代码块如下：module.exports = { devServer: { port : 2000, }
2020-08-20 15:36:30
1599
1
原创 如何动态的给一个组件的data动态添加属性
使用this.$data可以获取到data里的属性，所以使用this.$data.test="这是测试如何给data加数据"就可以给组件的data里追加属性了。this.$data.test="这是测试如何给data加数据" console.log(this.$data.test)
2020-06-23 09:58:30
1173
原创 中文网swiper5最新版本用法
1.安装npm install vue-awesome-swiper --save-dev2.全部引入//main.jsimport VueAwesomeSwiper from 'vue-awesome-swiper'// import styleimport 'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper, /* { default options with global component } */)3.vue文件使用和两
2020-06-15 19:37:32
2862
1
原创 async、await个人使用理解
1、asyncasync使用在函数前面，把函数变成一个异步函数，返回值是个promise对象。1、返回一个数值async function asy (str) { return str;}console.log(asy('sadasdasds')) //Promise { 'sadasdasds' }直接返回一个数值会得到一个promise，可以在调用asy('sadasdasds')后面跟上then就可以直接得到传进去的数值了。2、返回一个promoise对象a
2020-06-07 20:07:37
5576
1
原创 webpack.config.js配置url-loader和file-loader
module.exports = { module: { rules: [ { test: /\.(png|jpg|gif)$/, use: [ { loader: 'url-loader', options: { // limit:.
2020-06-01 16:23:18
1275
原创 基于vue上使用hammer.js的个人使用总结
1.安装hammerjsnpm install --save hammerjs2.hammerjs的基本使用 1.在相应的vue文件里导入hammerjsimport Hammer from 'hammerjs' 2.创建Hammer对象并绑定响应事件var square = document.querySelector('.square');// Create an instance of Hammer with the reference.var hamme...
2020-05-24 11:13:41
7327
原创 import "vue"
import "vue"回去package.json的相关依赖找关键字"vue",然后去nodemodules里去找vue文件夹里的package.json找到相关依赖找关键字"main",然后按照右边的路径去获取相关的文件，最终找到有个module.exports = Vue;
2020-05-12 14:52:49
182
原创 初学微信小程序之关于获取用户信息准许的操作
根据微信开放社区的描述，官方貌似把默认弹出是否允许小程序的弹窗取消了，取而代之的是需要你手动的用官方给的<button open-type="getUserInfo" bindgetuserinfo="userInfoHandler">getUserInfo</button>button组件去手动获取信息。基本步骤大概是：wx.login() =>wx.ge...
2020-04-20 22:30:35
544
原创 在vue中使用swiper
1.swiper安装npm install vue-awesome-swiper --save2.查看swiper安装后的文件存放安装后的swiper存放在node_modules,然后在文件夹里往下找，找到swiper文件夹，就像图片下面的：3.下载官方示例代码，这步骤是为了参照正常情况下，swiper的实现原理在swiper官网上下载了他的官方示例代码，点击下载地址下...
2020-04-07 10:32:22
11563
5
转载 cli3 vue中无法使用hasOwnProperty
https://www.cnblogs.com/superclound/p/12202576.html
2020-04-06 21:00:04
1585
原创 使用cli3创建vue项目时，在组件使用Vue.set时出现在error ‘Vue‘ is not defined no-undef报错
使用cli3创建vue项目时，在组件使用Vue.set时出现在error 'Vue' is not defined no-undef报错。解决方法：在组建中import vue文件，具体报错原因还不知道为啥。。。...
2020-04-05 18:51:27
10493
原创 基于vue的select的option某一选项的禁用
直接在v-for渲染option选项里使用disable：<tempalte><div><select v-model="customValue" :style="{height: _height}"> <option v-for="item in customList" :key="item.v...
2020-03-29 17:06:03
3916
原创 常见的移动端icon和文字垂直居中的实现。
思路：icon和文字设置成inline-block，搭配flex的align-items: center;即可轻松实现图标和文字的垂直居中。html：style：#box{ border: 1px solid #ccc; display: flex; align-items: center;}#icon{ display: inline-block; ...
2020-03-22 12:31:43
714
原创 如何写移动端自适应？
1、使用rem单位去替换px单位，布局模板以宽为320px移动端来布局；2、因为rem单位是以html根元素的font-size为标准换算的，所以，随着屏幕的尺寸越大，而font-size始终为320px时所定的像素（这里采用html的font-size为20px方便计算），且移动端尺寸变大html的font-size不会跟着变大，所以，我们所计算出来的元素尺寸是不会跟着变化的，这时，我们需要...
2019-03-19 14:35:32
209
原创 panel如何实现既有滚动效果，又有橡皮筋效果？
在panel提供的属性方法里，官方是没有提供这个橡皮筋效果的属性的。起初我也以为，panel难道没有这种功能？要自己写个组件？要自己写个panel和strag组成一个以上功能的组件？但是在论坛里查了下，panel是可以完成上面这些效果的，原因只因为panel组件是由内容和滚动组件组成的组件。panel组件可以拥有vScrollBar和hScrollBar,这就使得他可以拥有左右橡皮...
2018-06-05 12:06:44
2007
原创 Animation的createFrams的使用
createFrams官网上的介绍是，这个是可以创建多个动画模板供不同的Animation类实例化对象使用的，也就是说，多个不同的Animation一起公用我们用createFrams所创建的动画模板，仅需要知道我们在用createFrams创建时，动画模板的名称就可以轻松使用图集制作动画的效果。 createFrams的参数大致有： 1、预加载后的url地址（注意需要时预加载后的u...
2018-06-01 15:51:12
220
原创 对于js的new作用的一些看法
从网上查找有关资料，new大致有三个作用，比如var foo = new Foo();Foo为构造函数，foo为实例化对象，三个作用为别为：1、var obj = {}；创建一个空对象；2、obj.__proto__ = Foo.prototype;实现实例化对象对构造函数的继承；3、obj.call(foo)；把obj赋给foo,最终实现实例化对象foo。以上是自己对new过程中学习的一些总结，...
2018-05-30 11:43:55
558
转载 面向对象（转自百度文库）
什么是类面向对象的思想来源于对现实世界的认知。现实世界种类繁多，难于认识和理解。但是聪明的人们学会了把这些纷繁复杂的事物进行分类，从而使世界变得井井有条。比如我们由各式各样的具体的汽车抽象出“汽车”的概念，由形形色色的具体的猫抽象出“猫”的概念，由五彩斑斓的具体的鲜花抽象出“花类”的概念等。汽车、猫、花都代表着一类事物。每一类事物都有特定的状态，比如汽车的品牌、时速、马力、耗油量、座椅数；小猫的年...
2018-05-24 11:31:56
187
转载 一个完整的URL包括的内容（转载）
一个完整的URL地址包含什么假设这是一个url地址http://localhost:8080/a/b/c?a=1&b=2#abc，里面包含的部分：protocol: 'http:',//协议host: 'localhost:8080',port: '8080',//端口hostname: 'localhost',域名hash: '#abc',search: '?a=1&b=2' 等...
2018-05-07 11:51:13
5252
原创 List的使用
1.UI编辑模式： a.UI编辑的结构； b.List的属性设置，width设置为350，height设置为50，X方向的渲染单元格个数设置为7个，Y方向的渲染单元格个数设置为1个，我们做的横向的List，所以选择hScrollBarSkin添加皮肤； c.Box的属性设置，这个属性是最重要的； d.Button的属性设置，name可以用来数值赋值，width设置为50；2...
2018-05-03 19:24:27
218
原创 类型转换
两种类型转换： 1.<Laya.Button>类名.getChildByName('btn') 2.类名.getChildByName('btn') as Laya.Button
2018-05-03 18:13:18
145
原创 layaAir之Animation类(AnimationPlayerBase )的使用
这次讲的是Animation类(AnimationPlayerBase )的一些属性的使用，其实有些属性是AnimationPlayerBase 类的。内容包括： 1.加载资源，计算帧数count(也就是一共有多少张图片)，设置帧数的间隔interval，添加帧标签(给每张图片加上标签，这个有点用用来触发LABEL事件的)； 2.play方法和gotoAndStop方法的使用，以及在p...
2018-05-03 16:41:20
3892
原创 如何更便捷的通过API学习layaair
有时候我们想找某个属性，发现这类里却没有我们需要的属性，这时，我们可以去找他们的父类找这个属性，以此往上找我们所需要的属性。如果真的还是找不到的话，那只能说明这个属性在这类型的类里是没有的。打个比方，如animation类是大家都经常用到的一个类，我们想通过这个类去控制动画播放的时间间隔，但是在这个animation类里我们发现是没有这个属性的，那么我们怎么去找这个属性呢？这时就可以去找他们的父类...
2018-05-03 12:14:08
909
1
原创 layaAir之Tween类to方法和Ease 类
在这里，我们为什么会把这两个放在这里讲呢？我们来看Tween类的to方法里的参数，下面给出官方给的参数图：在官方给的参数里，target是我们要操作的对象，prop属性是我们用来控制对象运动到何种程度，这个属性是个JSON对象，可以同时设置对个属性让对象运动，duration是运动所用时间，ease也是我们这里要终点说的，这里的ease是类方法，是laya.utils包里的Ease 类，也是用来控...
2018-05-02 18:32:16
9274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人