- 【js】js随笔
kiraraLou
javascript前端jsjavascript
JS数组通过数组下标获取数组arr[0]数组长度arr.lengthfor…of循环(ES6)for(elementofiterable){console.log(element);}数组遍历原数据:res=[{id:1,name:‘西安’,address:‘西部’},{id:2,name:‘扬州’,address:‘南部’}]需求一:结果:res=[1,2]代码:varresult=[]res.
- js随笔
sunshineLWZL
validatePhonefunctionvalidatePhone(str){if(!str)returnfalsereturn/^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$/g.test(str)}createAsyncValidatefunctioncreateAsyncValidate(func
- Node.js随笔----CORS解决跨域问题
睡不着还睡不醒
node.js前端javascript
cors是Express的一个第三方中间件,通过安装和配置cors中间件,可以很方便地解决跨域问题使用步骤分为三步:①使用npminstallcors安装中间件②使用constcors=require('cors');导入中间件③在路由之前调用app.use(cors())配置中间件黑马程序员Node.jscors跨域实例:constexpress=require('express');const
- js随笔
Why自给自足
一、两种创建数组的方法1)常见的:vararr=[1,2,3];2)高逼格创建方法:vararr=newArray(3);arr[0]=1;arr[1]=2;arr[2]=3;console.log(arr);二、把数组转换成字符串vararr=[1,2,3];varstr=arr.join('+');//输出为1+2+3;三、怎样根据数组的长度与下标来找数组最后一位数值vari=['1','2'
- JS随笔
MasteRiver
JavaScript中数据类型numberstringbooleanundefinedobjectnull其中基本数据类型为number,stringBoolean,undefined,nullobject为复杂数据类型(广义的对象)算式运算NaN与任何数值运算都是NaN在实现number与number运算的情况下,和java等编译语言不同的地方是:java在int数据进行除法时,会将小数部分自动
- JS随笔(2)
WēnJùnKāng
javascript
1.递归vari=0;functionfn(){console.log(i++);if(i>10){return;}fn();}fn()2.阶乘functionfn(n){if(n==1){return1;}returnn*fn(n-1);}console.log(fn(3));console.log(fn(4));3.斐波那契数列functionfn(n){if(n==1||n==2){retu
- JS随笔(1)
WēnJùnKāng
javascript
1.JS分为三个部分组成,分别是ECMASCRIPT,BOM,DOMECMASCRIPT定义了javascript的语法规范,描述了语言的基本语法和数据类型BOM(BrowserObjectModel)即浏览器对象模型,通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等DOM(DocumentObjectModel)文档对象模型,一套操作页面元素的API,DOM可以把HTML
- js随笔02
叶夏星辰
1.日期的格式转换日期年月日加入"-"string.replace(/^(\d+?)(\d{2})(\d{2})$/,"$1-$2-$3")2.如何绑定一个函数到对象fn.apply(e,[])第二个参数是一个参数数组fn.call(e,arg1,arg2...)apply和call会立即执行fn.bind(e,arg1,arg2...)bind返回的是一个函数,不会立即执行,要执行需要fn.bi
- js随笔一
凡人在世
javascript
获取元素的方法:通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)获取html的方法(document.documentElement)documentElement属性以一个元素对象返回一个文档的文档元素。可以看到一个页面的结构获取body
- 原生js随笔
weixin_30578677
操作系统javascript
JavaScript是一种基于对象和事件驱动的客户端脚本语言组成:ECMAScript---------------标准语法Bom(browserObjectModel)Dom(document)-------浏览器提供的扩充API:applicationprogramminginterface应用程序接口js引入,内部和外部,最好都放到body里的标签前;外部:-----可维护性高,可缓存的;放
- Nodejs随笔(一):Hello World!
are27316
操作系统shell
声明:本人用的是Ubuntu14.04LTS系统。一、Nodejs安装:直接apt-get安装,最简单:sudoapt-getinstallnodejs编译安装sudoapt-getupdatesudoapt-getupgradesudoapt-getinstallbuild_essentialopenssllibssl-devpkg-configwgethttp://nodejs.org/dis
- Vue.js随笔二(新建路由+component+添加样式+变量的显示)
weixin_33804990
创建一个页面:1.首先让我们看一下整个vue.js的目录,如下图所示:2.现在让我们创建一个页面吧:2-1首先你需要新建路由(就和建立一个如何找到项目文件的目录一个意思):进入src/router/index.js修改即可1importVuefrom'vue'2importRouterfrom'vue-router'34//就拿下面这行作比方,下面这行就相当于引入Say这个component5im
- js随笔
覆手为云雨
js
1.varstr=‘sfdsffffffffdd’;判断每个字符出现的次数解析:先把遍历s字符串通过letter变量将字符串中不同项存进对象obj中再通过forin遍历对象varstr='sfdsffffffffdd';letobj={};letletter,key,num;for(leti=0;i-1&&checkString(url.split('?')[1])){url.split('?')
- js随笔
dianfenze8218
参考链接:https://juejin.im/post/5d23e750f265da1b855c7bbehttps://github.com/ly2011/blog/issues/1537ES5/ES6的继承除了写法以外还有什么区别classSuper{}classSubextendsSuper{}constsub=newSub();Sub.__proto__===Super;子类可以直接通过pr
- Vue.js随笔三(npm init webpack my-project指令安装失败解决方案)
weixin_34354945
如果没有安装淘宝给的镜像就先安装一下,指令如下,对!就是如此简单:npminstall-gcnpm-registry=https://registry.npm.taobao.org首先输入npminitwebpackmy-working,一定不要激动,这里不是一路回车哦,当到达红色区域那个问题时你要选择No,Iwillhandlethatmyself然后就可以回车了,这样之后最后键入如下两个指令即
- Node.js + Express 4+angularjs随笔小记,不供参考
weixin_33831196
为什么80%的码农都做不了架构师?>>>1.安装expressnpminstallexpress-gnpminstallexpress-generator-g2.创建express项目express-eangular_cccdangular_cc&&npminstall3.启动程序npmstart即可看到view/index.ejs页面内容4.与angularjs结合,修改ejs为html显示创建
- angularJS随笔
weixin_30496431
1.作用域基于作用域的事件传播作用域可以像DOM节点一样,进行事件的传播。主要是有两个方法:broadcasted:从父级作用域广播至子级scopeemitted:从子级作用域往上发射到父级作用域Root作用域MyEventcount:{{count}}$emit('MyEvent')$broadcast('MyEvent')Middle作用域MyEventcount:{{count}}Leaf作
- angularjs随笔 -- angularjs简单使用
快乐的糖糖
angularjs
angularjs简单使用1.angularjs背景2.angularjs优势3.最简单的angularjs框架4.常用指令5.路由机制5.1angular-route5.2angular-ui-router6.服务的注册及使用7.自定义指令注册与使用8.一个完整的angularjs案例1.angularjs背景angularjs框架在2019年及之前与Vue、react并称前端最火的三大主流框架
- angularjs随笔 -- 项目中使用 angularjs 踩过的坑
快乐的糖糖
angularjs
项目中使用angularjs踩过的坑1.双向数据绑定不生效?2.设置的定时器,清不掉!!!3.$on事件多次触发?4.总结框架虽好用,但是也会有各种坑,本人使用了angularjs框架两年多的时间,碰到过很多的问题,以下针对典型问题做分析共享:1.双向数据绑定不生效?问题背景:我明明采用了ng-model进行了数据绑定,js逻辑修改了数据,但是页面就是没有刷新,甚至于我在控制台进行断点调试,发现数
- angularjs随笔 -- angularjs使用自定义指令封装下拉框
快乐的糖糖
angularjs
angularjs使用自定义指令封装下拉框1.效果图如下:2.代码如下:3.封装组件总结:angularjs核心部分在自定义指令的使用,本文以封装下拉框为例做介绍,其他组件封装方法类似,有需要的请自行扩展。1.效果图如下:2.代码如下:Document*{margin:0;padding:0;}ul{list-style:none;}::-webkit-scrollbar{width:8px;he
- js随笔记(一)
秋枫残红
isFinite()判断一个数是否超出number范围,超出返回falseNaN,任何数除以非数值类型,都将返回NaN可当做false使用NaN!=NaNisNaN(),该函数帮助我们判断一个变量是否为可以被转化为数值,若不能返回true,boolean可以被转化为数字null为空的字符串指针,故typeofnull返回object,且null==undfinedtypeof关键字返回值"unde
- 初始vuejs随笔
tsuyoii
前端vuevuevue.js
下一篇:初识vuejs随笔(二)(注:本篇只是学习过程中的随笔,知识点尚且较为零散,占坑填)vuejs简介vuejs是一种渐进式框架;渐进式指:在开发项目时,可以进行嵌套使用,例如可以同时存在vue框架和其他框架,就像演变过程,可以保留一些原来的东西,慢慢过渡到新东西,此为渐进式。列表展示:v-for计算器案例:事件监听–>click事件–>methodsvue全家桶,可包括(core+vue-r
- Video.js随笔记
不进腾讯不改名
下载与介绍Video.js是一款web视频播放器,支持html5和flash两种播放方式。更有自定义皮肤,插件,组件,语言还有丰富的选项配置。官网下载地址:https://videojs.com/getting-started/GitHub下载地址:https://github.com/videojs/video.js入门使用引入video.js和video-js.css使用下面的video标签,
- rxjs随笔2-理解操作符
黄岩脚
typescriptangular6reactivex
看rxjs文档的时候,我总是被merge->mergeAll->mergeMap等类似的名称的操作符困扰。一直在思考这里面是不是有什么联系,结论:merge与(mergeAll&&mergeMao)没有任何关系,就像这篇文章和白洁没有任何关系一样。注:果然理解错误了,merge与mergeAll的作用是类似的,不用使用方式不一样。他们都是将接受到的observable进行订阅,不过merge的使用
- rxjs随笔1--rxjs能做什么
黄岩脚
rxjstypescriptjavascript
首先我们要弄懂这几个问题:1.rxjs是什么2.rxjs能做什么3.已经有了promise的情况下为什么还需要rxjs4.rxjs的使用方法如果这些问题都直接去网上搜然后贴上链接,感觉我这篇文章就没什么写的必要了。当然了资料已经非常多了,确实不需要我再为大家写一点所谓有帮助的文章了。那么为什么还要写呢,写这个是为了自己,为了自己能够更好的理解rxjs,与大家无关,也与白洁无关。1.rxjs是什么R
- js随笔
潇湘待雨
参考链接:https://juejin.im/post/5d23e750f265da1b855c7bbehttps://github.com/ly2011/blog/issues/1537ES5/ES6的继承除了写法以外还有什么区别classSuper{}classSubextendsSuper{}constsub=newSub();Sub.__proto__===Super;子类可以直接通过pr
- Vue.js随笔四(方法的声明和使用)
迷途纸鸢
1.首先你需要新建路由,这个就不多说了2.然后在你的新的.vue里面需要如下所示的添加methods:{方法},然后按钮的里面你会看到v-on:click,这就是点击这个按钮会触发的动作,这个就是触发methods里的highlight函数,当然v-on:click也可以写成@click这两个是一样的1234567{{message}}89真的吗10111213varapp=newVue({14e
- Vue.js随笔三(npm init webpack my-project指令安装失败解决方案)
迷途纸鸢
如果没有安装淘宝给的镜像就先安装一下,指令如下,对!就是如此简单:npminstall-gcnpm-registry=https://registry.npm.taobao.org首先输入npminitwebpackmy-working,一定不要激动,这里不是一路回车哦,当到达红色区域那个问题时你要选择No,Iwillhandlethatmyself然后就可以回车了,这样之后最后键入如下两个指令即
- Vue.js随笔二(新建路由+component+添加样式+变量的显示)
迷途纸鸢
创建一个页面:1.首先让我们看一下整个vue.js的目录,如下图所示:2.现在让我们创建一个页面吧:2-1首先你需要新建路由(就和建立一个如何找到项目文件的目录一个意思):进入src/router/index.js修改即可1importVuefrom'vue'2importRouterfrom'vue-router'34//就拿下面这行作比方,下面这行就相当于引入Say这个component5im
- Vue.js随笔一(Webpack + Vue.js开发准备,含VNM、NPM、Node、Webpack等相关工具)
迷途纸鸢
想入门工具是必须的,这一章将向大家带来vue.js相关的程序安装步骤。①首先你需要有一个NVM(一个非常好用的Node版本管理器):1.NVM下载地址:https://github.com/coreybutler/nvm-windows/releases下载nvm-setup.zip即可2.安装过程(除了第二个需要手动选个安装目录其他的直接下一步就ok):3.此时你需要检查环境变量是否自动配置:打
- 戴尔笔记本win8系统改装win7系统
sophia天雪
win7戴尔改装系统win8
戴尔win8 系统改装win7 系统详述
第一步:使用U盘制作虚拟光驱:
1)下载安装UltraISO:注册码可以在网上搜索。
2)启动UltraISO,点击“文件”—》“打开”按钮,打开已经准备好的ISO镜像文
- BeanUtils.copyProperties使用笔记
bylijinnan
java
BeanUtils.copyProperties VS PropertyUtils.copyProperties
两者最大的区别是:
BeanUtils.copyProperties会进行类型转换,而PropertyUtils.copyProperties不会。
既然进行了类型转换,那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
- MyEclipse中文乱码问题
0624chenhong
MyEclipse
一、设置新建常见文件的默认编码格式,也就是文件保存的格式。
在不对MyEclipse进行设置的时候,默认保存文件的编码,一般跟简体中文操作系统(如windows2000,windowsXP)的编码一致,即GBK。
在简体中文系统下,ANSI 编码代表 GBK编码;在日文操作系统下,ANSI 编码代表 JIS 编码。
Window-->Preferences-->General -
- 发送邮件
不懂事的小屁孩
send email
import org.apache.commons.mail.EmailAttachment;
import org.apache.commons.mail.EmailException;
import org.apache.commons.mail.HtmlEmail;
import org.apache.commons.mail.MultiPartEmail;
- 动画合集
换个号韩国红果果
htmlcss
动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程
1 transition 制作鼠标滑过图片时的放大效果
css
.wrap{
width: 340px;height: 340px;
position: absolute;
top: 30%;
left: 20%;
overflow: hidden;
bor
- 网络最常见的攻击方式竟然是SQL注入
蓝儿唯美
sql注入
NTT研究表明,尽管SQL注入(SQLi)型攻击记录详尽且为人熟知,但目前网络应用程序仍然是SQLi攻击的重灾区。
信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明,目前黑客攻击网络应用程序方式中最流行的,要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析,指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中,SQLi攻击占
- java笔记2
a-john
java
类的封装:
1,java中,对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节(尤其是私有数据)
2,目的:使对象以外的部分不能随意存取对象的内部数据(如属性),从而使软件错误能够局部化,减少差错和排错的难度。
3,简单来说,“隐藏属性、方法或实现细节的过程”称为——封装。
4,封装的特性:
4.1设置
- [Andengine]Error:can't creat bitmap form path “gfx/xxx.xxx”
aijuans
学习Android遇到的错误
最开始遇到这个错误是很早以前了,以前也没注意,只当是一个不理解的bug,因为所有的texture,textureregion都没有问题,但是就是提示错误。
昨天和美工要图片,本来是要背景透明的png格式,可是她却给了我一个jpg的。说明了之后她说没法改,因为没有png这个保存选项。
我就看了一下,和她要了psd的文件,还好我有一点
- 自己写的一个繁体到简体的转换程序
asialee
java转换繁体filter简体
今天调研一个任务,基于java的filter实现繁体到简体的转换,于是写了一个demo,给各位博友奉上,欢迎批评指正。
实现的思路是重载request的调取参数的几个方法,然后做下转换。
- android意图和意图监听器技术
百合不是茶
android显示意图隐式意图意图监听器
Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递
显式意图:调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图,显式意图明确指定了Intent应该传递给哪个组件。
隐式意图;不指明调用的名称,根据设
- spring3中新增的@value注解
bijian1013
javaspring@Value
在spring 3.0中,可以通过使用@value,对一些如xxx.properties文件中的文件,进行键值对的注入,例子如下:
1.首先在applicationContext.xml中加入:
<beans xmlns="http://www.springframework.
- Jboss启用CXF日志
sunjing
logjbossCXF
1. 在standalone.xml配置文件中添加system-properties:
<system-properties> <property name="org.apache.cxf.logging.enabled" value=&
- 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码
bit1129
centos
编译必需的软件
Firebugs3.0.0
Maven3.2.3
Ant
JDK1.7.0_67
protobuf-2.5.0
Hadoop 2.5.2源码包
Firebugs3.0.0
http://sourceforge.jp/projects/sfnet_findbug
- struts2验证框架的使用和扩展
白糖_
框架xmlbeanstruts正则表达式
struts2能够对前台提交的表单数据进行输入有效性校验,通常有两种方式:
1、在Action类中通过validatexx方法验证,这种方式很简单,在此不再赘述;
2、通过编写xx-validation.xml文件执行表单验证,当用户提交表单请求后,struts会优先执行xml文件,如果校验不通过是不会让请求访问指定action的。
本文介绍一下struts2通过xml文件进行校验的方法并说
- 记录-感悟
braveCS
感悟
再翻翻以前写的感悟,有时会发现自己很幼稚,也会让自己找回初心。
2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了;
2. 要改变自己,不能这样一直在原来区域,要突破安全区舒适区,才能提高自己,往好的方面发展;
3. 多反省多思考;要会用工具,而不是变成工具的奴隶;
4. 一天内集中一个定长时间段看最新资讯和偏流式博
- 编程之美-数组中最长递增子序列
bylijinnan
编程之美
import java.util.Arrays;
import java.util.Random;
public class LongestAccendingSubSequence {
/**
* 编程之美 数组中最长递增子序列
* 书上的解法容易理解
* 另一方法书上没有提到的是,可以将数组排序(由小到大)得到新的数组,
* 然后求排序后的数组与原数
- 读书笔记5
chengxuyuancsdn
重复提交struts2的token验证
1、重复提交
2、struts2的token验证
3、用response返回xml时的注意
1、重复提交
(1)应用场景
(1-1)点击提交按钮两次。
(1-2)使用浏览器后退按钮重复之前的操作,导致重复提交表单。
(1-3)刷新页面
(1-4)使用浏览器历史记录重复提交表单。
(1-5)浏览器重复的 HTTP 请求。
(2)解决方法
(2-1)禁掉提交按钮
(2-2)
- [时空与探索]全球联合进行第二次费城实验的可能性
comsci
二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验
至今给我们大家留下很多迷团.....
关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了
在这里,我的意思是,现在
- easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符
daizj
oracleORA-12154
用easy connect连接出现“tns无法解析指定的连接标示符”的错误,如下:
C:\Users\Administrator>sqlplus username/
[email protected]:1521/orcl
SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012
Copyright (c) 198
- 简单排序:归并排序
dieslrae
归并排序
public void mergeSort(int[] array){
int temp = array.length/2;
if(temp == 0){
return;
}
int[] a = new int[temp];
int
- C语言中字符串的\0和空格
dcj3sjt126com
c
\0 为字符串结束符,比如说:
abcd (空格)cdefg;
存入数组时,空格作为一个字符占有一个字节的空间,我们
- 解决Composer国内速度慢的办法
dcj3sjt126com
Composer
用法:
有两种方式启用本镜像服务:
1 将以下配置信息添加到 Composer 的配置文件 config.json 中(系统全局配置)。见“例1”
2 将以下配置信息添加到你的项目的 composer.json 文件中(针对单个项目配置)。见“例2”
为了避免安装包的时候都要执行两次查询,切记要添加禁用 packagist 的设置,如下 1 2 3 4 5
- 高效可伸缩的结果缓存
shuizhaosi888
高效可伸缩的结果缓存
/**
* 要执行的算法,返回结果v
*/
public interface Computable<A, V> {
public V comput(final A arg);
}
/**
* 用于缓存数据
*/
public class Memoizer<A, V> implements Computable<A,
- 三点定位的算法
haoningabc
c算法
三点定位,
已知a,b,c三个顶点的x,y坐标
和三个点都z坐标的距离,la,lb,lc
求z点的坐标
原理就是围绕a,b,c 三个点画圆,三个圆焦点的部分就是所求
但是,由于三个点的距离可能不准,不一定会有结果,
所以是三个圆环的焦点,环的宽度开始为0,没有取到则加1
运行
gcc -lm test.c
test.c代码如下
#include "stdi
- epoll使用详解
jimmee
clinux服务端编程epoll
epoll - I/O event notification facility在linux的网络编程中,很长的时间都在使用select来做事件触发。在linux新的内核中,有了一种替换它的机制,就是epoll。相比于select,epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中,它是采用轮询来处理的,轮询的fd数目越多,自然耗时越多。并且,在linu
- Hibernate对Enum的映射的基本使用方法
linzx0212
enumHibernate
枚举
/**
* 性别枚举
*/
public enum Gender {
MALE(0), FEMALE(1), OTHER(2);
private Gender(int i) {
this.i = i;
}
private int i;
public int getI
- 第10章 高级事件(下)
onestopweb
事件
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- 孙子兵法
roadrunners
孙子兵法
始计第一
孙子曰:
兵者,国之大事,死生之地,存亡之道,不可不察也。
故经之以五事,校之以计,而索其情:一曰道,二曰天,三曰地,四曰将,五
曰法。道者,令民于上同意,可与之死,可与之生,而不危也;天者,阴阳、寒暑
、时制也;地者,远近、险易、广狭、死生也;将者,智、信、仁、勇、严也;法
者,曲制、官道、主用也。凡此五者,将莫不闻,知之者胜,不知之者不胜。故校
之以计,而索其情,曰
- MySQL双向复制
tomcat_oracle
mysql
本文包括:
主机配置
从机配置
建立主-从复制
建立双向复制
背景
按照以下简单的步骤:
参考一下:
在机器A配置主机(192.168.1.30)
在机器B配置从机(192.168.1.29)
我们可以使用下面的步骤来实现这一点
步骤1:机器A设置主机
在主机中打开配置文件 ,
- zoj 3822 Domination(dp)
阿尔萨斯
Mina
题目链接:zoj 3822 Domination
题目大意:给定一个N∗M的棋盘,每次任选一个位置放置一枚棋子,直到每行每列上都至少有一枚棋子,问放置棋子个数的期望。
解题思路:大白书上概率那一张有一道类似的题目,但是因为时间比较久了,还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子,并且消耗k步的概率(k≤i∗j),因为放置在i+1~n上等价与放在i+1行上,同理