
前端
RN_David
这个作者很懒,什么都没留下…
展开
-
react 中内容换行显示
项目react+antdPro,在proTable中内容换行显示。原创 2022-10-19 10:31:21 · 4240 阅读 · 0 评论 -
vue之typescript配置和使用
vue之typescript配置和使用目前笔者在找前端工程师工作(vue方向),发现许多公司都要求会使用TypeScript,花了一点时间把TypeScript看完了,今天将介绍vue中typescript使用第一步,在创建项目时选中typescript,如下:第二步,在安装装饰器来简化书写npm install vue-class-component vue-property-decorator第三步,改写代码,将创建初始项目里面HelloWorld.vue里面写个简单计数器,代码如下:&原创 2020-10-08 18:41:32 · 392 阅读 · 0 评论 -
react--native ~网络图片高度自适应
react–native 网络图片高度自适应在做类似商城项目时,商品详情页图片每个大小不一,必须让宽度自适应屏幕在react-native官网提供了一个getSize()方法来获取网络图片大小,详情请见官网这个方法没有返回值,计算的值只能存进state response.body.data.productDescImages.map((item)=>{ Image.getSize(item.url,(width,height)=>{ let DescImage原创 2020-09-08 11:56:38 · 1459 阅读 · 0 评论 -
react-native沉浸式导航栏
react-native沉浸式导航栏什么是沉浸式导航栏?打开这个链接,或者百度自行百度一下提前说明一下沉浸式导航栏只存在于安卓中,下面说一说设置方式,总共分为两种,一是安卓原生设置,二是react-native设置。安卓原生设置这个请自行百度react-native设置rn提供一个statusbar组件,通过设置背景设置透明就能实现沉浸式导航栏,详细代码如下:<StatusBar translucent={true} backgroundColor="transpare原创 2020-08-17 11:27:21 · 1195 阅读 · 0 评论 -
盒子居中的几种方式----几乎全了
盒子居中伸缩布局定位 利用css的 position属性,把大盒子相对于小盒子的top、left都设置为50%,然后再用margin-top设置为小盒子的高度的负一半拉回来,用marg-left设置为宽度的负一半拉回来利用marginposition属性利用css3的新增属性table-cell, vertical-align:middle;利用transform的属性,注意子绝父相定位两者都要固定定位,不常用(缺点:需要设置position属性,网页复杂时容易扰乱页面布局,而且只是元原创 2020-07-27 11:58:48 · 391 阅读 · 0 评论 -
vue学习记录---路由带参跳转坑!!!
vue学习记录—路由带参跳转坑!!!跳转带参共有两种方式query和params1.params(params类似于post,即在浏览器地址栏中不显示参数。)传递参数跳转this.$router.push({name: 'index_jobDetails',params:{id: 1}})接受参数this.$route.params.id注意:一定是name 路径不要带‘/’;2...原创 2020-04-03 23:41:57 · 238 阅读 · 0 评论 -
vue移动端适配---flexible.js
vue移动端适配—flexible.js最近在自学vue,在做项目时遇到移动端适配问题,通过努力找到了一个非常适合的新的淘宝适配插件。废话不多说使用步骤:安装 flexiblenpm i lib-flexible安装px2rem-loadernpm install px2rem-loader --save在项目入口文件main.js 中引入lib-flexible去掉目标文件的i...原创 2020-04-02 18:22:52 · 698 阅读 · 0 评论 -
前端面试题(垂直居中、双飞翼布局、清除浮动)
前端面试题之html+css部分一个200x200的div在不同分辨率屏幕上下左右居中,用css实现;第一种:div { width: 200px;height: 200px; position: absolute; left: 50%;margin-left: -100px; top: 50%;margin-top: -100px;}第二种:div { width: 2...原创 2020-04-01 22:28:28 · 236 阅读 · 0 评论