一个简单确非常实用的javascript函数

在写js的时候,往往会碰到字符串拼接的问题,如果简单,直接使用+号连接字符串就可以了, 但是如果复杂,+用起来就非常不爽,在.net中有,Sting.Format函数,用起来还是很爽的,于是就想着js中是不是有类似的函数,答案是没有,但是js可以扩展原型,于是在网上找到很多版本的format, 功能都比较简单,也挺实用. 经过我一些思考,改造,扩展了format函数的功能, 个人感觉挺实用,代码也非常少,所以发出来共享下, 废话不多说,直接上码,代码很少,不解释. String.prototyp…

一个简单的路由，用javascript实现

前端路由在很多开源的js类库框架中都得到支持,如angularJS,Backbone,Reactjs等等.前端路由和后端路由原理一样,是让所有的交互和展现在一个页面运行以达到减少服务器请求,提高客户体验的目的,越来越多的网站特别是web应用都用到了前端路由. 看下面DEMO,一目了然! HTML: <ul> <li><a href="#/">首页</a></li> <li><a href="#/pr…

一个简单的、面向对象的javascript基础框架

如果以后公司再能让我独立做一套新的完整系统,那么我肯定会为这个系统再写一个前端框架,那么我到底该如何写这个框架呢? 在我以前的博客里我给大家展示了一个我自己写的框架,由于当时时间很紧张,做之前几乎没有完整的思考过我到底该如何去写这个框架,所以事后对于这个框架我有很多遗憾之处,当我重构过一次代码后我就没再做过任何重构操作的工作,因为我根本不想再去给它修修补补了,之所以有这个想法,就是我对我写的那个框架的基础架构不满意. 为什么不满意这个基础架构了?我们先来看看我当时封装框架的方式: (functi…

在JavaScript函数中使用EL表达式注意的事项

最近在使用JSP显示从Servlet带过来的数据时,大量的使用到了EL表达式,并且有些EL表达式是在使用到JavaScript的函数时作为参数传入的,举个例子,比如下面的样子: 这个HTML标签的意思是,如果我点击这个超链接,会触发一个JavaScript函数,而这个JavaScript函数的参数是一个EL表达式,而这个JavaScript函数的定义如下: 其实这个JavaScript的函数定义是没有问题的,但是为什么在MyEclipse中会报错呢,这是因为MyEclipse认为我们在将EL表达…

现代JavaScript函数库 usuallyjs 的安装和使用

usuallyjs usuallyjs 是一个面向现代 Web 开发的 JavaScript 实用函数库. usuallyjs 基于 ES6 开发,抛弃了传统 Web 开发中 DOM 和 BOM 操作部分的内容,精选了一系列 Web 开发过程中最常用的.最实用的 JavaScript 函数.与 Vue.React.Angular等现代 Web 框架搭配使用,更好的服务于开发现代 Web 应用. GitHub地址官方文档安装和使用 npm安装和使用通过 npm 使用如下命令安装: npm i…

一个简单例子弄懂什么是javascript函数劫持

javascript函数劫持很简单,一般情况下,只要在目标函数触发之前,重写这个函数即可. 比如,劫持eval函数的代码如下: var _eval=eval; eval=function(x){ if(typeof x=='undefined') {return;} alert(x); //这里可以写任意多代码 _eval(x); } eval('alert(1)');//这时eval先弹出参数值,然后才是动态执行参数值哈哈,是不是很简单.…

【译】采用MVC模式创建一个简单的javascript App

原文标题:Build A Simple Javascript App The MVC Way 作者:joshcrawmer4 翻译人:huansky 初次翻译,翻译的不好,还请见谅 JavaScript中最好的一部分之一,也可能是最糟糕的. 在HTML文档的头部添加一个开始和结束脚本标记,并在其中引入一些意大利面条式的代码,毫无疑问这是一种过分简单化的能力. 瞧! 有用! 真的吗? 你问什么是意大利面条式的代码? 意大利面条式的代码是一个直白的术语,指的是那些代码凌乱,控制结构复杂,并且这种代码…

javascript编写一个简单的编译器(理解抽象语法树AST)

javascript编写一个简单的编译器(理解抽象语法树AST) 编译器是一种接收一段代码,然后把它转成一些其他一种机制.我们现在来做一个在一张纸上画出一条线,那么我们画出一条线需要定义的条件如下:使用 Paper定义纸的颜色,Pen定义笔的颜色,Line指画出一条线,100指在颜色参数中代表100%的黑色或 css中的rgb(0%,0%,0%). 那么生成的线使用灰色来表示,那么就是 50了,纸的面积是 100*100, 线条的宽度是1,线段的起点和终点是相对于左下角的x,y坐标来定义.…

一个简单的javascript节流器实现

节流器 javascript的节流器主要用于延缓某些动作的执行,比如ajax请求,如果input框注册了input事件,那么当用户输入时就会持续的触发这个事件,如果回调函数中持续的通过ajax调用后台的接口,就会对服务器产生一定压力.这时就可以考虑采用某种方法来延缓ajax请求,比如可以这么做,当触发input事件后,延缓0.5s再调用后台的接口,这样在一定程度上就可以减轻服务端的压力.下面来实现一个简单的节流器 /** * 节流器 * @param [function] fn 事件触发后要调用…

一个事件激活多个JavaScript函数

http://www.cnblogs.com/meil/archive/2006/09/20/509359.html如果你的网页中一个“OnLoad”事件要激活两个以上的JavaScript函数,那怎么办呢? 请看下面一个例子: < BODY OnLoad='alert("这是标签调用的函数")'> < script language="JavaScript"> function myfunction(){ alert("这是JS脚…

使用JavaScript实现一个简单的编译器

在前端开发中也会或多或少接触到一些与编译相关的内容,常见的有将ES6.7代码编译成ES5的代码将SCSS.LESS代码转换成浏览器支持的CSS代码通过uglifyjs.uglifycss等工具压缩代码将TypeScript代码转换成JavaScript代码 Vue模板语法转换成render函数.JSX语法转换成JS代码尽管社区的工具如bable.*-loader已经帮我们完成了上面的所有工作,我们不用关心编译的过程,甚至也很少有人关注输出的代码,但是了解编译原理还是很有必要的,这篇文章…

用25行JavaScript语句实现一个简单的编译器

原文:https://www.iteye.com/news/32680 译者注:即使对于专业程序员来说,构造一个编译器也是颇具挑战性的任务,本文将会引导你抽丝剥茧,一探究竟! 我已经写了几篇与编程语言开发相关的文章,这让我非常兴奋!例如,在“关于 Angular 2 和 TypeScript 项目中的静态代码分析”[1]中,我研究了编译器前端的基本知识,解释了词法分析.语法分析和抽象语法树等各个阶段. 最近我发表了“开发静态类型编程语言[2] ”.本文展示了一个简单的.静态类型的函数式编程语言,…

采用MVC模式创建一个简单的javascript App

初次翻译,翻译的不好,还请见谅 JavaScript中最好的一部分之一,也可能是最糟糕的. 在HTML文档的头部添加一个开始和结束脚本标记,并在其中引入一些意大利面条式的代码,毫无疑问这是一种过分简单化的能力. 瞧! 有用! 真的吗? 你问什么是意大利面条式的代码? 意大利面条式的代码是一个直白的术语,指的是那些代码凌乱,控制结构复杂,并且这种代码到处都是. 它几乎不可能维护和调试,通常具有非常差的结构,并且容易出错. 网页设计和开发已经具有足够的挑战性,不要让你的工作变得更加困难!那么你怎样才…

用一个简单的例子来理解python高阶函数

============================ 用一个简单的例子来理解python高阶函数 ============================ 最近在用mailx发送邮件, 写法大致如下. echo 'body'|mailx -s 'title' 'a@corp.com,b@corp.com' 不知什么原因, 在一台机器上只要mailTo中包含空格, 邮件就发送不出去. 所以需要对收件人做规范化处理, 即去除空格, 去除多余的逗号. 这个处理过程使用到了map()和reduce(…

Javascript函数的简单学习

第九课函数的定义与调用1:函数的定义语法格式 function 函数名(数据类型参数1){//function是定义函数的关键字方法体;//statements,用于实现函数功能的语句 [返回值return expression]//expression可选参数,用于返回函数值 } 命名规则:函数名的命名规则,当一个名字包含多个单词的时候,习惯上用下划线把单词分隔开,如like_this().另一种习惯是在第一个单词以后的所有单…

SQL点滴3—一个简单的字符串分割函数

原文:SQL点滴3-一个简单的字符串分割函数偶然在电脑里看到以前保存的这个函数,是将一个单独字符串切分成一组字符串,这里分隔符是英文逗号“,” 遇到其他情况只要稍加修改就好了 CREATE FUNCTION dbo.f_splitstr( @str varchar(8000))RETURNS @r TABLE(id int IDENTITY(1, 1), value varchar(5000))ASBEGIN /* Function body */ DECLARE @pos int …

js实现一个简单钟表动画(javascript+html5 canvas)

第一次在博客园注册发博.有一次去人家单位开标,看到开标网站上有个钟表动画,一时兴起,就写了个简单的钟表动画. 用js和html5 canvas对象实现一个简单钟表程序主要用到的就是h5的canvas对象 canvas对象本人也不是很熟,大致看了几个常用的方法,难免有不足之处,仅是练习所用. 实现思路:画表盘,画刻度,画表针就是这么个思路. 主要就涉及到以下几个方法 arc 创建弧/曲线(用于创建圆形或部分圆) rotate 旋转 lineTo画线 <!DOCTYPE html PUBLIC &qu…

一个不错的PHP二维数组排序函数简单易用存用

一个不错的PHP二维数组排序函数简单易用存用传入数组,传入排序的键,传入排序顺序 public function array_sort($arr,$keys,$type='asc') { $keysvalue = $new_array = array(); foreach ($arr as $k=>$v){ $keysvalue[$k] = $v[$keys]; } if($type == 'asc'){ asort($keysvalue); }else{ arsort($keysvalue)…

JavaScript 函数与对象的简单区别

直接上例子 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content=&…

一个简单的日志函数C++

有时候程序总是会发生意想不到的情况,为了方便排查错误的情况,还是写日志比较方便.这里自己写了一个简单的函数,能实现基本的功能. BOOL WriteLog(char * DataBuffer) { CString strTempPath; ::GetTempPath(MAX_PATH, strTempPath.GetBuffer(MAX_PATH)); CString strLogFile = strTempPath + L"Log.txt"; HANDLE hFile = INVAL…

python定义的一个简单的shell函数的代码

把写代码过程中经常用到的一些代码段做个记录,如下代码段是关于python定义的一个简单的shell函数的代码. pipe = subprocess.Popen(cmd, stdout=subprocess.PIPE, stderr=subprocess.PIPE) stdout, stderr = pipe.communicate() return pipe.returncode, stdout, stderr…

一个简单的Javascript闭包示例

//=====用闭包实现函数的Curry化===== //数字求和函数的函数生成器 function addGenerator( num ){ //返回一个简单的匿名函数,求两个数的和,其中第一个数字来自于函数生成器 return function( toAdd ){ return num + toAdd; } } //addFive是一个求5加上一个参数的和的函数 var addFive = addGenerator( 5 ); alert(addFive( 5 ) == 10);//true…

除了信号触发线程与接收者线程相同的情况能直接调用到slot，其它情况都依赖事件机制（解决上面代码收不到信号的问题其实很简单，在线程的run();函数中添加一个事件循环就可以了，即加入一句exec();），信号槽不就是一个回调函数嘛

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { pThreadCon = new CSerialThread(); pThreadCon->start(); m_pTimer = new QTimer(); connect(m_pTimer,SIGNAL(timeout()),SLOT(onTimer())); m_pTimer->start(1000); } v…

使用javascript完成一个简单工厂设计模式。

在JS中创建对象会习惯的使用new关键字和类构造函数(也是可以用对象字面量). 工厂模式就是一种有助于消除两个类依赖性的模式. 工厂模式分为简单工厂模式和复杂工厂模式,这篇主要讲简单工厂模式. 简单工厂模式:使用一个类来生成实例. 复杂工厂模式:使用子类来决定一个成员变量应该是哪个具体的类的实例. 简单工厂模式: 常用对象方法创建和调用 var BallShop = function(){}; BallShop.prototype = { sellBall : function(model){…

写一个根据id字段查找记录的缓存函数（javascript）

前不久在参加面试的时候遇到了这样一道题,"写一个根据id字段查找记录的缓存函数,如果之前查过,则直接返回之前查找过的对象,而无须重新查找".当时由于时间较短加上时间比较紧张,考虑并不是特别全,并没有写出一个比较合适的方法(无法普及调用).今天回过头想了一下,做了一些改进,望大家多给与指点.思路上采用闭包和数组的find方法. var getItem=function () { var cacheArr=[]; //判断数组是否支持find方法,如果不支持则扩充 if (!Array.p…

用JavaScript写一个简单的计算器

本文使用js实现了一个简单的加.减.乘.除计算器. 以下是css部分代码: *{ padding:0; margin:0; color: #424242; } .outer{ width:300px; height:auto; outline:1px solid #b9b9b9; margin:50px auto; background: pink; } .title{ height:40px; width:100%; border-bottom:1px solid #b9b9b9; text-…