- 博客(22)
- 收藏
- 关注
RSS订阅原创 vant之ImagePreview 图片预览组件
vant之ImagePreview 图片预览组件请看官方介绍由此可见，此组件适用于图片预览。笔者目前的项目为新财务系统，是集报销、OCR识别、商旅等一体的跨平台的内嵌应用系统，具体不过多解释。其中OCR识别是，详情内涉及到了图片预览功能，在Android中正常，在IOS中笔者发现pdf格式的文件能自动转化为图片进行预览展示，因觉得有意思记录一下，并为了以后有兴趣时跟踪一下原因！...
2021-06-21 17:13:40
754
原创 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
328
原创 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
1353
原创 React-native自定义组件之loading加载（通过API方式调用）
React-native自定义组件之loading加载（通过API方式调用）在请求接口数据中，需要等待时间，为了提高用户体验，加入一个正在加载的类似于模态框的提示如上图所示可以再React Native 项目视图层上面创建一个视图层，来实现一些弹窗、加载组件，可以js调用。先创建上层组件，新建js文件import React, { Component } from "react";import { StyleSheet, AppRegistry, View, Text } from 'reac
2020-09-03 17:59:42
1657
原创 react-native 之 react-navigation 导航实现
react-native 之 react-navigation 导航实现在做react-native开发时，不免遇到导航的使用，导航分为头部导航和底部Tab标签导航，以前经常用react-native-router-flux和react-native-tab-navigator，但是最近react-native更新过快，用这第一个组件时报出警告和错误，就研究了一下react-navigation官方推荐的导航。目录react-native 之 react-navigation 导航实现安装使用头
2020-08-17 11:58:38
635
原创 react-native沉浸式导航栏
react-native沉浸式导航栏什么是沉浸式导航栏？打开这个链接，或者百度自行百度一下提前说明一下沉浸式导航栏只存在于安卓中，下面说一说设置方式，总共分为两种，一是安卓原生设置，二是react-native设置。安卓原生设置这个请自行百度react-native设置rn提供一个statusbar组件，通过设置背景设置透明就能实现沉浸式导航栏，详细代码如下：<StatusBar translucent={true} backgroundColor="transpare
2020-08-17 11:27:21
1054
原创 微信小程序中解决回调地狱
微信小程序中解决回调地狱es7的asyncasync号称是解决回调的最终方案1.在小程序的开发工具中，勾选es6转e s5语法2.下载facebook的regenerator库中的regenerator/packages/regenerator-runtime/runtime.js3.在小程序目录下新建文件夹lib/runtime/runtime.jslib/runtime/runtime.js，将代码拷⻉进去4.在每一个需要使用async语法的⻚面js文件中，都引入（不能全局引入）importr
2020-07-27 21:16:50
667
原创 盒子居中的几种方式----几乎全了
盒子居中伸缩布局定位 利用css的 position属性，把大盒子相对于小盒子的top、left都设置为50%，然后再用margin-top设置为小盒子的高度的负一半拉回来，用marg-left设置为宽度的负一半拉回来利用marginposition属性利用css3的新增属性table-cell, vertical-align:middle;利用transform的属性,注意子绝父相定位两者都要固定定位,不常用（缺点：需要设置position属性，网页复杂时容易扰乱页面布局,而且只是元
2020-07-27 11:58:48
319
原创 RN----SectionList实现下拉刷新
RN----SectionList实现下拉刷新首先初始化refreshing为false然后设置SectionLists里refreshing属性，设置onRedreshing属性在state中刷新状态为true，在数据拉取成功后将state中refreshing的值设置为false写的比较潦草：参考链接（大家可以看看这个）不足之处请大神指点！...
2020-07-03 17:49:10
558
原创 js 数组分类重构（es6高阶函数：map()、reduce()、Set()等）
在今日RN开发过程中遇见了一个问题，接口返回数据未作处理，需要前端把数据处理一下，返回是以下这种格式：msg：[ { }, { }, ....]而我需要以下这种格式：msg:[ "xxx": " ", data: [ { }, { }, .... ]]所用知识点(es6高阶函数)：map()reduce()for(xxx of xxx)Set()以上函数具体详解请看菜鸟教程最后结果let data =[{ "Id": 6, "M
2020-07-02 22:01:07
569
原创 Vue---动态绑定CSS样式
标题Vue之动态绑定CSS样式效果图：代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } ul li { list-style: none; border: #ddd solid 1px;
2020-05-23 12:28:36
289
原创 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
185
原创 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
628
原创 vue学习记录---指令
指令v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-slotv-prev-cloakv-oncev-text数据绑定指令，可以防止闪屏！<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>...
2020-04-02 17:40:55
136
原创 前端面试题（垂直居中、双飞翼布局、清除浮动）
前端面试题之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
182
原创 vue学习记录---创建项目
vue学习记录—创建项目独立版本可以再vue.js的官网下载vue.min.js并用Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.jsunpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。cdnjs : https://cdnjs...
2020-03-27 15:01:13
130
原创 npm换源问题
npm换源问题@TOCnpm换源成淘宝镜像使用cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装成功如下显示检测是否安装成功cnpm -v成功显示如下以下作为参考没有使用我直接安装的cnpm单次使用淘宝源npm install --registry=https://registry.n...
2020-03-27 13:44:59
417
原创 javascript动态操作表格
js动态操作表格（增加、删除、修改）通过table的insertCell方法用for循环添加行。通过removeChild的方法删除行。通过innerHTML 方法修改行<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图书管理平台</t...
2019-04-14 08:29:54
834
转载 免费的快递查询接口，不需要key
免费的快递查询接口1.第一个接口只需要快递单号就可以查询。https://sp0.baidu.com/9_Q4sjW91Qh3otqbppnN2DJv/pae/channel/data/asyncqury?cb=jQuery110204759692032715892_1499865778178&appid=4001&com=&nu=运单号。2.第二个接口，需要两个参数...
2019-03-09 16:48:19
11721
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人