- 博客(22)
- 收藏
- 关注
原创 react customize-cra 配置less modules
查看网上,基本上都是eject,把webpack爆露出来更改,但是人家不建议这么做。。。然后又说create-react-app 4.0以上版本 包含了css modules,直接把文件改成XXX.module.less,就可以使用less modules了,但是,每次都会说找不到XXX.module.less,后说,addLessLoader里面设置cssModules的getLocalIdent属性,但是也是会报options has an unknown property 'localIde
2020-11-23 14:27:00
3135
原创 react-ant design mobile - webpack 自定义主题
最近学习react 遇到了这个问题仅仅是记录 问题和解决问题的方法 若那啥 请移步。。。若是哪里不足,请指教。。。根据官网 配置自定义主题 会报You may need an appropriate loader to handle this file type, currently no loaders are configured to process thi...
2020-04-21 13:01:26
603
原创 web前端面试 js部分
1/如何用原生js给一个按钮绑定过两个click事件var obtn= document.getElementById('btn');obtn.addEventListener('click',function(){ console.log('点击1')})obtn.addEventListener('click',function(){ cons...
2019-07-09 10:59:13
329
原创 es6笔记
1.箭头函数与普通函数的区别:箭头函数不能把他们当成对象构造器,同时,指定的参数变量在箭头函数中也不生效。2。绑定:(1)this (2)call() (3) apply() (2) (3)区别 call和apply基本一致,call会像一般函数一样直接获取参数。apply则以数据组的方式获取参数, ...
2019-04-03 18:42:32
165
原创 mui上拉加载不好使
类似选项卡的一个页面,两个都有分页但是选中第一个上拉后,再选中第二个上拉不好使是我在第一个函数中设置了mui('#pullrefresh').pullRefresh().endPullupToRefresh((pagedata.length < 10));解决办法:在某个方法里执行mui('#pullrefresh').pullRefresh().refresh(true);...
2019-02-28 16:32:49
565
原创 2018前端面试题 css 部分
总结一些面试遇到的问题,答案是百度的,css部分1/一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适应宽,要求先加载中间块(1)css优先级顺序:id>class>标签并且 同等级越后优先级越高 所以content在最后就可以<div id='container'> <div id='left'>左边部分</div...
2019-02-28 13:41:06
288
原创 遍历数组和对象
const arrList = ['value1', 'value2', 'value3', 'value4'] const objList = { a:'value1', b:'value2', c:'value3', d:'value4' } // js原生 for (let i = 0; i &l...
2019-02-20 18:14:49
306
原创 css三角形和气泡
css.border-up{ position: relative; width: 0; height: 0; /*向上*/ /*border-width: 0 30px 30px;*/ /*向下*/ /*border-widt...
2019-02-20 16:52:39
320
原创 滑动报错 Unable to preventDefault inside passive event listener due to target being treated as passive.
app开发,滑动时报错 Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080解决办法:若用到touch事件在监听touch事件时加上第三个...
2019-02-18 08:58:37
4298
5
原创 js-cookie 安卓上不好使
利用js-cookie存储token在ios和pc上都是好使的,但是打包到Android上获取不到位undefined问题出在哪里不知道解决方案:改成localStorage.setItem()localStorage.getItem()我是进行的判断js-cookie获取不到在用localStorage...
2019-01-16 13:56:17
1038
1
原创 光标自动定位到输入框
document.getElementById('contentText').focus() // 光标自动定位到当前输入框
2019-01-16 08:53:04
4076
原创 判断手机为Android还是ios
const userAg = navigator.userAgentlet isAndroid = userAg.indexOf('Android') > -1 || userAg.indexOf('Adr') > -1 // 安卓let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios
2019-01-16 08:44:53
284
原创 vue-router 判断是否登陆,未登录跳转登陆页面
移动app 只需验证首页是否登陆meta: { title: 'index', requireAuth: true}main.js中router.beforeEach((to, from, next) => { if (to.matched.some(m => m.meta.requireAuth)) { console.log(store.get...
2019-01-12 12:19:20
2211
原创 Input elements should have autocomplete attributes (suggested: "new-password")
浏览器警告 应该添加1个属性autocomplete=‘new-password’ 属性里的值为自定义autocomplete : 为记住表单输入内容
2019-01-12 09:41:07
5174
原创 formData 参数传不出去
.addData()传递参数为一个数字时,传递到后台传不出去转化为字符串.tostring也不行解决:字符串拼接‘’+1就可以了
2019-01-11 16:20:08
3140
1
原创 css超出部分省略号显示
单行:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;两行超出:width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-bottom:0;...
2019-01-11 16:16:56
3588
原创 webpack 打包后 字体文件不存在 用muse ui 字体图标不显示
muse ui 字体图标文过大 在 build/webpack.base.config.js{ test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 800000, name: utils.assetsPath('fonts/[name].[hash:7].[...
2019-01-09 11:23:39
833
原创 hbuilder 上传图片 保存图片 拍照 muse ui
html<mu-bottom-sheet :open.sync="open"> <mu-list class="list_btn"> <mu-list-item button @click.stop="setImg" class="btn_list"> <mu-list-item-title class="btn_text"&...
2019-01-09 08:10:43
1878
原创 vue animate bounceInRight 只执行一遍
touchMove 中左滑 添加bounceInRight ,动画只执行一遍,或者只有某个有动画解决:第一步:数据出现比动画要慢 在touchEnd中增加延迟,把类名置位空第二步:把增加bounceInRight写在end中...
2019-01-07 21:35:46
1382
原创 Promise 拦截器 eslink reject报错 Expected the Promise rejection reason to be an Error
我是这样写的reject('getInfo: roles must be a non-null array !')解决:在promise的reject中需要传入的是一个Error对象. reject(new Error('getInfo: roles must be a non-null array !'))...
2019-01-07 15:19:48
1482
原创 muse ui 覆盖其样式
vue 单个页面对muse ui 某个组件样式修改,选中不到解决办法:1,设置自己的类名,然后修改2,写在公共样式里,对其进行覆盖
2019-01-04 10:44:25
532
原创 vue webpacket 打包后 backgroundImg 不显示问题
vue中使用的less 小图标 ,这样引用打包后是可以显示的,但是大图片同样这样引用就不会显示background:url('~@assets/images/mine/mine_bg.png') no-repeat;解决办法:build/utils.js中use: loaders,fallback: 'vue-style-loader',publicPath: '../.....
2019-01-04 10:41:05
462
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人