- 博客(51)
- 收藏
- 关注
RSS订阅原创 vscode 括号回车不换行不缩进问题
问题：vscode种括号回车时，不换行不缩进image.png解决：打开【设置】，找到settings.json文件，删除???? "editor.language.brackets": []这个配置image.png
2023-05-05 10:47:50
487
原创 vue3+ts报错：找不到模块“../views/home/index.vue”或其相应的类型声明。
问题：image.png解决方法：利用插件解决。image.pngVolar 是官方的 VSCode 扩展，提供了 Vue 单文件组件中的 TypeScript 支持，还伴随着一些其他非常棒的特性。TIP: Volar 取代了我们之前为 Vue 2 提供的官方 VSCode 扩展 Vetur。如果你之前已经安装了 Vetur，请确保在 Vue 3 的项目中禁用...
2023-04-19 16:12:45
1304
1
原创 Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.
Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.
2022-06-23 15:51:05
4817
原创 react-native-snap-carousel 轮播
效果如下：6iIb4SR.gif使用插件： https://www.npmjs.com/package/react-native-snap-carousel基础使用方法： 下载: $ npm install --save react-native-snap-carousel 引入: import Carousel from 'react-native-sn...
2020-01-07 15:47:54
3549
原创 css变量的使用
css变量使用场景：比如更改网站主题颜色的时候，一个一个页面的更改肯定很麻烦对吧，如果有一个同一的变量更改会不会就很方便。 <style> :root { --base: yellow; } #oval { width: 200px; height: 100px; background: var...
2019-09-26 17:21:04
149
原创 常见正则身份证，中文，电话号码等
/** * 正则验证js * @author XXX *//** * * @param {*} tel 验证手机号码 */export function tel(val) { let pattern = /^1[3-9]\d{9}$/g; return pattern.test(val)}/** * * @param {*} digit...
2019-07-05 15:40:46
236
原创 linux常见命令
查看更多详细信息网站地址： https://explainshell.com/header 1header 2文件夹---返回根目录cd ~返回上一级cd ..进入目录cd显示当前目录pwd（绝对路径）创建目录mkdir 目录名称创建目录mkdir - p 目录名称(mkdir -p 'demo-1/demo-2...
2019-06-16 21:17:31
75
原创 echarts tooltip被遮挡问题
出现问题：image.png啊呜，看不到啦，怎么破呀解决：image.png添加上这个就好啦。ps：看看官网的解释哈image.png哇涩，文档真棒，实力开发echarts的程序员小哥哥～这个都考虑到啦 ...
2019-06-01 18:04:45
4913
1
原创 小程序--微信支付
这个压力主要在后端，前端就正常跟着api走就好了～/**wx.ajax.post 这个是我们自己封装的一个post请求@param {string} wx.apiPath.payUnifiedOrder 后端接口地址@param {obj} payObj 所需要的参数*/ let payObj = { // 这个就看你们后端小哥哥需要什么参数咯 bo...
2019-05-15 16:11:17
103
原创 小程序--组件的使用
组件的创建创建一个为son-components的page，会自动生成wxml,wxss,json,js;son-components.wxml<view>我是子组件</view>son-components.jsComponent({ properties: { courseList: { // 接收父组件传回来的courseL...
2019-05-15 15:57:40
90
原创 小程序--给对象属性赋值
小程序中更改data里面的值data: { tel: '15184138787', list: { title: '我是标题哦' }}1、需求：更改tel的值操作如下：this.setData({ tel: 15188888888})2、需求：更改list里title的值；操作如下： let value = 'list.title'; ...
2019-05-15 15:37:20
5347
原创 vue element-ui v-on:keyup.13事件 无效
正常调用无效： v-on:keyup.13="handleInit"添加上native覆盖element自己封装的@keyup事件就可以了。v-on:keyup.native.13="handleInit"比心～
2019-04-25 09:51:01
1989
原创 2019-04-12
转摘：谢谢作者 https://segmentfault.com/a/1190000012393587转摘：谢谢作者 https://segmentfault.com/a/1190000012393587转摘：谢谢作者 https://segmentfault.com/a/1190000012393587转摘：谢谢作者 https://segmentfault.com/a/1...
2019-04-12 11:24:53
79
原创 把对象中的数据给了某个变量，改变一个对象的值，另一个对象也变化的解决办法！...
data: { return () { dataEmp: { empCode: 'GS1234' }, dataEmp2: { empCode: '' }, }}此时修改dataEmp2，dataEmp里面的empCode也会跟着变化；this.dataEmp2 = this.dataEmp;this.dat...
2019-04-01 11:27:36
1557
原创 vue element-ui动态生成table表头和数据
element-ui动态生成表头和数据；应用场景：由于业务需要根据后台返回的数据进行动态的生成表格（表头+数据）；1、template<el-table style="width: 100%" border :data="tableData"> <template v-for="(item,index) in tableHead"> &...
2019-03-27 21:03:45
4084
原创 vuex基本使用
vuex使用1、安装vuexnpm install vuex --save2、安装promise：Vuex 依赖 Promise。如果你支持的浏览器并没有实现 Promise (比如 IE)，那么你可以使用一个 polyfill 的库，例如 es6-promise。将下列代码添加到你使用 Vuex 之前的一个地方：import 'es6-promise/auto'3...
2019-03-21 23:23:03
89
原创 vue 第一次获取ref失败
问题：在很多情况下，第一次获取ref会失败，但是第二次会成功。在element-ui中弹框中的表格中绑定了ref ，点击按钮开启弹框并且获取ref这个时候就会失败代码如下：image.png失败原因：弹框开启时DOM还没有完全加载完成，所以会导致第一次获取不到ref解决方法：第一种（推荐）this.$nextTick(()=>{ ......
2019-03-21 23:12:06
2630
原创 vue测试环境搭建
WechatIMG4.jpeg温馨提示：所有需要更改的地方加上了注释// here在build文件夹下复制一份build.js && 重命名为build-test.js在build-test.js文件下更改如下'use strict'require('./check-versions')()process.env.NODE_ENV =...
2019-03-12 20:21:37
245
原创 vue element-ui 表单循环验证
根据纯数组循环出n个el-form-item，表单中的表单项都是动态加载的；第一种：比如value = [1,2,3,4,5,6,7]这种数组循环出表单；image.png<template> <div class="hello"> <!-- @param {Object} model-需要验证的对象....
2019-03-04 20:00:08
516
原创 图解git
本文转载哈～～～segmentfault.com_a_1190000018272902_utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com&share_user=1030000000178452.png
2019-02-25 19:02:06
49
原创 去除inline-block元素间间距
一、现象描述真正意义上的inline-block水平呈现的元素间，换 行显示或空格分隔的情况下会有间距，很简单的个例子：<input /> <input type="submit" />间距就来了~~表单控件之间的间距例子我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space...
2019-02-19 10:33:44
54
原创 js判断输入是否全是空格
使用JavaScript trim() 方法var str = " Runoob ";alert(str.trim()); // Runoob定义和用法trim() 方法用于删除字符串的头尾空格。（这个方法可以判断是否输入全是空格）trim() 方法不会改变原始字符串实例<!DOCTYPE html><html>...
2019-02-15 13:54:55
2699
原创 如何截取整个页面生成图片
window操作步骤1.F12image.png2.shift+ctrl+Pimage.png3.在输入框里输入fullimage.png最后就会生成一个图片。将网页生成为了图片image.png ...
2019-01-28 10:06:19
219
原创 react native 导航透明
导航透明效果一导航透明，但是导航栏仍然具有返回等功能image.png-效果二导航全透明，并且导航为空image.png效果一实现方式： static navigationOptions = ({ navigation }) => { return { headerTransparent: tr...
2019-01-24 21:19:01
758
原创 js数字金额滚动动画(vue)
vue金额滚动动画效果预览QQ20190124-0.gif<template> <div> <div class="head" @click="this.numFun(0,5000)">点击金额变动</div> <div>{{amount}}</div> </di...
2019-01-24 20:50:26
2126
原创 获取获取 react navigation 导航条 高度
import { Header } from 'react-navigation'; componentDidMount() { let navigationHeight = Header.HEIGHT;//即获取导航条高度 }
2019-01-07 20:26:30
1156
原创 React Native布局讲解
本文转载～～～是因为我觉得写的挺好的，很喜欢作者地址：CrazyCodeBoy作者地址：CrazyCodeBoy作者地址：CrazyCodeBoy本文出自《React Native学习笔记》系列文章。一款好的APP离不了一个漂亮的布局，本文章将向大家分享React Native中的布局方式FlexBox。在React Native中布局采用的是FleBox(弹性框)进行...
2019-01-04 09:31:13
106
原创 react-native Each child in an array or iterator should have a unique "key" prop.
错误提示：Each child in an array or iterator should have a unique "key" prop.出现问题的原因：image.png因为我们这里的标签是循环出来的，所以需要有一个key值解决问题方案：image.png如果觉得有用可以点点赞了，谢谢啦～ ...
2019-01-03 10:13:05
248
原创 react-native image 设置默认图片
Image组件的引入图片提供了下面这几种类型：静态图片资源，网络图片资源静态资源引用方式：<Image source={require('./bunny.png')} style={styles.base}></Image> 网络图片资源<Image source={{uri: 'https://facebook.gith...
2018-12-27 14:59:04
519
原创 react-native image 设置默认图片
Image组件的引入图片提供了下面这几种类型：静态图片资源，网络图片资源静态资源引用方式：&amp;lt;Image&amp;gt; source={require('./bunny.png')} style={styles.base}&amp;lt;/Image&amp;gt; 网络图片资源&amp;lt;Image source={{uri: 'https://facebook.github.io/o
2018-12-27 14:28:49
2429
原创 vue测试环境添加（多环境配置）
背景通常我们搭建的vue-cli骨架，自带两个版本开发版本和生产版本。应用场景公司有开发环境（dev），生产环境（prod），测试环境（test），预发布（release）等版本；不同的环境会有不同请求api接口，我们平时写的baseUrl这种全局的就不是很合适啦；在package.json里面；添加test：XXXXX"scripts": { "dev": "webpack...
2018-11-29 10:24:17
4201
转载 requestAnimationFrame理解与实践
背景传统的javascript动画是通过定时器 setTimeout或者 setInterval实现的。但是定时器动画一直存在两个问题，第一个就是动画的循时间环间隔不好确定，设置长了动画显得不够平滑流畅，设置短了浏览器的重绘频率会达到瓶颈，推荐的最佳循环间隔是17ms（大多数电脑的显示器刷新频率是60Hz，1000ms/60）；第二个问题是定时器第二个时间参数只是指定了多久后将动画任务添加到浏览...
2018-11-28 23:12:56
568
原创 react-native自定义返回按钮 headerBackImage
class BackImage extends React.Component { //创建一个返回按钮的组件 render() { return ( <Image source={require('../res/imgs/RightArrow.png')} style={{ width: 8, height: 15}} ...
2018-11-01 13:14:53
4979
原创 react-native 报错Invalid child context `virtualizedCell.cellKey`.........
问题一： Invalid child context `virtualizedCell.cellKey`.........大致意思就是希望获取到字符串，实际获取到的是数字类型滴解决方法：将_keyExtractor = (item, index) => index转为_keyExtractor = (item, index) => index.toString() ...
2018-10-16 11:27:49
3085
1
转载 react-native 启动页设置（ios）
使用第三方插件：react-native-splash-screen下载地址：https://www.npmjs.com/package/react-native-splash-screen第一步：安装下载插件1、npm i react-native-splash-screen --save2、react-native link react-native-splash-screen...
2018-10-11 23:18:55
2758
原创 react-native 启动页设置（android）
使用第三方插件：react-native-splash-screen下载地址：https://www.npmjs.com/package/react-native-splash-screen第一步：安装下载插件1、npm i react-native-splash-screen --save2、react-native link react-native-splash-screen...
2018-10-11 23:01:54
1804
2
原创 react-native mac配置android遇到的问题
问题描述：说明一下我已经安装了JAVA_HOME（虽然不知道多久安装的）Error: JAVA_HOME is set to an invalid directory,,,,,,,, // 这是一个无效目录Please set the JAVA_HOME variable in your environment to match thelocation of your Java in...
2018-10-11 00:35:06
504
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人