ykyexin-CSDN博客

原创 input密码不自动填充解决方法

input密码不自动填充解决方法

2022-07-12 14:35:29 1325 2

原创【react】react dynamically pass props to children

react中通过cloneElement方法给children动态添加props的一个小demoimport React, { Children, isValidElement, cloneElement } from 'react';const Child = ({ doSomething, value }) => ( <div onClick={() => doSomething(value)}>Click Me</div>);function P

2022-03-14 20:41:51 905

原创一个简单的邮件demo

前言：邮件中html可使用的标签有限，因为一些兼容性问题，布局只能使用table。可参考阮一峰老师的：HTML Email 编写指南以下只是一个简单的demo，便于学习记录。demo是基于从头开始构建一个 HTML Email 模板完成的。源码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition..

2020-12-09 09:48:27 337

原创 mac os 安装python3 报错Error: Permission denied @ dir_s_mkdir - /usr/local/Frameworks

mac os自带的python 版本是2.7，因需要升级至python3。过程如下：执行：brew install python3理论上执行这条命令可以安装成功，但，报了如下错误：![在这里插入图片描述](https://img-blog.csdnimg.cn/20200901140721298.png#pic_center)原因是/usr/local/Frameworks不存在，解决方法：sudo mkdir /usr/local/Frameworkssudo chown $..

2020-09-01 14:48:12 2098

原创【问题集】div滚动时，里面的ng-zorro date-picker控件面板脱离

【需求】页面数据过滤时有时间选项，以下拉框的形式给定几个常用值以及自定义选项，自定义时间选择使用的是ng-zorro date-picker控件；【问题】当承载的div 内容过长时，会出现滚动，而此时展开的时间面板会与标题位置脱离，不会随页面滚动重新定位；【解决办法】在出现滚动的div上增加cdk-scrollable。参考：https://github.com/angular/m...

2018-12-26 12:01:27 807

原创可观察对象在input中的使用

使用场景：根据input输入内容，实时查询api接口。思路流程：通常对于输入内容做以下一系列操作：1.监听input输入值；2.去除输入值两端空格键，判断是否满足最小输入长度；3.debounce.即不是在每次击键时发送api请求，而是等待击键的中断；4.输入值相同时不发送api请求；5如果更新后的结果无效，则取消正在进行的ajax请求；例子：...

2018-08-03 15:28:48 180

原创 angular innerHtml内容增加样式

问题：使用innerHtml属性赋值一段html片段时，片段中的样式css会被忽略。解决：可使用DomSanitizer将其转化一下。这里定义了一个pipe，具体如下：import { Pipe, PipeTransform } from "@angular/core";import { DomSanitizer } from '@angular/platform-browser';// h...

2018-05-30 13:51:38 5865 1

原创 angular动态隐藏和添加元素

需求：在指定大小的div内，展示标签，超出范围的标签需要隐藏，并以省略号代替。因每个标签的长度不定，所以可展示的最大标签数也不定。效果如下：问题：1.隐藏多余的标签；2.添加省略号；方案：1.判断当前标签是否超出范围，如果超出，通过ElementRef将其隐藏； 2.通过Renderer2渲染新创建的元素；可将这些逻辑封装到指令中，具体代码如下：<d...

2018-05-25 15:27:31 5333

原创 js一维数组转二维数组

使用场景举例：接口返回一个数组对象，展示时每行固定显示n个，则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。a.数组元素为基本类型： let baseArray = [1, 2, 3, 4, 5, 6, 7, 8]; len len = baseArray.length; let n = 4; //假设每行显示4个 let lineNum = len % ...

2018-05-24 13:47:27 33758 6

原创几款流行的angular组件库

material2https://github.com/angular/material2NGX Bootstrap https://github.com/valor-software/ngx-bootstrap 3. PrimeNG https://github.com/primefaces/primeng 4. NG Bootstrap ht...

2018-05-15 17:51:17 14737

原创【问题集】angular-cli from css to scss

这两天打算用最新的angular6来重构im，所以angular-cli也顺带升级到了6.0.1版本。创建新项目时顺手就用了以下这条命令：ng new project-name然后就发现项目默认的样式是css，而我想用的是scss。怎么办？当然我可以粗暴的删除项目，然后重新创建：ng new project-name --style=scss可是我不想删除，有没有其他办法呢？有！手动修改angul...

2018-05-15 15:31:22 588

原创【问题集】window.open使用被拦截问题

需求：在调取接口后，将响应内容在新的tab页展示。实现思路：在响应回调中通过window.open()方法，打开新的tab。问题：因为浏览器拦截导致新tab无法打开。方案： 1、在网上搜了主要解决方案：在点击事件中： a、创建a标签，并触发

2017-07-29 20:20:27 509

原创【问题集】Error Cannot read property 'globals' of null

问题：在路由跳转的onEnter事件中，用到了$state.go()方法，运行时报Error Cannot read property 'globals' of null错误。解决办法：为$state.go()方法增加一个延时，如下：accountDevEdit: {url: '/account/auth/edit',template: accountDev

2017-07-29 20:01:06 1113

原创 flex布局

前言： flex布局( flexible box 弹性布局)之前有了解，但一直未实际使用过。最近在写步骤条组件，尝试着使用了一下，发现真的挺方便的。参考文档主要是阮一峰老师的两篇文章： http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.

2017-07-28 17:59:24 354

原创 openfire获取所有在线登录人

编写插件用于获取openfire的在线登录人。插件结构：主要代码：package org.jivesoftware.openfire.plugin.servlet;import java.io.IOException;import java.io.PrintWriter;import java.util.Collection;

2015-01-14 09:46:43 1103

原创 getResponseBodyAsString()异常

在使用 getResponseBodyAsString()一直提示：Going to buffer response body of large or unknown size. Using getResponseBodyAsStream instead is recpublic byte[] getResponseBody()throws IOException{if (

2015-01-13 17:03:55 2528

转载 HttpClient基础知识

使用HttpClient的一般步骤：1：创建HTTPClient实例2：创建某种连接方法的实例，并且传入URL3：使用HTTPClint实例调用executeMethod，参数为某连接方法的实例4：接收该方法的返回的状态，并对该状态进行判断5：接收Response的返回值6：释放连接示例：GET1：创建实例Java代码 HTTPC

2015-01-13 17:01:52 559

转载 String数组转List，List转String数组

List 转换为 String数组List list = new ArrayList(); list.add("a1"); list.add("a2"); String[] toBeStored = list.toArray(new String[list.size()]); for(String s : toBeStored) { Syste

2015-01-13 16:56:27 331

转载 web.xml 中的<context-param>与<init-param>的区别与作用

的作用:web.xml的配置中配置作用1. 启动一个WEB项目的时候,容器(如:Tomcat)会去读它的配置文件web.xml.读两个节点: 和 2.紧接着,容器创建一个ServletContext(上下文),这个WEB项目所有部分都将共享这个上下文.3.容器将转化为键值对,并交给ServletContext.4.容器创建中的类实例,即创建监听.5.在监听

2015-01-09 17:05:24 304

转载 comet4j聊天例子

参考：http://yanyaner.com/blog/2014/02/17/comet-java/

2015-01-08 17:19:55 1151

转载关于判断openfire 服务器中用户的在线状态问题

虽然接触了openfire有段时间了，但还是没有深入去理解其原理，所以，遇到一些新问题就有点束手无策，今天又遇到一个，开始以为用户的在线状态会存数据库里面呢，没想到openfire没这么干，存在了session里面，找了很多资料，终于找到了方法，好像也还很简单的。废话不多说，进入正题：首先我们要确保openfire 服务器中安装了presence 插件，同时在openfire后

2014-12-11 16:36:58 1871

转载 jstl中list嵌套map, 取值

如何展示model本身是list，list下的每个值都是map。请参考如下： (1.1) JSP 代码11111 name: age: （请注意：里面使用了两次forEach,一次用来获取list中某个元素，一次用于获取Map中的entry） (1.2

2014-12-11 15:05:05 2099

转载 HttpClient使用get、post提交请求

package httpclient; import java.io.IOException; import java.net.URLEncoder; import org.apache.commons.httpclient.HttpClient; import org.apache.commons.httpclient.HttpMethod; import org.apache

2014-11-25 10:28:05 323

原创如何访问openfire插件

openfir

2014-11-24 09:23:32 694

原创 com4j消息推送

本例子参考: http://blog.csdn.net/majian_1987/article/details/8489738

2014-11-13 11:14:17 1078

转载 XMPP会议室设置MUC

房间名称 text-single muc#roomconfig_roomname描述 text-single muc#roomconfig_roomdesc允许占有者更改主题boolean muc#roomconfig_changesubject最大房间占有者人数list-single muc#roomconfig_maxusers其 Presence 是 Broa

2014-11-11 17:04:07 1371

转载 Android平台下基于XMPP的IM研究(二 MultiUserChat 聊天室)

http://blog.csdn.net/liuhongwei123888/article/details/6618408一直想写东西，但是上班不能在CSDN上写东西。下班回家又忙着学Iphone开发，唉，两个个字，忒忙。今天就写写Smack的聊天室功能吧。先上代码：[java] view plaincopyimport java.io.BufferedRe

2014-11-11 16:50:39 829

转载 Web 通信之长连接、长轮询（long polling）

轮询：客户端定时向服务器发送Ajax请求，服务器接到请求后马上返回响应信息并关闭连接。优点：后端程序编写比较容易。缺点：请求中有大半是无用，浪费带宽和服务器资源。实例：适于小型应用。长轮询：客户端向服务器发送Ajax请求，服务器接到请求后hold住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求。优点：在无消息的情况下不会频繁的请求。

2014-11-11 11:47:56 387

原创 jsp中插入html5的video标签

最近在做如何在页面中播放视频文件，html5中的video

2014-11-03 16:19:14 6538

原创根据下拉框的值来改变redio控件的值

问题：通过redio控件选择一种角色，每种

2014-10-28 21:55:45 373

原创点击radio控件后的文字，选中控件

.Radio按钮本身没有这个功能，只好在它后面放一个Lable控件，使用for指定Radio的id属性即可。男女

2014-10-28 17:11:36 436

原创 ffmpeg+mencoder 视频转码

项目需要实现上传视频和视频

2014-10-23 16:48:49 1082

转载 tomcat目录映射

需求：web服务器需要调用局域网内其他机器上的图片文件，用于让用户在浏览器中查看！实现方法：1）通过windows的“映射网络驱动器”功能将存储图片文件的机器映射到服务器上，假设映射后图片文件的路径为：z:/temp/1.gif2）将z:/temp设置成tomcat的虚拟目录，方法如下：打开tomcat_home/conf/server.xml文件，找到段，在其中添加下面

2014-10-23 16:46:15 337

原创通过button控制input控件上传文件

出于安全方面的考虑，通过JS修改input-file的value是无法正确上传文件的。只有当鼠标真正单击在上传控件的浏览按钮所添加的文件才可以上传。

2014-10-21 21:25:02 810

原创分享按钮

参考： http://www.jiathis.com/

2014-10-21 13:56:37 264

原创 Could not create the view: An unexpected exception was thrown. 电脑突然断电，myeclipse非正常关闭，出现错误

问题：电脑突然断电，myeclipse非正常关闭，“Package Explorer”非正常显示，出现错误“Could not create the view: An unexpected exception was thrown.”。但是项目中的文件可以通过命令查看。

2014-10-09 22:27:56 442

原创 XMPP相关

XMPP与HTTP的比较： HTTP客户端只能从服务器那里请求数据，除非服务器正在响应客户端请求，否则它不能向客户端发送数据；而XMPP 连接是双向的，只要该连接处于打开状态，任何一方在任何时候都可以向另一方发送数据，因此应用程序不必为获取更新而进行效率低下的轮询。 XMPP连接是对防火墙和NAT友好的，因为服务器到客户端通信所用的连接是由客户端发起的。 XM

2014-10-08 14:28:38 592

转载 Nginx安装

Nginx ("engine x") 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。在高连接并发的情况下，Nginx是Apache服务器不错的替代品。下载下载当前稳定版Nginx 1.2.1 |Nginx/windows 1.2.1 Nginx/Win32安装将nginx-1.2.1.zip解压到E:/

2014-09-22 15:26:00 296

转载使用 XMPP 构建一个基于 web 的通知工具

开始之前本教程将向您介绍实时 web，并详细介绍之所以要构建实时 web 应用程序的几个原因。您将学到一些技术，这些技术将帮助您创建响应及时、持续更新的 web 应用程序，这些应用程序既能保护服务器资源，又能提供良好的用户体验。关于本教程常用缩略词DOM: 文档对象模型HTML: 超文本标记语言HTTP: 超文本传输协议REST: 具象状态传输RSS: 真正简单聚合UR

2014-09-22 11:12:28 1076

转载基于openfire的webIM的实现机制想法

目前webIM的openfire的实现方式，基本上分成以下几种 smack+dwr,js端采用定时轮询的方式，从web服务器中将xml取回来. 通过flash技术，连接到openfire服务器。通过bosh技术直连到openfire服务器第一种方式：实现比较简单，技术门槛也比较低，网络上也有比较成熟方案。但缺点是对于web服务器的压力太大，客户端不能连接太多。第二种方式:f

2014-09-19 15:39:06 886

online源码

online.jar

空空如也