- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue项目使用rem适配移动端
项目使用脚手架搭建，使用了vantUI，因为第三方库都是使用的px单位，这时候再使用rem就没办法适配不同的屏幕了，所以就使用了px2rem-loader插件来解决这个问题。第一步：安装 cnpm install px2rem-loader --save-dev第二步：修改配置找到build文件夹下的utils.js，添加以下配置：var px2remLoader = { loa...
2020-02-26 15:11:41
490
原创 面试题a =[1,2,3],b =[1,2,3],c =[1,2,4]比较的结果
首先看一下结果简单梳理一下我自己的理解，所以实际上数组都是被转换成了字符串的：也就是说 此时的a = “1,2,3” ,b=“1,2,3”,c="1,2,4"，接下来执行的操作其实是字符串的比较：然后就根据字符串的编码值来进行比较大小大写字母编码比小写要小所以，哈哈哈...
2020-01-15 15:45:48
1298
原创 一分钟看懂font-size单位em的继承问题
直接上代码吧然后结果图：其实就是设置了em单位的元素会继承自己父元素的大小，并不是继承了根元素或者body元素的。
2020-01-15 15:01:30
877
原创 react native 中的TextInput设置高度
TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置，譬如自动完成、自动大小写、占位文字，以及多种不同的键盘类型（如纯数字键盘）等等。当设置TextInput高度较小的时候，文字不显示了取消高度设置以后会发现，默认高度比较大排查了一下，觉得可能是TextInput自带padding的问题，于是：由此，如果要设置的TextInput的...
2020-01-08 11:31:06
2241
原创 react native截屏组件 react-native-view-shot总结
截图组件react-native-view-shot，可以截取当前屏幕或者按照当前页面的组件来选择截取（）
2019-12-03 11:46:10
6305
原创 react native截取页面保存为图片到手机相册
最近要做下载海报和分享的功能，于是有了这篇博客~~首先来看一下要实现的效果~首先捋一下实现步骤：点击上图绿色框内的分享图标，弹出遮罩层，遮罩层红色框内的为要保存到相册的图片区域，点击下载海报的时候就将图片区域进行截图并且保存到本地。下面来做具体实现：具体安装步骤就不再赘述了，引入截屏组件react-native-view-shot...
2019-12-02 18:01:20
2189
10
原创 react native报错：undefined Unable to resolve module 'Dimensions' from 'App.js
在获取屏幕宽度的时候报错，原代码：报错信息：解决方式：
2019-11-01 17:20:10
1083
1
原创 H5判断设备是PC还是移动设备+移动设备为Android 或 IOS+判断移动设备是否为全面屏
下面这段代码即可判断当前移动设备是Android或者是IOS(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //...
2019-10-25 11:40:02
2889
原创 支付宝小程序：小程序跳转到H5页面+一些基础知识：
<web-view /> 为官方封装好的组件，用于在支付宝小程序中内嵌h5网页，此组件默认会占满整个小程序页面，一个页面中只能使用一个web-view组件，如果使用了多个，组件会向上覆盖，也就是指只会展示最新的一个web-view组件。 使用web-view需要在后台配置域名白名单在调试时可在 开发者工具-详情-域名信息 中配置忽略Webview域名合法性检查。基础...
2019-10-24 18:52:49
4890
原创 ES6模板字符串之标签模板的拓展
借用网上的一道题目来进行解析，function getPersonInfo(one, two, three) { console.log(one); console.log(two); console.log(three);}const person = "Lydia";const age = 21;getPersonInfo`${person} is ${a...
2019-10-22 18:24:39
2016
原创 React创建组件及两种方式的对比
创建组件注意点：创造组件，首字母大写，在需要调用的地方直接以标签形式调用如果组件中return 一个 null，则标识此组件是空的，什么都不会渲染，在组件中必须 return 一个合法的JSX的虚拟DOM元素不论是class还是普通function创建得组件，它们的props的都是只读的index.js代码：第一种：使用function构造函数创建的组件代码如下：调用组件：...
2019-10-21 14:46:57
235
原创 react Native 执行 run-android报错Failed to launch emulator. Reason: Emulator exited before boot.
react Native 执行 run-android 错误，报错如图报错信息：未能启动模拟器。原因：模拟器在启动前退出。原因：x86镜像的模拟器启动不了，因为HAMX没有安装。Android SDK已经集成了HAMX这个软件，我们需要做的就是找到他，然后安装就可以了。文件路径：存放于你的SDK下面的D:\Program Files\Android\AndroidSDK\(自己指定的SD...
2019-10-21 10:25:36
14163
2
原创 React Native 执行 react-native run-android 运行报错
如图，在执行react-native run-android 的时候 运行报错，后来想了一下是不是因为中英文的问题，，，就把文件夹名字换了一下，然后就编译成功了
2019-10-18 16:59:41
1116
1
原创 react创建项目的流程和安装相关依赖
总结一下自己使用react创建项目是的流程和顺序创建项目1.npm install create-react-app -g2.create-react-app demo (demo为项目名)3.cd demo 4.npm install5.npm start //运行创建完成的文件结构public里面的文件：favicon.ico即为html的ico 图标，可...
2019-10-09 14:27:42
844
原创 无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
检查一下是不是已经安装了webpack和webpack-cli；解决：1、运行“npm install webpack webpack-cli -D”安装webpack和webpack-cli包到项目。2、在项目根目录下创建webpack.config.js 添加配置module.exports = { mode: 'development '}3、找到项目根目录下的packag...
2019-10-08 17:59:45
5857
原创 React-Native搭建报错Unable to load script等，持续更新
报错信息Unable to load script.Make sure you're either running a metro server（run 'react-native start' ） or that your bundle 'index.android.bundle' is packaged correctly for release.报错原因没有找到index.andr...
2019-10-08 10:30:48
1047
原创 React Native项目真机调试修改RN代码真机同步修改
步骤：手机摇一摇出现界面选择setting：选择第二项打开之后可以在代码中console.log()第三个是时时更新的 ，修改完代码之后就能同步刷新页面最后一个设置真机同步修改首页：手机摇一摇出现这个界面选择setting：点击以下页面圈中的项：在下面出现的页面里面填上你开发环境的IP地址+端口号就可以了...
2019-09-28 16:40:58
888
原创 创建React Native项目后，遇到 JAVA_HOME is not set and no 'java' command could be found in your PATH.的问题
在执行react-native init AwesomeProject(自己的项目名称) 创建项目后，再执行react-native run-android的命令，项目报ERROR: JAVA_HOME is not set and no ‘java’ command could be found in your PATH.Please set the JAVA_HOME variable in ...
2019-09-28 15:43:45
16483
原创 使用http-proxy-middleware 代理解决vue项目跨域问题
在config目录下的index.js中增加如下配置，proxyTable: { '/api': { target: 'https://rest2c.markuni.com/', changeOrigin: true, pathRewrite: { '^/api': '' } }},将原本的接口域名替换为 api/ 就可以了注意：修改...
2019-09-24 11:57:40
825
2
原创 在js文件中访问vue原型上绑定的方法
单独的js文件中的this指向的是window，如果这里的this是指向不到vue实例的，所以会报错$http是我挂载到vue原型上的一个方法现在的需求是我想在js文件中使用vue原型身上绑定的这个http方法，所以我接下来做了下面的操作首先导出vue实例，接下来在需要使用http方法的文件中引入main.js，使用vue.方法名调用就可以了...
2019-09-23 15:48:47
5763
3
原创 关于使用vantUI Field 输入框的问题
在使用vantUI Field 输入框的时候发现了一些问题，最初我是在main.js全局引入的组件，但是页面报错组件没有注册后来尝试了在页面中局部引入，就可以正常使用，也没明白到底是哪里出了问题...
2019-09-19 12:00:31
9820
4
原创 vantUI的sku组件的使用（增加自定义提示信息、自定义按钮获取sku的选中值）
最近在做的移动电商项目，因为vantUI开发商场比较方便，最后决定使用vue结合vantUI结合开发，在使用sku组件的时候遇到了问题，先看一下使用了sku的效果图，再来看一下效果图很明显少了一句提示，可能是由于刚接触vant，对插槽理解的比较浅薄，在这块儿还是卡了一些时间才找的解决方法，只需要写一个插槽来实现就可以了最后看一下最终效果...
2019-09-17 16:39:00
8503
5
原创 VUE项目关闭严格模式
VUE项目关闭严格模式在bulid文件夹下的webpack.base.conf.js中将 ...(config.dev.useEslint ? [createLintingRule()] : []) 这行代码 注释掉就可以了
2019-09-12 17:06:41
15236
原创 关于微信小程序的wx.request请求
关于微信小程序的wx.request请求wx.request(Object object)用于发起 HTTPS 网络请求：参数method请求方法可取值：OPTIONS，GET，HEAD，POST，PUT，DELETE，TRACE，CONNECT常用的基本就GET，POST，PUT，DELETE、首先了解一下http请求：HTTP1.0 定义了三种请求方法： GET, POST...
2019-09-12 17:02:58
2744
2
原创 兼容ie的文字超出显示省略号
兼容ie的文字超出显示省略号单行文本的溢出显示省略号： (需要加宽度width兼容部分浏览器)overflow: hidden; // 超出隐藏text-overflow:ellipsis; // 显示省略符号来代表被修剪的文本。white-space: nowrap; // 强制文字一行显示属性：text-overflow:ellipsis;text-overflow...
2019-08-21 16:55:39
6689
1
原创 关于video标签的视频格式在各个浏览器中的兼容问题
video为H5新标签，支持三种视频格式：MP4、WebM、Ogg首先放上成品：接下来看一下兼容性：视频格式兼容性：浏览器video标签兼容性：可以看出，基本上mp4格式浏览器都兼容，其他两种视频格式兼容性不是太好如果在 开始标签和结束标签之间填写了文本内容，那么在不兼容video标签的浏览器中会显示文本信息。接下来详述一下video标签的可选属性：autoplay：auto...
2019-08-20 16:49:40
4933
原创 关于轮播图内嵌video设置宽高不生效的问题
在一个PC的展示网站轮播banner内嵌视频的时候遇到了这个问题，问题描述：在css设置video宽高100%的情况下视频没有全屏显示然后经过查询资料就发现了一个属性 object-fit: fill;先放上修改后的效果图可以看到视频是已经完全填充了浏览器的接下来就来细扒一下这个属性，首先来了解一下可替换元素： 展现效果不是由 CSS 来控制的元素。这些元素是一种外部对象，它们...
2019-08-17 09:42:59
2301
原创 不确定宽高的图片在盒子中自动上下左右居中
不确定长宽的图片，要在盒子中水平垂直居中，当图片是宽比高大的时候上下居中，高比宽大的时候左右居中第一步： 给图片父盒子宽高进行占位，例如： .imgBox { width: 233px; height: 233px; text-align: center; overflow: ...
2019-08-09 10:45:23
1001
原创 关于解决JS在url中传递参数时编码格式的问题
解决JS在url中传递参数时参数包含中文乱码的问题最近在做PC端的项目，途中遇到了一个问题，就是关于url中传递参数时参数被转换的问题。问题如下：解决方案经过查阅资料发现 js 对文字进行编码涉及以下几个JavaScript顶层函数：最近在做PC端的项目，途中遇到了一个问题，就是关于url中传递参数时参数被转换的问题。问题如下： 参数从前一个页面传递过来的格式：URL?id=3534&...
2019-07-31 16:41:49
2359
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人