第七期:前端九条启发分享

一、 ts数组类型推导莫名被干扰

事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 "json对象", 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:
下面代码不会报错, 可以正常运行

export interface Dog {
  name: string;
  age?: 1 | 2 | 3;
}

export const a = (): Dog => ({
  name: "金毛",
});

export const b = () => ({
  name: "比熊",
  age: 2,
});

export const c = () => ({
  name: "拉布拉多",
});

const cc: Dog[] = [a(), b(), c()];

但是奇怪的是, 下面这段代码就会报错

export interface Dog {
  name: string;
  age?: 1 | 2 | 3;
}

export const a = (): Dog => ({
  name: "金毛",
});

export const b = () => ({
  name: "比熊",
  age: 2,
});

export const c = (): Dog => ({
  name: "拉布拉多",
});

const cc: Dog[] = [a(), b(), c()];

我只是为第三个方法指定了返回值, 第二个方法居然报错了, 我不为第三个方法指定返回值反而第三个方法不会报错, 接下来还有奇怪的现象, 但我为第三个方法指定为返回any类型的时候, 居然第二个方法也不报错了:

经过研究发现, 当数组内某个值被指定为any的时候, 数组类型会变成any[], 所以才有了c()被指定为返回any不报错。

当a与c两个方法都被指定为Dog类型时, ts发现b方法的返回值并不一定符合Dog的推演, 因为Dog类型里面的age只能含有1|2|3所以报错, 但是如果你完全不给a b c指定返回值类型也不会报错, ts会自动推导出2在范围内, 真神奇!

二、如何设计 undefined | bl 这种结构的组件

举个例子假设tip提示框组件, 他有一个是否显示的参数showTip为布尔值, 当这个值为true的时候就算用户没有用鼠标悬停这个弹框也会出现, 为false就是怎么也无法让它显示。

当前有一个需求要求进入页面后这个框主动弹出停留3s后消失, 那其实我们很容易就想到将showTip赋予为true3秒然后变为undefined即可, 因为只存在两种情况, 要么true要么undefined, 就好比如下的代码编写方式:

const obj = {};

if(isFirstOpenPage){
    obj.showTip = true;
}

return

但是当我使用某个组件库的时候出现了只要定义过showTip属性就无法置为undefined的情况, 导致我弹出tip之后就无法恢复到让用户去控制显隐了。

这其实就是代码设计时候要考虑的问题了, 当我们设计一个值为布尔的属性时, 应该同时也考虑到undefined也可能是一种传值情况。

三、 react如何刷新组件自身

我遇到的情况是, 有a, b, c三个组件, 这三个组件分别对应三种不同的特殊情况, 每个情况都有可能出现, 但这三个组件同一时间只能出现一个, 比如当前出现了a组件, 用户点击了关闭才会出现b组件, 这就导致每次当用户点击关闭时我要判断是否另外两个组件需要被渲染出来。

问题点就在于比如移除a组件, 组件库的做法是直接把a的dom结构移除了, 导致react监控不到。

  const [_, forceUpdate] = useReducer(x => x + 1, 0);

  if (showA) {
    return ;
  } else if (showB) {
    return ;
  } else if (showC) {
    return ;
  } else {
    return null;
  }

每个组件里面

onClose={() => { if (forceUpdate) { forceUpdate(); } }}

上述方法的关键就是useReducer的变化可以引起组件的重新渲染。

四、为字符串插入jsx元素

事情是这样的, 比如当前我们有个i18n文案是highest price {max} - lowest price {min}, 现有方法可以通过传入两个字符串替换掉{max}与{min}, 但是只能用字符串替换, 无法插入dom结构, 比如我想用蓝色的字来替换。

假设intl方法可以把字符串里面的{max}替换掉, 我们对intl进行扩充变成intlPlus, 下面是平时使用的方式。

intl.format( "highest price {max} - lowest price {min}" [ "99", "33" ] )

intlPlus 的编写

import intl from './intl'; const pix = '-------------'; export default function intlPlus(i18n: string, arg: any[]) { const len = arg.length; const box = Array(len).fill(pix); const text = intl.format(i18n, box); const textArr = text.split(pix); const res: any[] = []; for (let i = 0; i < textArr.length; i++) { res.push(textArr[i]); if (arg[i] !== undefined) { res.push(arg[i]); } } return res; }

