toast

记一次 vue 打包的问题

匿名 (未验证) 提交于 2019-12-03 00:19:01
事件的经过: 一开始采取了 vue 、axaio、vue-router 等不打包在一起的方式,,后来发现总项目并不大,就想把它们都打包在一起算了,,,然后问题出来了 1、连接进项目的 ,mint 的一些组件找不到 import {Toast,Indicator,Loadmore ,Picker} from 'mint-ui'; 在外接 vue 的时候却可以用,,打包在一起的时候就找不到了??? 原因不是很明白(找到答案再更新) 解决: Vue.prototype.$indicator = Indicator; Vue.prototype.$toast = Toast; 2、组件名称只能包含字母数字字符和连字符,并且必须以字母开头。 在外接 vue 的时候却可以用,,打包在一起的时候就报这种错。。见鬼了 [Vue warn]: Invalid component name: "我发布的". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter. Property or method "subStateClick" is not defined on the instance but referenced during render.

点击两次系统返回键实现退出应用

匿名 (未验证) 提交于 2019-12-03 00:14:01
//第一次点击与第二次点击的间隔时间 private long exitTime; @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0){ exit(); return true; } return super.onKeyDown(keyCode, event); } private void exit(){ if((System.currentTimeMillis() - exitTime) > 2000){ Toast.makeText(this, "再次点击退出应用", Toast.LENGTH_SHORT).show(); exitTime = System.currentTimeMillis(); }else{ finish(); System.exit(0); } } 1 //定义一个判断是否要退出的变量 2 private boolean isExit = false; 3 4 Handler handler = new Handler(){ 5 @Override 6 public void handleMessage(@NonNull Message

react高级特性

匿名 (未验证) 提交于 2019-12-03 00:13:02
Context Fragments Portals forwardRef 用了那么久的react, 竟不知道到原来react有那么多高级特性. 假期没事干, 试用了下一些react高级特性. 下为试用记录. 将一个庞大的单页应用打包成一个庞大的js, 首屏加载可能会非常糟糕, 这时可能会考虑做代码分割, 即根据模块或者路由分开打包js, 异步按需加载组件. 借助 webpack 和一些异步组件库(比如 react-loadable , 也可以自己实现异步组件)就能很方便的实现这一点. 比如像下面这样: // router.js import React from 'react'; import Loadable from 'react-loadable'; const Loading = () => <div>Loading...</div>; ///////////////页面路由配置//////////////// const Routers = { // 首页 '/': Loadable({ loader: () => import(/* webpackChunkName: "index" */'./pages/Index.jsx'), loading: Loading, }), // 首页 '/index': Loadable({ loader: () => import(

实现基于React的全局提示组件Toast

匿名 (未验证) 提交于 2019-12-03 00:11:01
ǰϷ API 风格参考 Ant Design 的 Message 全局提示 正文 需求分析 Toast 不需要同页面一起被渲染,而是根据需要被随时调用。 Toast 是一个轻量级的提示组件,它的提示不会打断用户操作,并且会在提示的一段时间后自动关闭。 Toast 需要提供几种不同的消息类型以适应不同的使用场景。 Toast 的方法必须足够简洁,以避免不必要的代码冗余。 最终效果: 点此预览 调用示例 Toast.info( '普通提示' ) Toast.success( '成功提示' , 3000 ) Toast.warning( '警告提示' , 1000 ) Toast.error( '错误提示' , 2000 , () => { Toast.info( '哈哈' ) }) const hideLoading = Toast.loading( '加载中...' , 0 , () => { Toast.success( '加载完成' ) }) setTimeout(hideLoading, 2000 ) 组件实现 Toast 组件可以被分为三个部分,分别为: notice.js:Notice。无状态组件,只负责根据父组件传递的参数渲染为对应提示信息的组件,也就是用户最终看到的提示框。 notification.js:Notification。Notice 组件的容器

vue+hbuilder 打包成移动app

