- 【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.此时你需要检查环境变量是否自动配置:打
- 插入表主键冲突做更新
a-john
有以下场景:
用户下了一个订单,订单内的内容较多,且来自多表,首次下单的时候,内容可能会不全(部分内容不是必须,出现有些表根本就没有没有该订单的值)。在以后更改订单时,有些内容会更改,有些内容会新增。
问题:
如果在sql语句中执行update操作,在没有数据的表中会出错。如果在逻辑代码中先做查询,查询结果有做更新,没有做插入,这样会将代码复杂化。
解决:
mysql中提供了一个sql语
- Android xml资源文件中@、@android:type、@*、?、@+含义和区别
Cb123456
@+@?@*
一.@代表引用资源
1.引用自定义资源。格式:@[package:]type/name
android:text="@string/hello"
2.引用系统资源。格式:@android:type/name
android:textColor="@android:color/opaque_red"
- 数据结构的基本介绍
天子之骄
数据结构散列表树、图线性结构价格标签
数据结构的基本介绍
数据结构就是数据的组织形式,用一种提前设计好的框架去存取数据,以便更方便,高效的对数据进行增删查改。正确选择合适的数据结构,对软件程序的高效执行的影响作用不亚于算法的设计。此外,在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈,堆等,就是经典的数据结构。
经典的数据结构大致如下:
一:线性数据结构
(1):列表
a
- 通过二维码开放平台的API快速生成二维码
一炮送你回车库
api
现在很多网站都有通过扫二维码用手机连接的功能,联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊,写了个前台快速生成二维码的方法。
html代码如下:(二维码将生成在这div下)
? 1
&nbs
- ImageIO读取一张图片改变大小
3213213333332132
javaIOimageBufferedImage
package com.demo;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
/**
* @Description 读取一张图片改变大小
* @author FuJianyon
- myeclipse集成svn(一针见血)
7454103
eclipseSVNMyEclipse
&n
- 装箱与拆箱----autoboxing和unboxing
darkranger
J2SE
4.2 自动装箱和拆箱
基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便,但提供方便的同时表示隐藏了细节,建议在能够区分基本数据类型与对象的差别时再使用。
4.2.1 autoboxing和unboxing
在Java中,所有要处理的东西几乎都是对象(Object)
- ajax传统的方式制作ajax
aijuans
Ajax
//这是前台的代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
- 只用jre的eclipse是怎么编译java源文件的?
avords
javaeclipsejdktomcat
eclipse只需要jre就可以运行开发java程序了,也能自动 编译java源代码,但是jre不是java的运行环境么,难道jre中也带有编译工具? 还是eclipse自己实现的?谁能给解释一下呢问题补充:假设系统中没有安装jdk or jre,只在eclipse的目录中有一个jre,那么eclipse会采用该jre,问题是eclipse照样可以编译java源文件,为什么呢?
&nb
- 前端模块化
bee1314
模块化
背景: 前端JavaScript模块化,其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来,还处于刀耕火种的野蛮生长阶段。 JavaScript一直缺乏有效的包管理机制,造成了大量的全局变量,大量的方法冲突。我们多么渴望有天能像Java(import),Python (import),Ruby(require)那样写代码。在没有包管理机制的年代,我们是怎么避免所
- 处理百万级以上的数据处理
bijian1013
oraclesql数据库大数据查询
一.处理百万级以上的数据提高查询速度的方法: 1.应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描。
2.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 o
- mac 卸载 java 1.7 或更高版本
征客丶
javaOS
卸载 java 1.7 或更高
sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin
成功执行此命令后,还可以执行 java 与 javac 命令
sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane
成功执行此命令后,还可以执行 java
- 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析
bit1129
Stream
第一步,Flume和Kakfa对接,Flume抓取日志,写到Kafka中
第二部,Spark Streaming读取Kafka中的数据,进行实时分析
本文首先使用Kakfa自带的消息处理(脚本)来获取消息,走通Flume和Kafka的对接 1. Flume配置
1. 下载Flume和Kafka集成的插件,下载地址:https://github.com/beyondj2ee/f
- Erlang vs TNSDL
bookjovi
erlang
TNSDL是Nokia内部用于开发电信交换软件的私有语言,是在SDL语言的基础上加以修改而成,TNSDL需翻译成C语言得以编译执行,TNSDL语言中实现了异步并行的特点,当然要完整实现异步并行还需要运行时动态库的支持,异步并行类似于Erlang的process(轻量级进程),TNSDL中则称之为hand,Erlang是基于vm(beam)开发,
- 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个
ljy325
企业应用
非常希望有一个预防疲劳的java软件,我看新闻和网站,国防科技大学的科学家累死了,太疲劳,老是加班,不休息,经常吃药,吃药根本就没用,根本原因是疲劳过度。我以前做java,那会公司垃圾,老想赶快学习到东西跳槽离开,搞得超负荷,不明理。深圳做软件开发经常累死人,总有不明理的人,有个软件提醒限制很好,可以挽救很多人的生命。
相关新闻:
(1)IT行业成五大疾病重灾区:过劳死平均37.9岁
- 读《研磨设计模式》-代码笔记-原型模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/**
* Effective Java 建议使用copy constructor or copy factory来代替clone()方法:
* 1.public Product copy(Product p){}
* 2.publi
- 配置管理---svn工具之权限配置
chenyu19891124
SVN
今天花了大半天的功夫,终于弄懂svn权限配置。下面是今天收获的战绩。
安装完svn后就是在svn中建立版本库,比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构
pepos
component
webapps
在conf里面的auth里赋予的权限配置为
[groups]
- 浅谈程序员的数学修养
comsci
设计模式编程算法面试招聘
浅谈程序员的数学修养
- 批量执行 bulk collect与forall用法
daizj
oraclesqlbulk collectforall
BULK COLLECT 子句会批量检索结果,即一次性将结果集绑定到一个集合变量中,并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、
FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。
有关FORALL语句的用法请参考:批量SQL之 F
- Linux下使用rsync最快速删除海量文件的方法
dongwei_6688
OS
1、先安装rsync:yum install rsync
2、建立一个空的文件夹:mkdir /tmp/test
3、用rsync删除目标目录:rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了,删除的速度会非常快。rsync实际上用的是替换原理,处理数十万个文件也是秒删。
- Yii CModel中rules验证规格
dcj3sjt126com
rulesyiivalidate
Yii cValidator主要用法分析:
yii验证rulesit 分类: Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError
 
- 基于vagrant的redis主从实验
dcj3sjt126com
vagrant
平台: Mac
工具: Vagrant
系统: Centos6.5
实验目的: Redis主从
实现思路
制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box
制作sentos6.5+redis的box
mkdir vagrant_redis
cd vagrant_
- Memcached(二)、Centos安装Memcached服务器
frank1234
centosmemcached
一、安装gcc
rpm和yum安装memcached服务器连接没有找到,所以我使用的是make的方式安装,由于make依赖于gcc,所以要先安装gcc
开始安装,命令如下,[color=red][b]顺序一定不能出错[/b][/color]:
建议可以先切换到root用户,不然可能会遇到权限问题:su root 输入密码......
rpm -ivh kernel-head
- Remove Duplicates from Sorted List
hcx2013
remove
Given a sorted linked list, delete all duplicates such that each element appear only once.
For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
- Spring4新特性——JSR310日期时间API的支持
jinnianshilongnian
spring4
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- 浅谈enum与单例设计模式
247687009
java单例
在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种),两者同是私有构
造器,导出静态成员变量,以便调用者访问。
第一种
package singleton;
public class Singleton {
//导出全局成员
public final static Singleton INSTANCE = new S
- 使用switch条件语句需要注意的几点
openwrt
cbreakswitch
1. 当满足条件的case中没有break,程序将依次执行其后的每种条件(包括default)直到遇到break跳出
int main()
{
int n = 1;
switch(n) {
case 1:
printf("--1--\n");
default:
printf("defa
- 配置Spring Mybatis JUnit测试环境的应用上下文
schnell18
springmybatisJUnit
Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有:
单元测试的app context不支持从外部properties文件注入属性
@Value注解不能解析带通配符的路径字符串
解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。
第二个问题的具体实例是:
 
- Java 定时任务总结一
tuoni
javaspringtimerquartztimertask
Java定时任务总结 一.从技术上分类大概分为以下三种方式: 1.Java自带的java.util.Timer类,这个类允许你调度一个java.util.TimerTask任务; 说明: java.util.Timer定时器,实际上是个线程,定时执行TimerTask类 &
- 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法
yangshangchuan
rank相似度计算文本相似度词袋模型余弦相似度
本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法,对于其他的用户生成内容站点类型也具有同样的适用性。
最近在ITEYE博客频道上面出现了一种新型的商业广告形式,方法如下:
1、注册多个账号(一般10个以上)。
2、从多个账号中选择一个账号,发表1-2篇博文