随笔分类 -  Frontend

上一页 1 2 3 下一页

[FE] FastAdmin 动态下拉组件 Selectpage 自定义 data-params
摘要:正常情况下,我们想获取列表只需要定义接口路径和要显示的字段名即可, 比如: <input id="c-package_ids" data-rule="required" data-field="package_name" data-source="package/index" data-params 阅读全文

posted @ 2021-04-11 23:40 ercom 阅读(3475) 评论(0) 推荐(0)

[FAQ] 前端 点击事件或链接 如何打开两个外部窗口
摘要:点击链接支持 blank,但无法打开多个,考虑使用绑定 click 事件的方式。 window.open 的采用需要有主动点击的情况,否则浏览器可能拦截。 如果是外部窗口,在点击时,优先使用 window.open 打开。 另一个可以选择降级为使用 window.location.href 的方式。 阅读全文

posted @ 2021-03-16 23:21 ercom 阅读(195) 评论(0) 推荐(0)

[FE] 被动检测 iframe 加载 src 成功失败的一种思路和方式 (Vue)
摘要:思路:设置定时器一个,n 秒后设置 404 或其它,此时给 iframe 的 onload 事件设置回调函数,加载完成则取消定时器。 示例: data () { return { handler: null } } created () { this.handler = setTimeout(() 阅读全文

posted @ 2021-02-16 20:01 ercom 阅读(1910) 评论(0) 推荐(0)

[FE] uViewUI u-navbar 曲线解决 uni onNavigationBarButtonTap 的限制与失效
摘要:uni 自带的 navigation bar 对于普通的导航需求是够用的,也允许 onNavigationBarButtonTap 加点击事件。 但是会出现异常Bug,表现为在内部页面一番操作后,再返回到主页,主页导航上的 onNavigationBarButtonTap 点击无效。 你也能在社区看 阅读全文

posted @ 2020-12-13 13:43 ercom 阅读(2439) 评论(0) 推荐(0)

[FAQ] uni-app 不支持 v-cloak 情况下如何处理 v-if 页面闪烁问题
摘要:在 Vue 中存在使用 v-if 决定元素显示隐藏的时候,会出现页面闪烁,那么当然 uni-app 中也存在了。 如果编译完后,需要满足 js 的某个条件才隐藏,页面元素必然会有闪烁的情况。 所以解决问题的方法是,默认让这个元素不显示(也就是不满足某个条件,使 v-if 默认为 false),只有当 阅读全文

posted @ 2020-10-31 23:02 ercom 阅读(2166) 评论(0) 推荐(0)

[FAQ] uni-app 运行微信小程序 main.wxss 报错 unexpected token "$"
摘要:检查一下你是否在 App.vue 中有手动操作引入过 uni.scss,比如下面的 import: <style lang="scss"> @import url("./uni.scss"); /* #ifdef MP-TOUTIAO */ @font-face { font-family: uni 阅读全文

posted @ 2020-10-26 21:11 ercom 阅读(3952) 评论(0) 推荐(0)

[FAQ] uni-app 导航路由切换时如何强制刷新页面?
摘要:使用 this.$forceUpdate() 强制刷新页面。 Refer:uni-app自定义导航 Link:https://www.cnblogs.com/farwish/p/13870801.html 阅读全文

posted @ 2020-10-24 19:51 ercom 阅读(1750) 评论(0) 推荐(0)

[FE] uni-app Card 卡片组件 uni-card 用法
摘要:使用 uni-card 和其它组件没有什么区别,关注支持的属性和事件即可。 对于属性,需要特别注意值的类型,比如不要把非字符串的当做字符串处理。 举例,如下 is-full 需要 Boolean 类型,但是我们使用了字符串。 <uni-card is-full="true" :is-shadow=" 阅读全文

posted @ 2020-10-22 22:04 ercom 阅读(3643) 评论(0) 推荐(0)

[FE] uni-app Grid 宫格组件 uni-grid 用法
摘要:文档上的描述是比较简陋的,不明所以。 核心就是两块内容,一个是 uni-grid 可以加 change 事件;另一个是 uni-grid-item 上面 index 属性值会作为 change 指定函数的参数一部分返回,格式是 {detail:{index:0}} 举例,局部代码如下: <uni-g 阅读全文

posted @ 2020-10-19 23:16 ercom 阅读(8280) 评论(0) 推荐(0)

[FAQ] uni-app 如何让页面不展示返回箭头图标
摘要:默认情况是,有历史上一页的 页面会在左上角展示返回图标。 比如登录页不想展示返回,在跳转进来时可以使用 uni.redirectTo({}),它能够关闭其它页面,这样当前页就不会有返回箭头了。 Refer:uni-app使用场景 Link:https://www.cnblogs.com/farwis 阅读全文

posted @ 2020-10-18 16:48 ercom 阅读(3399) 评论(0) 推荐(0)

[FE] uni-app 导航栏开发指南
摘要:一种是 原生导航栏添加自定义按钮。简单明了。 pages.json 配置 { "path": "pages/log/log", "style": { "navigationBarTitleText": "hello", "app-plus": { "titleNView": { "buttons": 阅读全文

posted @ 2020-10-14 01:28 ercom 阅读(144) 评论(0) 推荐(0)

[FE] yarn, npm 切换镜像源
摘要:yarn 设置命令如下,会修改 ~/.yarnrc 内容。 $ yarn config set registry https://registry.yarnpkg.com npm 设置命令如下,会修改 ~/.npmrc 内容。 $ npm config set registry https://re 阅读全文

posted @ 2020-10-11 22:43 ercom 阅读(158) 评论(0) 推荐(0)

[FAQ] 设置 npm 镜像源
摘要:查看 npm 源: $ npm config get registry> http://registry.npmjs.org/ 修改 npm 源: $ npm config set registry https://registry.npm.taobao.org Link:https://www.c 阅读全文

posted @ 2020-09-03 00:11 ercom 阅读(220) 评论(0) 推荐(0)

[FAQ] wechaty 与 wechaty-puppet-padplus 生态安全吗
摘要:答案是肯定有风险。 非技术角度讲,使用这种方式登录微信存在被微信官方风控的可能性,需要特别注意。 另外,以下是 wechaty 项目说明文件中截取的内容: 我们可以看到,除了微信官方方面的风险,我们的数据会经过第三方服务机构,而且并未承诺绝不访问用户数据。 而是说保持最大程度的自律,自律这种说法我不 阅读全文

posted @ 2020-06-30 15:41 ercom 阅读(1759) 评论(3) 推荐(0)

[FAQ] Vue iframe 的 src 是链接地址却加载了相对路径 ?
摘要:iframe 的 src 是链接, 但是加载的实际链接是相对路径,只有一种可能:链接地址不正确。 检查链接有没有少符号,常见错误:http//,http:/ Refer:Vue的iframe错误 Link:https://www.cnblogs.com/farwish/p/13205777.html 阅读全文

posted @ 2020-06-29 00:13 ercom 阅读(1407) 评论(0) 推荐(0)

[FAQ] dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.64.dylib
摘要:通过 ls -al /usr/local/opt 可以看到 icu4c 链接的不是 libicui18n.64.dylib。 一般是 node 版本问题会出现该提示,通过观察版本大小,决定是升级还是使用旧版的库。 比如 Mac 升级 node 使用:brew upgrade node Refer:什 阅读全文

posted @ 2020-06-28 13:17 ercom 阅读(1217) 评论(0) 推荐(0)

[FE] ServerSideRender 加上 PWA 特性的一种处理方式
摘要:SSR 和 PWA 这两块分开讲,需要做不少的处理,现在我们有了一种简便的方式来处理它,就是使用 Quasar 框架。 Quasar 支持了 SPA、SSR、PWA、Mobile APP、Electron APP、Browser Extension 这些类型应用的开发,相当强大。 在 Quasar 阅读全文

posted @ 2020-06-16 15:15 ercom 阅读(41) 评论(0) 推荐(0)

[FE] WebStorm, ESLint: Trailing spaces not allowed
摘要:在 WebStorm 中搜索文件 .eslintrc.js 在里面的 rules 项中追加规则: 'no-trailing-spaces' : ['off', { 'skipBlankLines': true, 'ignoreComments': true, } ], http://eslint.o 阅读全文

posted @ 2020-06-11 07:25 ercom 阅读(631) 评论(0) 推荐(0)

[FE] JS 判断当前是否在微信浏览器中的最新代码
摘要:注意以下使用了 const 定义未改变的变量,没有使用 var。 function isWeChatBrowser () { const ua = window.navigator.userAgent.toLowerCase() const matchArr = ua.match(/MicroMes 阅读全文

posted @ 2020-06-10 10:45 ercom 阅读(300) 评论(0) 推荐(0)

[FE] Quasar 变通 loading 单纯使用遮罩效果的方法
摘要:Quasar 的 loading 组件是提供加载中的遮罩效果的。 如果你不想要 loading 的效果,只想保留遮罩效果,那么你可以通过 show() 方法的参数进行调整。 把 spinnerSize 设为 0 即可做到,如果想把提示信息设为图片样式,可通过 message 设置 html 标签。 阅读全文

posted @ 2020-06-10 10:39 ercom 阅读(501) 评论(0) 推荐(0)

上一页 1 2 3 下一页