自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

我的前端

前端相关技术(个人总结、遇到的问题.....)

  • 博客(17)
  • 收藏
  • 关注

原创 node-sass 安装失败解决办法

在根目录添加.npmrc文件,在文件中添加命令sass_binary_site=https://npm.taobao.org/mirrors/node-sass/意思是指定 node-sass 从 npm 的淘宝源中下载

2021-04-20 17:24:12 255

原创 yarn修改为淘宝源

yarn修改为淘宝源查看当前源yarn config get registry临时修yran源yarn save package_name --registry https://registry.npm.taobao.org/修改yarn源为taobao源yarn config set registry https://registry.npm.taobao.org/修改yarn源为官方源yarn config set registry https://registry.yarnp

2021-04-20 17:17:30 220

原创 解决 clipboardjs 在ios内不能复制的问题

问题:项目为vue-cli创建的,使用Vue-clipboard2组件,在浏览器中正常使用,在公司iOS APP内无法复制,官方demo可以正常复制排查问题:所有引入方式都相同,使用方法相同,只好继续做排除法,把页面上的一些库一点点移掉再运行页面,结果发现捣乱的小鬼果然是嫌疑最大的 Fastclick解决:给使用clipboardjs 的元素添加 needsclick 类名,完美解决...

2019-12-23 13:35:40 3201

原创 mint-ui的loadmore ‘上拉加载更多’ 问题解决

如上图所示,下拉正常,但是上拉加载更多不执行问题解决:为滚动框设置高度,并设置overflow:auto代码如下:computedHeight () { const viewH = this.getViewPort().height try { this.listHeight = (viewH - this.$refs['list-box'].ge...

2019-08-22 16:00:48 1751

原创 React基础教程-------第一篇

虚拟DOM、状态、单向数据流react 特点声明式的视图层 基于状态声明(JSX)简单的更新流程 状态 =》 UI,单向数据流灵活的渲染实现: React并不是把视图直接渲染成最终的终端界面, 而是先把它们渲染成虚拟DOM。 虚拟DOM只是普通的JavaScript对象, 可以结合其他依赖库把这个对象渲染成不同终端上的UI高效的DOM操作...

2019-07-02 14:51:13 427

原创 location.replace 兼容性问题

if (history.replaceState) { history.replaceState(null, document.title, '/gold-coin/buy-res') history.go(0) } else { location.replace('/gold-coin/buy-res') }

2019-06-28 10:53:52 8873

原创 The client-side rendered virtual DOM tree is not matching server-rendered content

最初写法:报异常:vue.js:597 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-leve...

2019-06-25 10:50:31 8621 8

原创 微信小程序 初始化进入首页时 onShow加载两次解决方法

问题说明: 进入首页时,在onShow中发起请求加载数据,发现方法被调用了两次: 解决:1、data中定义初始数据 hasOnShow: false2、onshow函数中: onShow: function () { if (this.data.hasOnShow) { return ...

2019-06-17 00:34:53 14202 3

原创 React项目: Cannot find module '@babel/plugin-transform-react-jsx-source'

1. 进入项目根目录2. rm -rf node_modules3. npm install (不要使用 yarn )npm run start success

2019-06-04 11:21:56 3544

原创 为create-react-app 创建的应用, 添加less

npm run eject 暴露webpack配置修改webpack.config.js 配置1、 添加 less 正则const lessRegex = /\.less$/;const lessModuleRegex = /\.module\.less$/;2、添加less配置 { test: lessRegex, exclude: sassModuleRegex, us...

2019-06-04 11:09:18 814 1

原创 vue 支付宝支付

使用浏览器调起支付宝流程:点击支付宝支付调用后台接口,后台返回一个form表单, 提交form就可以调用支付宝支付了页面// alipayWap: 后台接口返回的form 片段<div v-html="alipayWap" ref="alipayWap"></div>JSmethods: { toAlipay () { this.$get( { u...

2019-05-13 11:15:31 10869

原创 Js中parseFloat()方法所产的精度不一致问题

问题用户输入某个数字 X,代表 X万,post请求时数据 *parseFloat(X) 10000,当用户输入 11.04 时parseFloat('11.04') * 10000 // 110399.99999999999经实践:parseFloat(1.04) * 10000 // 10400parseFloat('1.04') * 10000 // 10400解...

2019-05-06 15:14:54 1925 2

原创 VUE Ring-Progress ---- 圆环进度条 组件

VUE Ring-Progress ---- 圆环进度条 组件usage:1、在main.js内 import RingProgress from './components/Ring-Progress.vue' Vue.component(RingProgress.name, RingProgress) 2、 <Ring-Progress :...

2019-04-29 18:20:18 1802

原创 vue 日历组件

VUE calendar ---- 日历组件usage:1、在main.js内 import Calendar from './components/calendar' Vue.component(Calendar.name, Calendar) 2、 <calendar :date="calendarDate"></calendar> ...

2019-04-29 18:17:13 3344

原创 清除浮动最佳方案:clearfix

百试不爽:.clearfix{ overflow:auto; _height:1%}

2019-04-22 10:40:06 1807 1

原创 js new Date()的浏览器兼容性问题: safari的new Date()的值为Invalid Date

将一串日期字符串转换为具体的Date格式的时候,在IE、safari浏览器下,会遇到这种问题:new Date('2016-01-01 00:00:00') //却返回这个值Invalid Date,转换失败解决办法:将 - 替换为 /// var time = '2019-04-18 15:00:00' var time = new Date(time.replace(/-/g...

2019-04-22 10:37:14 470

原创 h5 滚动回弹效果

-webkit-overflow-scrolling:touch

2019-04-02 16:15:03 4511

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除