匿名 (未验证) 提交于 2019-12-02 23:55:01
查看了很多网上写的改来改去都在手机上运行不起来,运行起来又是白屏;最后放弃,自己结合文档搞吧! 1. 项目目录下的 config 文件夹里的 index.js 文件中,将 build 对象下的 assetsPublicPath 中的 “/” ,改为 注释: config 文件夹里的 npm run build 2. 在新建一个独立文件夹的项目 ,选择 H5+app 上图中添加位置的代码 "statusbar": { //应用可视区域到系统状态栏下透明显示效果 "immersed": true }, <script> //// 在这里调用5+ API var first = null; plus.key.addEventListener('backbutton', function() { //监听返回键 //首次按键,提示‘再按一次退出应用’ if (!first) { first = new Date().getTime(); //获取第一次点击的时间戳 // console.log('再按一次退出应用');//用自定义toast提示最好 // toast('双击返回键退出应用'); //调用自己写的吐丝提示 函数 plus.nativeUI.toast("双击退出", {duration:'short'}); //通过H5+ API 调用Android 上的toast 提示框

Display local toast notification

这一生的挚爱 提交于 2019-12-02 23:44:59
I want to develop a universal app for Windows Phone 8.1 which contains a local “Notification”. What I want to do is to show all messages to the user (error, information, warnings) in a kink of toast control. Everything is done locally without going through the standard notification system. There are several system that work on Windows Phone 8: TOASTINET ( http://www.nuget.org/packages/ToastinetWP/ ) CONDING4FUN toast prompt ( https://coding4fun.codeplex.com/wikipage?title=Toast%20Prompt&referringTitle=Documentation But it's not possible to include those libraries on windows phone 8.1 project.

安卓菜鸟

匿名 (未验证) 提交于 2019-12-02 23:40:02
NavigationView 效果图 布局文件 // An highlighted block < ? xml version = "1.0" encoding = "utf-8" ? > < LinearLayout xmlns : android = "http://schemas.android.com/apk/res/android" xmlns : app = "http://schemas.android.com/apk/res-auto" xmlns : tools = "http://schemas.android.com/tools" android : layout_width = "match_parent" android : layout_height = "match_parent" tools : context = "bw.com.day3.Main3Activity" android : orientation = "vertical" > < android . support . v7 . widget . Toolbar android : id = "@+id/tb" android : layout_width = "match_parent" android : layout_height = "80dp" android :

Flutter֮Toast

匿名 (未验证) 提交于 2019-12-02 23:36:01
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xueshao110/article/details/90727112 pubspec.yaml dependencies dependencies: toast: ^0.1.3 lib/main.dart import 'package:toast/toast.dart'; Toast.show() // 参数1:提示消息 // 参数2:提示消息多久后自动隐藏 // 参数3:位置 Toast.show("鉴权失败!", context, duration: Toast.LENGTH_LONG, gravity: Toast.CENTER); 文章来源: https://blog.csdn.net/xueshao110/article/details/90727112

Toast快速点击会不显示

匿名 (未验证) 提交于 2019-12-02 23:34:01
在Android系统7.0及以上机型,快速点击显示toast,发现前面的toast覆盖显示,后面的几个Toast就不再显示。 其处理方法是在每次toast的时候,如果tosat isShowing,就调用cancle方法把之前的close /** * Close the view if it's showing, or don't show it if it isn't showing yet. * You do not normally have to call this. Normally view will disappear on its own * after the appropriate duration. */ public void cancel() { mTN.cancel(); } 这里按照此方法封装一下就可以解决了 private Toast mShowingToast; // 主线程的Handler对象 private Handler mHandler = new Handler(Looper.getMainLooper()); public Toast showToastText(CharSequence text) { if (!canToast) { return null; } if (TextUtils.isEmpty(text)) {

自定义Toast工具类

匿名 (未验证) 提交于 2019-12-02 23:26:52
自己封装的Toast,在子线程中可以显示,现在Toast正在被Snackbar逐步替代,使用Toast的人越来越少,但在开发过程或调试过程中,Toast的用处还是挺大的。自己封装,便于查找和记录,不喜勿喷~~~~ 原理是创建拥有主线程Looper的Handler,在该Handler中进行显示Toast的操作,这样在子线程中也可以进行显示Toast,代码如下: public class ToastUtils { private static Toast toast; private static Handler handler = new Handler(Looper.getMainLooper()); private ToastUtils() {} public static void showShortToast(final String msg) { handler.post(()-> showToast(msg,Toast.LENGTH_SHORT)); } public static void showLongToast(String msg) { handler.post(()-> showToast(msg,Toast.LENGTH_LONG)); } private static void showToast(CharSequence text, int