- 【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.此时你需要检查环境变量是否自动配置:打
- JAVA中的Enum
周凡杨
javaenum枚举
Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中,有些变量的取值被限定在一个有限的范围内。 例如,一个星期内只有七天 我们通常这样实现上面的定义:
public String monday;
public String tuesday;
public String wensday;
public String thursday
- 赶集网mysql开发36条军规
Bill_chen
mysql业务架构设计mysql调优mysql性能优化
(一)核心军规 (1)不在数据库做运算 cpu计算务必移至业务层; (2)控制单表数据量 int型不超过1000w,含char则不超过500w; 合理分表; 限制单库表数量在300以内; (3)控制列数量 字段少而精,字段数建议在20以内
- Shell test命令
daizj
shell字符串test数字文件比较
Shell test命令
Shell中的 test 命令用于检查某个条件是否成立,它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真
实例演示:
num1=100
num2=100if test $[num1]
- XFire框架实现WebService(二)
周凡杨
javawebservice
有了XFire框架实现WebService(一),就可以继续开发WebService的简单应用。
Webservice的服务端(WEB工程):
两个java bean类:
Course.java
package cn.com.bean;
public class Course {
private
- 重绘之画图板
朱辉辉33
画图板
上次博客讲的五子棋重绘比较简单,因为只要在重写系统重绘方法paint()时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。
画图板重绘难在需要重绘的类型很多,比如说里面有矩形,园,直线之类的,所以我们要想办法将里面的图形加入一个队列中,这样在重绘时就
- Java的IO流
西蜀石兰
java
刚学Java的IO流时,被各种inputStream流弄的很迷糊,看老罗视频时说想象成插在文件上的一根管道,当初听时觉得自己很明白,可到自己用时,有不知道怎么代码了。。。
每当遇到这种问题时,我习惯性的从头开始理逻辑,会问自己一些很简单的问题,把这些简单的问题想明白了,再看代码时才不会迷糊。
IO流作用是什么?
答:实现对文件的读写,这里的文件是广义的;
Java如何实现程序到文件
- No matching PlatformTransactionManager bean found for qualifier 'add' - neither
林鹤霄
java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!
网上找了好多的资料没能解决,后来发现:项目中使用的是xml配置的方式配置事务,但是
- Row size too large (> 8126). Changing some columns to TEXT or BLOB
aigo
column
原文:http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large
异常信息:
Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
- JS 格式化时间
alxw4616
JavaScript
/**
* 格式化时间 2013/6/13 by 半仙
[email protected]
* 需要 pad 函数
* 接收可用的时间值.
* 返回替换时间占位符后的字符串
*
* 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数
* 如 YYYY 4占4位 YY 占2位<p></p>
* MM DD hh mm
- 队列中数据的移除问题
百合不是茶
队列移除
队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除, 代码如下;
//
package com.Thread0715.com;
import java.util.ArrayList;
public class Threa
- Runnable接口使用实例
bijian1013
javathreadRunnablejava多线程
Runnable接口
a. 该接口只有一个方法:public void run();
b. 实现该接口的类必须覆盖该run方法
c. 实现了Runnable接口的类并不具有任何天
- oracle里的extend详解
bijian1013
oracle数据库extend
扩展已知的数组空间,例:
DECLARE
TYPE CourseList IS TABLE OF VARCHAR2(10);
courses CourseList;
BEGIN
-- 初始化数组元素,大小为3
courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 ');
--
- 【httpclient】httpclient发送表单POST请求
bit1129
httpclient
浏览器Form Post请求
浏览器可以通过提交表单的方式向服务器发起POST请求,这种形式的POST请求不同于一般的POST请求
1. 一般的POST请求,将请求数据放置于请求体中,服务器端以二进制流的方式读取数据,HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求,比如请求数据是字符串或者是二进制数据
2. Form
- 【Hive十三】Hive读写Avro格式的数据
bit1129
hive
1. 原始数据
hive> select * from word;
OK
1 MSN
10 QQ
100 Gtalk
1000 Skype
2. 创建avro格式的数据表
hive> CREATE TABLE avro_table(age INT, name STRING)STORE
- nginx+lua+redis自动识别封解禁频繁访问IP
ronin47
在站点遇到攻击且无明显攻击特征,造成站点访问慢,nginx不断返回502等错误时,可利用nginx+lua+redis实现在指定的时间段 内,若单IP的请求量达到指定的数量后对该IP进行封禁,nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。
一、安装环境:
CentOS x64 release 6.4(Fin
- java-二叉树的遍历-先序、中序、后序(递归和非递归)、层次遍历
bylijinnan
java
import java.util.LinkedList;
import java.util.List;
import java.util.Stack;
public class BinTreeTraverse {
//private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 };
private int[] array={ 10,6,
- Spring源码学习-XML 配置方式的IoC容器启动过程分析
bylijinnan
javaspringIOC
以FileSystemXmlApplicationContext为例,把Spring IoC容器的初始化流程走一遍:
ApplicationContext context = new FileSystemXmlApplicationContext
("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
- [科研与项目]民营企业请慎重参与军事科技工程
comsci
企业
军事科研工程和项目 并非要用最先进,最时髦的技术,而是要做到“万无一失”
而民营科技企业在搞科技创新工程的时候,往往考虑的是技术的先进性,而对先进技术带来的风险考虑得不够,在今天提倡军民融合发展的大环境下,这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前,对
- spring 定时器-两种方式
cuityang
springquartz定时器
方式一:
间隔一定时间 运行
<bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" />
<bean id="updateSessionIdSchedule
- 简述一下关于BroadView站点的相关设计
damoqiongqiu
view
终于弄上线了,累趴,戳这里http://www.broadview.com.cn
简述一下相关的技术点
前端:jQuery+BootStrap3.2+HandleBars,全站Ajax(貌似对SEO的影响很大啊!怎么破?),用Grunt对全部JS做了压缩处理,对部分JS和CSS做了合并(模块间存在很多依赖,全部合并比较繁琐,待完善)。
后端:U
- 运维 PHP问题汇总
dcj3sjt126com
windows2003
1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页
解决方法:
后台>系统>系统基本参数>核心设置>关键字替换(是/否),这里选择“是”。
后台>系统>系统基本参数>其他选项>自动提取关键字,这里选择“是”。
2、解决PHP168超级管理员上传图片提示你的空间不足
网站是用PHP168做的,反映使用管理员在后台无法
- mac 下 安装php扩展 - mcrypt
dcj3sjt126com
PHP
MCrypt是一个功能强大的加密算法扩展库,它包括有22种算法,phpMyAdmin依赖这个PHP扩展,具体如下:
下载并解压libmcrypt-2.5.8.tar.gz。
在终端执行如下命令: tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
- MongoDB更新文档 [四]
eksliang
mongodbMongodb更新文档
MongoDB更新文档
转载请出自出处:http://eksliang.iteye.com/blog/2174104
MongoDB对文档的CURD,前面的博客简单介绍了,但是对文档更新篇幅比较大,所以这里单独拿出来。
语法结构如下:
db.collection.update( criteria, objNew, upsert, multi)
参数含义 参数  
- Linux下的解压,移除,复制,查看tomcat命令
y806839048
tomcat
重复myeclipse生成webservice有问题删除以前的,干净
1、先切换到:cd usr/local/tomcat5/logs
2、tail -f catalina.out
3、这样运行时就可以实时查看运行日志了
Ctrl+c 是退出tail命令。
有问题不明的先注掉
cp /opt/tomcat-6.0.44/webapps/g
- Spring之使用事务缘由(3-XML实现)
ihuning
spring
用事务通知声明式地管理事务
事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理,可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知,为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后,就需要将它与切入点关联起来。由于事务通知是在 <aop:
- GCD使用经验与技巧浅谈
啸笑天
GC
前言
GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”,本文就总结一些有关使用GCD的经验与技巧。
dispatch_once_t必须是全局或static变量
这一条算是“老生常谈”了,但我认为还是有必要强调一次,毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug,正确的如下: 1
- linux(Ubuntu)下常用命令备忘录1
macroli
linux工作ubuntu
在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表:ls
ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容,但这样直接运行所得到的信息也是比较少的,通常它可以结合以下这些参数运行以查询更多的信息:
ls / 显示/.下的所有文件和目录
ls -l 给出文件或者文件夹的详细信息
ls -a 显示所有文件,包括隐藏文
- nodejs同步操作mysql
qiaolevip
学习永无止境每天进步一点点mysqlnodejs
// db-util.js
var mysql = require('mysql');
var pool = mysql.createPool({
connectionLimit : 10,
host: 'localhost',
user: 'root',
password: '',
database: 'test',
port: 3306
});
- 一起学Hive系列文章
superlxw1234
hiveHive入门
[一起学Hive]系列文章 目录贴,入门Hive,持续更新中。
[一起学Hive]之一—Hive概述,Hive是什么
[一起学Hive]之二—Hive函数大全-完整版
[一起学Hive]之三—Hive中的数据库(Database)和表(Table)
[一起学Hive]之四-Hive的安装配置
[一起学Hive]之五-Hive的视图和分区
[一起学Hive
- Spring开发利器:Spring Tool Suite 3.7.0 发布
wiselyman
spring
Spring Tool Suite(简称STS)是基于Eclipse,专门针对Spring开发者提供大量的便捷功能的优秀开发工具。
在3.7.0版本主要做了如下的更新:
将eclipse版本更新至Eclipse Mars 4.5 GA
Spring Boot(JavaEE开发的颠覆者集大成者,推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示,