tip

本文首发于 vivo互联网技术 微信公众号 链接： https://mp.weixin.qq.com/s/UNzYgpnKzmW6bAapYxnXRQ 作者：孔垂亮 很多同学在学习 Promise 时，知其然却不知其所以然，对其中的用法理解不了。 本系列文章由浅入深逐步实现 Promise，并结合流程图、实例以及动画进行演示，达到深刻理解 Promise 用法的目的。 本系列文章有如下几个章节组成： 图解 Promise 实现原理（一）—— 基础实现 图解 Promise 实现原理（二）—— Promise 链式调用 图解 Promise 实现原理（三）—— Promise 原型方法实现 图解 Promise 实现原理（四）—— Promise 静态方法实现 本文适合对 Promise 的用法有所了解的人阅读，如果还不清楚，请自行查阅阮一峰老师的 《 ES6入门 之 Promise 对象 》。 Promise 规范有很多，如 Promise/A，Promise/B，Promise/D 以及 Promise/A 的升级版 Promise/A+，有兴趣的可以去了解下，最终 ES6 中采用了 Promise/A+ 规范。所以本文的Promise源码是按照 Promise/A+规范 来编写的（不想看英文版的移步 Promise/A+规范中文翻译 ）。 引子 为了让大家更容易理解

jsx import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { Balloon } from '@alifd/next'; import './css.scss'; export default class Tip extends Component { static displayName = 'Tip'; static propTypes = { force: PropTypes.bool, // 是否强制出冒泡提示 } constructor(props) { super(props); this.state = { need: false, }; this.title = this.props.title; // React.Children.count } getColContent() { return <div className={this.state.need ? 'ell-box has-ell' : 'ell-box'} ref={ele => this.myTip = ele}><ins>{this.props.children || this.props.title}</ins><span>{this.props.children ||

本博客是阅读<java time and space performance tips>这本小书后整理的读书笔记性质博客，增加了几个测试代码，代码可以在此下载： java时空间性能优化测试代码 ，文件StopWatch是一个秒表计时工具类，它的代码在文末。 1. 时间优化 1.1 标准代码优化 a. 将循环不变量的计算移出循环 我写了一个测试例子如下： import util.StopWatch; /** * 循环优化： * 除了本例中将循环不变量移出循环外，还有将忙循环放在外层 * @author jxqlovejava * */ public class LoopOptimization { public int size() { try { Thread.sleep(200); // 模拟耗时操作 } catch(InterruptedException ie) { } return 10; } public void slowLoop() { StopWatch sw = new StopWatch("slowLoop"); sw.start(); for(int i = 0; i < size(); i++); sw.end(); sw.printEclapseDetail(); } public void optimizeLoop() { StopWatch sw =

今天学了几个复制,移动..处理文件的函数,然后主要的目的是学会错误处理,了解winApi的错误返回值,还有就是vs的"错误查找"功能. 课程上面 https://www.bilibili.com/video/av79302998?p=59 中用了vs这样的错误检查的方式,有点意思.. 在课程的 https://www.bilibili.com/video/av79302998?p=60 有说明一下,但是两个视频的处理一个是代码上的,一个是vs上的. 工具-错误查找,输入错误值. 注意这个工具若没有的话,要在控制面板上面选择vs,然后安装c++的相关内容,不然只安装net是没有的.... 还有就是工具--导入和导出设置--重置所有设置--Visual C++,选择C++工程的环境!! 首先要知道winapi的错误是存 GetLastError() 的,然后视频上面调用了 @err 在监视里,搜了一下相关的信息,可以配合 $err,hr 来进行监控. 具体说明: https://blog.csdn.net/qq_16334327/article/details/81838300 这样就成功可以像视频教程一样监控错误的信息了.... 乱七八糟的学习代码: #if false //删除文件 bRet = DeleteFile(path); if (bRet) { MessageBox

项目到了后期，发现前端的提示信息不统一，解决思路如下： 1.回顾系统中tip出现的场景：表单验证提示信息、数据列表中随填随显 2.确定问题域：多条提示信息层叠、信息显示风格不统一 3.结论：找出一款合适的tip插件进行整合快速的响应项目的需要 google关键词：jquery tooltip，检索了好多tip插件，最终选择了Poshy Tip,理由如下： 1.多种不同的外观。 2.同时可以作为 Form Tooltips使用 3.可以自定义气泡出现的位置 先来一个直观的认识： Poshy Tip tooltip jquery 详细的参数说明如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 $.fn.poshytip.defaults = { // 提示内容默认为元素的标题，可以使指定的字符串、元素、回调函数、jquery对象 content: '[title]' , // 指定的tips class样式 className: 'tip

Poshy Tip是一款非常友好的信息提示工具，它基于jQuery，当鼠标滑向链接时，会出现一个信息提示条。信息的内容直接可以在HTML里设定也可以是从服务端调用的数据，该插件还提供了很多属性和方法。 Demo中提供了三种使用的例子，页面代码如下： <p>1、<a id="tip1" title="嗨。。这里有个工具提示条！" href="#">鼠标滑上这里看看</a></p> <br/> <p>2、用户名：<br/><input id="user" type="text" size="30" title="请输入用户名" /></p> <br/> <p>3、服务端调用:<br/> <a id="remote" href="#">鼠标滑向这里加载图片</a> </p> 当然，别忘了要加载jquery库和poshytip插件以及相关样式。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="src/jquery.poshytip.js"></script> <link rel="stylesheet" href="src/tip-yellow/tip-yellow.css" type="text/css" /> jQuery： 1、基本使用： $

Demo中提供了三种使用的例子，页面代码如下： <p>1、<a id="tip1" title="嗨。。这里有个工具提示条！" href="#">鼠标滑上这里看看</a></p> <br/> <p>2、用户名：<br/><input id="user" type="text" size="30" title="请输入用户名" /></p> <br/> <p>3、服务端调用:<br/> <a id="remote" href="#">鼠标滑向这里加载图片</a> </p> 当然，别忘了要加载jquery库和poshytip插件以及相关样式。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="src/jquery.poshytip.js"></script> <link rel="stylesheet" href="src/tip-yellow/tip-yellow.css" type="text/css" /> jQuery 1、基本使用： $("#tip1").poshytip(); 2、表单提示：当输入框获得焦点时，在右侧会出现提示工具条 $('#user').poshytip({ className: 'tip-yellowsimple'

序列应用——猜单词游戏 1.游戏介绍 猜单词游戏就是计筧机随机产生一个单词，打乱字母顺序，供玩家去猜测。此游戏采用控制字符界面， 2.程序设计步骤 1．在猜单词游戏程序中导入相关模块。 2．创建所有待猜测的单词序列元组WORDS。 3．显示游戏欢迎界面。 4．实现游戏的逻辑。 首先，从序列中随机挑出一个单词，如“easy”；然后打乱这个单词的字母顺序；接着，通过多次循环就可以产生新的乱序后的单词seys；最后，将乱序后的单词显示给玩家。 3．玩家输入猜测单词，程序判断对错。若玩家猜错，则可以继续猜。 参考代码 import random WORDS = ('python','easy','difficult','answer','continue','phone','desktop','boy') print( "欢迎参加猜单词游戏,请把字母组合成一个正确的单词") iscontinue="y" while iscontinue == "y" or iscontinue == "Y": word = random.choice(WORDS) correct = word jumble = "" while word: # Word不是空串时循环 position = random.randrange(len(word)) jumble += word[position] word

测试的项目分别为：1，猜单词 2，发牌游戏 3，猜数字游戏 4，图形版发牌程序 5，拼图游戏 以下为测试代码及其结果： 1：猜单词 代码如下： # Word Jumble 猜单词游戏 import random # 创建单词序列 WORDS = ('python','easy','difficult','answer','continue','jumble','phone','desktop', 'position','game','quick','find','apple','banana','orange','stream') print( """ 欢迎参加猜单词游戏 把字母组合成一个正确的单词， """ ) iscontinue="y" while iscontinue == "y" or iscontinue == "Y": # 从序列中随机挑选出一个单词 word = random.choice(WORDS) # 一个用于判断玩家是否参对的变量 correct = word # 创建乱序后的单词 jumble = "" while word: # Word不是空串时循环 # 根据word长度，产生word的随机位置 position = random.randrange(len(word)) # 将position位置字母组合到乱序后单词 jumble += word

2D游戏开发课程实验报告 本篇为验证性作业，代码为老师所给。 1.序列应用——猜单词游戏 功能介绍 猜单词游戏就是计筧机随机产生一个单词，打乱字母顺序，供玩家去猜测。此游戏采用控制字符界面。 代码： import random # 创建单词序列 WORDS = ("python", "jumble", "difficult", "answer", "continue", "phone", "position", "game") # start the game print(""" 猜单词游戏 把字母组合成一个正确的单词 """) iscontinue = "y" while iscontinue == "y" or iscontinue == "Y": # 从序列中随机挑一个单词 word = random.choice(WORDS) # 一个用于判断玩家是否猜对的变量 correct = word # 创建乱序后单词 jumble = "" while word: # word不是空串时循环 # 根据word长度，产生word的随机位置 position = random.randrange(len(word)) # 将position位置字母组合到乱序后单词 jumble += word[position] # 通过切片，将position位置字母从原单词中删除 word =