上面的原理就是使用'-------------';作为站位符号, 然后再按顺序对占位符号进行切割, 然后按一个文案一个插值的形式循环插入, 并以数组的形式输出出去, 使用方法如下:

intl.format( "highest price {max} - lowest price {min}" [ "99", 33 ] )

五、如何防止测试环境地址泄露

比如我们平时 测试环境的地址不要让外界看到, 比如如下的代码就是会泄露测试域名的代码:

const pathObj = { prod: 'www.xxxxxx.com', dev: 'www.xxxxxxx-dev.com', test: 'www.xxxxxx-test.com' } // .... if(location.host === 'localhost:3000'){ window.open(pathObj.dev) }

插件 webpack.DefinePlugin闪亮登场✨, 这个插件可以让我们设置一些"全局"(带引号的)的变量, 这些变量可以在正式 打包之前使用:

plugins: [ new webpack.DefinePlugin({ isDev: process.env.NODE_ENV === "production" ? JSON.stringify("false") : JSON.stringify("true") }), ]

上面很奇怪的使用了JSON.stringify, 因为只有这样webpack才能把它当做字符串来处理, 否则会被当做语句来处理, 接下来我们举个使用时的例子:

我们观察打包文件:

观察可知'oooooooo'已经不存在于打包文件里面了。

它的原理就是在全局进行替换, 比如上面的代码:

// 打包前: if (isDev) { console.log("tttttttttt"); } else { console.log("ooooooooooo"); } // 打包时: if (false) { console.log("tttttttttt"); } else { console.log("ooooooooooo"); }

很明显了, tree-shaking不会放过这种代码, 所以下面的'ooooooo'逻辑就会被删掉。

这个插件有点难理解的点就是, 它并不是运行时执行的, 而是tree-shaking前进行了一次全局的替换。

之所以它可以直接写在全局isDev, 但是不可以写window.isDev就是因为它并没有挂载在widnow对象上, 这类变量并不会在用户端运行。

六、写成{}导出后i18n翻译不实时生效

有很多需要实时变化的配置最好不要设计为json的形式, 比如项目里的翻译, 当用户切换语言英语为中文的时候, 发现某些地方翻译没有变化依然还是英语, 这些地方的特征就是全是导出的json类似下面这种:

export UserName = { title: {i18n(USER_NAME_TITLE)} }

使用方式

import {UserName} from './userName' // ... 上述写法的表格表头并不会随着语言的切换而改变文案。七、 item2的分割很好用命令行工具可以很大的缓解我们多项目启动的问题, 如果你是在vscode提供的shell上启动多个项目, 就会感觉到来回切换有点吃力了, 更糟的情况是你同时开发两个以上微前端项目, 所以这个item2必须好好安利一下, 因为这个实在是太好用了, 还没这样玩的朋友可以快快玩起来: 每次点击都会增加一个小窗口, 让我们看看把控制台分成'6份': 为了防止混乱, 我们可以为每个窗口命名: 设置过程如下: 还可以设置自己喜欢的背景图案: 设置过程如下: 八、 tip提示离奇被隐藏我在做的一个弹出框里面有个table表格, 这个table其中一列的表头默认是弹出状态, 但是遇到的bug是这个弹出状态某些时候会一闪而过, 重新变回未弹出的状态, 看过组件库的源码之后确定不是组件本身的问题。经过多次测试发现, 这个bug与点击弹出弹框的按钮的位置有关, 这才让我想明白bug的原因, 因为这个弹出框有一个弹出动画, 从左边由小变大的出现, 这个变大的过程中实际已经预渲染了这个弹框里面的组件, 导致弹框出现的过程中会经过鼠标, 这就导致组件认为用户悬停过, 导致tip隐藏... 解决方式是将这个弹框出现时的300毫秒的鼠标事件禁止掉。九、借助 Whistle 设置线上域名开发本地代码, 防止被csrf防御由于server端经常会加一些安全策略, 比如只能某个referer的网站才能调用api, 其他网址过来的都会报403, 这个时候我们前端可怜的http://localhost:3000就遭殃了, 每次都要与相关人员沟通本地调试的问题。索性我们直接使用测试环境的域名进行开发就得了, 不使用http://localhost:(类似于windows修改本地的host文件)总算行了吧... 第一步: 安装Whistle npm install -g whistle w2 start -p 8899 // 启动服务直接打开域名即可看到操作界面: http://localhost:8899 第二步: 安装proxy 由于我们需要把浏览器的请求全部代理到Whistle, 所以需要用到proxy这个谷歌插件, 搜索 : Proxy SwitchyOmega 这一步是代理浏览器的请求到这个地址第三步: 配置Whistle 前面的是被代理的地址, 空格后面是目标地址当前有这样一个页面代理之后第六步: Whistle配置秘钥证书由于Whistle要帮助我们处理所有的请求, 这其中也必然会有https请求, 所以一定要导入Whistle的证书: 大功告成, 开开心心的使用测试环境域名进行本地开发吧。 end 这次就是这样, 希望与你一起进步。你可能感兴趣的:(第七期:前端九条启发分享) 2020-01-25 晴岚85 郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什《投行人生》读书笔记小蘑菇的树洞《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好 Long类型前后端数据不一致 igotyback 前端响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问扫地机类清洁产品之直流无刷电机控制悟空胆好小清洁服务机器人单片机人工智能扫地机类清洁产品之直流无刷电机控制1.1前言扫地机产品有很多的电机控制，滚刷电机1个，边刷电机1-2个，清水泵电机，风机一个，部分中高端产品支持抹布功能，也就是存在抹布盘电机，还有追觅科沃斯石头等边刷抬升电机，滚刷抬升电机等的，这些电机有直流有刷电机，直接无刷电机，步进电机，电磁阀，挪动泵等不同类型。电机的原理，驱动控制方式也不行。接下来一段时间的几个文章会作个专题分析分享。直流有刷电机会自动持续绘本讲师训练营【24期】8/21阅读原创《独生小孩》 1784e22615e0 24016-孟娟《独生小孩》图片发自App今天我想分享一个蛮特别的绘本，讲的是一个特殊的群体，我也是属于这个群体，80后的独生小孩。这是一本中国绘本，作者郭婧，也是一个80厚。全书一百多页，均为铅笔绘制，虽然为黑白色调，但并不显得沉闷。全书没有文字，犹如“默片”，但并不影响读者对该作品的理解，反而显得神秘，梦幻，給读者留下想象的空间。作者在前蝴蝶页这样写到：“我更希望父母和孩子一起分享这本书，使他抖音乐买买怎么加入赚钱?赚钱方法是什么测评君高省你会在抖音买东西吗?如果会，那么一定要免费注册一个乐买买，抖音直播间，橱窗，小视频里的小黄车买东西都可以返佣金!省下来都是自己的，分享还可以赚钱乐买买是好省旗下的抖音返佣平台，乐买买分析社交电商的价值，乐买买属于今年难得的副业项目风口机会，2019年错过做好省的搞钱的黄金时期，那么2022年千万别再错过乐买买至于我为何转到高省呢？当然是高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自本周第二次约练 2cfbdfe28a51 中原焦点团队中24初26刘霞2021.12.3约练161次，分享第368天当事人虽然是带着问题来的，但是咨询过程中发现，她是经过自己不断地调整和努力才走到现在的，看到当事人的不容易，找到例外，发现资源，力量感也就随之而来。增强画面感，或者说重温，会给当事人带来更深刻的感受。网易严选官方旗舰店，优质商品，卓越服务高省_飞智666600 网易严选官方旗舰店是网易旗下的一家电商平台，以提供优质商品和卓越服务而闻名。作为一名SEO优化师，我将为您详细介绍网易严选官方旗舰店，并重点强调其特点和优势。大家好！我是高省APP最大团队&联合创始人飞智导师。相较于其他返利app，高省APP的佣金更高，模式更好，最重要的是，终端用户不会流失！高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几相信相信的力量孙丽_cdb3 孙丽中级十期坚持分享第345天有一个特别有哲理的故事：有一只老鹰下了蛋，这个蛋，不知怎的就滚到了鸡窝里去了，鸡也下了一窝蛋，然后鸡妈妈把这些蛋全都浮出来了，孵出来之后等小鸡长大一点了，就觉得鹰蛋孵出来的那只小鹰怪模怪样，这些小鸡都嘲笑它，真难看，真笨，丑死了，那只小鹰觉得自己真是谁也不像，真是不好看，后来鸡妈妈也不喜欢他，我怎么生出你这样的孩子来了？真烦人，后来这群小鸡和小鹰一起生活，有一天，老鹰直返最高等级与直返APP：无需邀请码的返利新体验古楼随着互联网的普及和电商的兴起，直返模式逐渐成为一种流行的商业模式。在这种模式下，消费者通过购买产品或服务，获得一定的返利，并可以分享给更多的人。其中，直返最高等级和直返APP是直返模式中的重要概念和工具。本文将详细介绍直返最高等级的概念、直返APP的使用以及与邀请码的关系。【高省】APP（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，运行三年，稳定可靠。高省APP，《人世间》南询yi 今日分享十点推文，《人世间》有感苏格拉底说：“天地只有三尺，而人在五尺开外，所以人人都要懂得低头。”深以为然。懂得低头，不是认输。而是于人世间找寻温存的成熟，于困境中寻觅柳暗花明的智慧，于争执中展示屈伸自如的格局。正如仰头不是骄傲，是要看见自己的天空；低头也不是认输，而是要看清自己的路。成大事者，不仅要抬头挺胸，还得低头看路。懂得低头，进退有度，不是认输，而是竭尽全力过好这一生。宫崎骏说过：“所有 DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业 ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程 2020-04-12每天三百字之连接与替代冷眼看潮不知道是不是好为人师，有时候还真想和别人分享一下我对某些现象的看法或者解释。人类社会不断发展进步的过程，就是不断连接与替代的过程。人类发现了火并应用火以后，告别了茹毛饮血的野兽般的原始生活（火烧、烹饪替代了生食）人类用石器代替了完全手工，工具的使用使人类进步一大步。类似这样的替代还有很多，随着科技的发展，有更多的原始的事物被替代，代之以更高效、更先进的技术。在近现代，汽车替代了马车，高速公路和铁路【加密社】Solidity 中的事件机制及其应用加密社闲侃区块链智能合约区块链加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景 ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端 Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线 python八股文面试题分享及解析(1) Shawn________ python #1.'''a=1b=2不用中间变量交换a和b'''#1.a=1b=2a,b=b,aprint(a)print(b)结果：21#2.ll=[]foriinrange(3):ll.append({'num':i})print(11)结果:#[{'num':0},{'num':1},{'num':2}]#3.kk=[]a={'num':0}foriinrange(3):#0,12#可变类型，不仅仅改变 Kafka 消息丢失如何处理？架构文摘JGWZ 学习今天给大家分享一个在面试中经常遇到的问题：Kafka消息丢失该如何处理？这个问题啊，看似简单，其实里面藏着很多“套路”。来，咱们先讲一个面试的“真实”案例。面试官问：“Kafka消息丢失如何处理？”小明一听，反问：“你是怎么发现消息丢失了？”面试官顿时一愣，沉默了片刻后，可能有点不耐烦，说道：“这个你不用管，反正现在发现消息丢失了，你就说如何处理。”小明一头雾水：“问题是都不知道怎么丢的，处理起来 2022现在哪个打车软件比较好用又便宜实惠的打车软件合集高省APP珊珊这是一个信息高速传播的社会。信息可以通过手机，微信，自媒体，抖音等方式进行传播。但同时这也是一个交通四通发达的社会。高省APP，是2022年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。珊珊导师，高省邀请码777777，注册送2皇冠会员，送万元推广大礼包，教你如何1年做到百万团队。高走向以教育叙事为载体的教育叙事研究 666小飞鱼今天我读了吴松超老师的《给教师的68条建写作建议》中的第23条《如何通过教育叙事走向研究》，吴老师在文中与我们分享了一个德育案例，这是一个反面的案例，意在告知我们在处理问题时，不能就考虑的点太窄，思考要全面。走向教育叙事研究，教师要有敏锐的“感知力”，这个感知力来自于背后专业知识的支撑，思维能力以及广阔的视野和见识等。所以对于同一件事处理方法不同，这个就是教师背后“敏锐力”的不同造成的，也就是说是自我意识徐立华 ----读帕克.帕尔默《教学勇气》（P18----19）5.铸造我们的学科帕克.帕尔默说学科知识对我们的自身认同和外部世界有启发意义。学科会铸造我们。“在我们与学科的命题概念和学科的生活框架相遇之前，自我意识知识处于潜伏状态，通过回想学科是怎样唤醒自我意识，我们就可以找回教学心灵。”《教学勇气》（P18）我们的自我意识像冰山表面下无限延伸的冰层，常常处于潜伏状态。但是在我们对所教授的学科进行深入思对于写作者最重要的两点：热情和分享鱼和熊掌兼得【热情】在开头，塔奇曼提到光有热情是不够的。但是，要想长期的坚持写作，没有热情是不行的。很多人都说，这是一个对写作者很优待的时代，也有很多人前仆后继的写作。在写作这条路上的人，始终很多，一些人来了，一些人走了，但是能坚持下来的却只有那么几个。不知道什么时候开始，写作变现这个词火了起来。不管是谁，都想来分一杯羹。可是写作变现真的没有这么容易，鱼哥说过，写作的人千千万万，能变现的也不过是其中的千分之一福袋生活邀请码在哪里填写，福袋生活app邀请码使用教程小小编007 很多人下载福袋生活后，注册使用时需要填写邀请码。因为福袋生活是注册邀请制，所以首次使用填写邀请码才可以正常登录使用。福袋生活是广州市福袋生活信息科技有限公司旗下一家多元化社交电商导购平台，以APP为载体，社群为媒介，汇集衣食住行、吃喝玩乐生活服务板块，使用福袋生活可以领到淘宝，拼多多等电商平台的商品优惠券和返利，还可以兼职去分享赚钱。我为什么从福袋生活转到果冻宝盒呢？当然是因为福袋生活返利更高，注王东伟，中原焦点秦皇岛站第五期，每日分享第181天 Vivian_c8c7 《解码青春期》让孩子懂得承担责任，学会道歉。英国诗人亚历山大•蒲柏有句名言：凡人难免犯错宽恕方显神性。学会如何请求对方宽恕对于保持健康的关系至关重要。当青少年把事情搞砸的时候，他们需要从关心他们的成年人那里获得帮助。家长的目标是要培养一个能为自己的行为承担责任的青少年，培养一个敢于诚恳的承认错误，愿意真心悔改的青少年。青少年只关注自己如何委屈，而且会竭尽全力为自己的行为辩解。所以，家长得小心地拆除在Ubuntu中编译含有JSON的文件出现报错芝麻糊76 Linuxkill_buglinuxubuntujson 在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\" 第二期心理咨询师培训第1组分享第八天张云511 学会与问题共存—事情不会只有一个面读完本节，印象最深的点就是“扩大白色而非消灭黑色”。其实在班级管理中也是一样，我们暂时不要着急去消灭问题，而是注意学生哪些方面很不错，值得我们去扩大，我们要发现学生的资源与潜力，从正向的意义出发，发挥滴水穿石的力量，让一个个小改变汇集出巨大的改变！调整看事情的角度，不把生活问题扩大，是我们学习“与问题共存”的重要一步。换个角度看问题，会改变自己，也会感动别人！这样 OPENAIGC开发者大赛企业组AI黑马奖 | AIGC数智传媒解决方案 RPA中国人工智能AIGC传媒在第二届拯救者杯OPENAIGC开发者大赛中，涌现出一批技术突出、创意卓越的作品。为了让这些优秀项目被更多人看到，我们特意开设了优秀作品报道专栏，旨在展示其独特之处和开发者的精彩故事。无论您是技术专家还是爱好者，希望能带给您不一样的知识和启发。让我们一起探索AIGC的无限可能，见证科技与创意的完美融合！创未来AI应用赛-企业组AI黑马奖作品名称：AIGC数智传媒解决方案参赛团队：深圳市三象智能技术渝婧感恩日记第68天梁渝婧lydia 1.哇！我真是太幸福啦！感恩奇迹感恩训练营毕业典礼，让我能共振到同学们的喜悦和能量，感谢！感谢！感谢！2.哇！我真是太幸福啦！感恩每天早起，运动3公里！这个星期又做到连续三天，不间断！感谢亲爱的渝婧！你真的是非常的棒！加油，继续坚持！感谢！感谢！感谢！3.哇！我真是太幸福啦！感恩曾正波班主任给我们分享的艾宾浩斯的记忆曲线255学习法，让我蠢蠢欲试，感谢！感谢！感谢！4.哇！我真是太幸福啦！感恩胜利不要偷走他人的声音天天_27d6 朱会利焦点讲师班五期洛阳坚持分享第634天《来访者才是主角》2018.08.02今天的中级班课堂上，老师再一次给我们强调了咨询目标的建立过程中，作为咨询师一定要明白，我们只是在协助来访者解决他自身的问题，所以一切以来访者为主，他想解决的问题才是咨询的目标。所以如果在谈话的过程中，出现了我们感觉不是我们想要的答案的时候，我们不是再极力去引导来访者按照我们的思路走，而是觉察自己的预设并且进行调整，谨言中原焦点团队网络初中级30期阴丽丽坚持分享第三百八十八次2022.10.18分享约练次数（74）咨询师（6）来访者（53）观察者（15）阴丽丽今天是忙碌的一天，一早起来，总想着找点把事情弄完，可总也弄不完。就这样弄着吧！孩子的事，自己的事都在那里搁置着，不想做，有点欧！今天总体还不错，只是在下午起床时走神了俩小时，也算是给自己的放松吧！今日难得1.儿子乖巧、听话，努力配合，一天下来也是忙忙碌碌，这真的很难得！2.儿子今天录的视频被班主任认可，这真的很难得3.我今天早上做核酸时，自己把教案整了一下，这真的很难得 java短路运算符和逻辑运算符的区别 3213213333332132 java基础 /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是 Java异常那些不得不说的事白糖_ javaexception 一、在finally块中做数据回收操作比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close(); utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP BOM——Byte Order Mark，就是字节序标记在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输字符"ZERO WIDTH NO-BREAK SPACE"。这样如 JAVA Annotation之定义篇周凡杨 java注解annotation入门注释 Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa tomcat的多域名、虚拟主机配置 g21121 tomcat 众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。很多朋友搜索的内容基本是告诉我们这么配置：在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps" Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano 1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio log4j的用法 Harry642 javalog4j 一、前言： log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中 mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave 定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页：　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页： Hessian 简单例子 antlove javaWebservicehessian hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543 数据库对象的同义词和序列百合不是茶 sql序列同义词ORACLE权限回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock 实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：负载均衡的好处增加可用资源增加吞吐量加快响应速度，降低延时出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l jquery-validation备忘白糖_ jquerycssF#Firebug 留点学习jquery validation总结的代码： function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误，默认:& solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问 solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。我们先看如何通过tomcat配置http授权限制。第一步：在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程 public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static 买房历程 cfyme 2015-06-21: 万科未来城，看房子 2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675 2015-06-27: 房子首付,签完合同 2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。首付，老婆找他的小姐妹接了5万，另外几个朋友借了1- [军事与科技]制造大型太空战舰的前奏 comsci 制造天气热了........空调和电扇要准备好.......... 最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界.......... 所以,我们不得不关 dateformat dai_lm DateFormat "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。以关联计算为例。假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？ &nbs 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii 当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog 本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。本博客列表涉及的文章内容支持定制化Google搜索，特别感谢 JeOam 提供并帮助更新。本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。 js去除空格，去除左右两端的空格蕃薯耀去除左右两端的空格js去掉所有空格js去除空格 js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g SpringMVC4零配置--web.xml hanqunfeng springmvc4 servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI 同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。故事1：巧借力，乌鸦也可以吃核桃有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是， JQuery EasyUI 验证扩展可怜的猫 jqueryeasyui验证最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。以下内容只需要在公用js中添加即可。使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile& 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408 1.前言. 如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream Jquery性能优化 r361251 JavaScriptjquery 一、注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的二、请使用一个var来定义变量如果你使用多个变量的话，请如下方式定义： . 代码如下: var page 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven 概览: 如何导入maven项目至eclipse中建立自有Maven Java类库服务器建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就把中国天气网省市级联页面 x125858805 级联 1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l 按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.