JS
上传图片,多图上传,预览功能,js原生无依赖
最近很好奇前端的文件上传功能,因为公司要求做一个支持图片预览的图片上传插件,所以自己搜了很多相关的插件,虽然功能很多,但有些地方不能根据公司的想法去修改,而且需要依赖jQuery或Bootstrap库,所以我就想学下图片上传的原理,试着做一个原生无依赖,而且足够灵活的图片上传插件。话不多说,开整。 1. 大体思路 1.1 首先我们需要考虑用户如何使用我们的插件。 用户引入插件代码后,只需要像下面
日期 2023-10-26 10:14:01JS对JSON的操作总结
对于前端完全是菜鸟,迫于无奈,工作中要用到JS,尤其对JSON的处理为多,网上搜了一下,所讲的基本雷同。所以把平时用的比较多的JSON处理方法总结了一下,权当加深记忆。 一、概述 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaS
日期 2023-10-26 10:14:01Js内存泄露问题总结
最近接受了一个Js职位的面试,问了很多Js的高级特性,才发现长时间使用已知的特性进行开发而忽略了对这门语言循序渐进的理解,包括Java我想也是一样,偶尔在Sun官方看到JDK6.0列举出来的new features才发现很多东西是自己并不知道或者遗忘了的。看来还是要坚持总结技术,反复理解和运用才能保持对任何技术的掌握运用能力阿。翻了一些Js的新老资料,准备先讲讲Js的内存泄露问题——当一个DOM
日期 2023-10-26 10:14:01JS字符串反转的2种方式
第一种: 字符串转数组,反转数组,数组转字符串。 split(""):根据空字符串拆分数组reverse():数组反转元素位置join(""):数组转回字符串,且不带分隔符 let str = "hello world&
日期 2023-10-26 10:14:01JavaScript(JS) 移动端使用Bootstrap重写alert()和confirm()去掉关闭网页按钮
安卓手机的浏览器中使用alert()和confirm()时,弹出几次后就会出现关闭网页按钮,影响用户体验。本文主要介绍通JavaScript(JS)来重写移动端的alert()和confirm(),来实现去掉其中的关闭网页按钮。 原文地址:JavaScript(JS) 移动端使用Bootstrap重写alert()和confirm()去掉关闭网页按钮
日期 2023-10-26 10:14:01jquery动态生成dom(比如append)导致js事件无效
如果无效用这个方法: on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 <div id="zkdiv"> <input type="button" value="展开" id="zk" class="zk"/> <br> </div> $("#zkdiv").on("click",".zk",functio
日期 2023-10-26 10:14:01js 中使用el表达式 关键总结:在js中使用el表达式一定要加双引号
Java代码 var selected = ${requestScope.xxxxForm.recordNumPerPage} 这样始终js错误,因为在第一次的时候requestScope.xxxxForm.recordNumPerPage为null。于是在boss的指导下,简单的加了两个引号,代码变成
日期 2023-10-26 10:14:01数组插件----linq.js
优点 1、支持jQuery插件的方式。jquery.linq.min.js。 2、也可以像普通js方法一样使用。linq.min.js。 3、当然用习惯VS的童鞋肯定希望有个良好的智能感知,是的,它支持。 &nb
日期 2023-10-26 10:14:01【爱心弹幕----使用HTML+CSS+JS等实现(效果+源码)】
效果 源码 爱心弹幕.html <!DOCTYPE html> <html lang="en"> <head>
日期 2023-10-26 10:14:01Numeral.js – 格式化和操作数字的 JavaScript 库
Numeral.js 是一个用于格式化和操作数字的 JavaScript 库。数字可以格式化为货币,百分比,时间,甚至是小数,千位,和缩写格式,功能十分强大。支持包括中文在内的17种语言。 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果【附源码下载】 创意无限!一组网页边栏过渡动画【附源码下载】 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的复选框(Check
日期 2023-10-26 10:14:01常见面试题集合之--js
1、let、const 和 var 的区别 var arr1 = [] for (var i = 0; i < 10; i++) { arr1[i] = function (
日期 2023-10-26 10:14:01阮一峰的js教程,值得一读
http://javascript.ruanyifeng.com/introduction/intro.html
日期 2023-10-26 10:14:01JS组件系列——自己动手封装bootstrap-treegrid组件
前言:最近产品需要设计一套相对完整的组织架构的解决方案,由于组织架构涉及到层级关系,在表格里面展示层级关系,自然就要用到所谓的treegrid。可惜的是,一些轻量级的表格组件本身并没有自带树形表格的功能,比如bootstrapTable就没有这个功能,怎么办呢?如果是jqgrid、easyUI的表格,treegrid的效果可以说是轻而易举就能解决,而项目目前用的就是bootstrapTable,
日期 2023-10-26 10:14:01js动态生成表格
下面用js实现可以生成用户所需行数的表格。 1.首先在body中填入下列代码,获取用户填入的行数值 1 <table> 2 <tr> 3 <td>动态生成表格</td> 4 <td><input id="Cold" type="text" class="input" size="10" name=
日期 2023-10-26 10:14:01js获取嵌套数组,嵌套对象的值
2021-1-12 11:55:14 星期二 场景: 服务端会返回一大堆字段的定义列表, 比如 order_status: {-1: '异常', 1: '已下单', 2 : '发货中', 3:....}, 需要前端将汉字展示在页面中; 原因: 如果数组或对象是多维的, 嵌套了很多层, 就需要写很多的中括号, 引号, 拼接符,去获取最终的值, 可读性太差, 容易
日期 2023-10-26 10:14:01js模版引擎handlebars.js实用教程——如何引入Handlebars.js
返回目录 Jquery插件,第一步当然要引用Jquery啦,然后引用Handlebars.js即可,仅仅需要这两个js文件。 1 <script type="text/javascript" src="script/jquery.js"></script> 2 <script type="text/javascri
日期 2023-10-26 10:14:01Js函数function基础理解
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法。因此,函数名实际上是指向函数对象的指针,不与某个函数绑定。在常见的两种定义方式(见下文)之外,还有一种定义的方式能更直观的体现出这个概念: var sum = new Function("num1", "num2", "return num1 + num2"); //
日期 2023-10-26 10:14:01了解JS压缩图片,这一篇就够了
前言 公司的移动端业务需要在用户上传图片是由前端压缩图片大小,再上传到服务器,这样可以减少移动端上行流量,减少用户上传等待时长,优化用户体验。 插播一下,本文案例已整理成插件,已上传npm ,可通过 npm install js-image-compressor -D 安装使用,可以从github 下载。 JavaScript 操作压缩图片原理不难,已有成熟 API,然而在实际输出压缩后结果却总
日期 2023-10-26 10:14:01客户端js生成rsa 密钥对
本来一般的rsa加密为非对称加密,一般情况都是公钥前端加密,私钥后端解密。一般情况都是后端服务器生成。说了那么多的一般,不一般的就是现在需要前端生成。在茫茫度娘,博嫂的帮助下,找到了这段代码,特此记录下。有人说不兼容ie。我测了是兼容的嘛,明明 func是啥子东西,问得好。这个是个回调函数的样子,就是为了解决在接口wondow会延时执行的毛病。嘿嘿嘿! //获取密钥对 functi
日期 2023-10-26 10:14:01Node.js 调存储过程
1 var spring = require("spring"); 2 //当前登录人ID 3 var account_id = require('nodejava').toJs.parse(com.tt.pwp.framework.security.SecurityUtils.getLoginAccount()).attributes.ACCOUNT_ID; 4 var res
日期 2023-10-26 10:14:01利用tween,使用原生js实现模块回弹动画效果
最近有一个需求,就是当屏幕往下一定像素时,下方会有一个隐藏的模块马上显现出来,向上运动后带有回弹效果。然后屏幕滚回去时这个模块能够原路返回 其实这个效果css3就可以很轻松实现,但是公司要求最低兼容ie7,只能说是无缘了 后来,利用jq的animate也能够实现,但是不知道怎么回事 当滚回去时有延迟,好几秒后才能隐藏不见。 最终使用tween能够完美实现,只能说原生js的强大了。 tween其实
日期 2023-10-26 10:14:01js校验金额输入
//验证非负实数,保留2位小数,不采取四舍五入,不能去掉无效零,obj是this //示例:<input type="text" onkeyup="IWS_CheckDecimal(this)" /> function IWS_CheckDecimal(obj) { var temp = /^\d+\.?\d{0,2}$/; if (temp.test(obj.v
日期 2023-10-26 10:14:01我在人间苦啃JS之promise解读
我在人间苦啃JS之promise解读 要先理解好异步! 异步JavaScript简介 - 学习 Web 开发 | MDN (mozilla.org) promise理解 [理解JavaScript Pr
日期 2023-10-26 10:14:01原生js发起GET,POST请求调用接口,XMLHttpRequest的使用以及onreadystatechange没有返回值的问题
get请求 //get请求 function getRequest(api) { //1、创建一个 xhr 的对象 let xhr = new XMLHttpRequest(); //2、调用xhr中的
日期 2023-10-26 10:14:01openerp js调用Python类方法
转自:http://blog.csdn.net/kuaileboy1989/article/details/42875497 js调用.py文件中定义的类 形式如下: //创建product.product类 var prod_obj=new instance.web.Model("product.product") //调用prod_obj中的方法 prod_obj.call("g
日期 2023-10-26 10:14:01node.js之使用express一步开放静态资源
学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353 效果图 目录结构 app.js代码 var express =
日期 2023-10-26 10:14:01前端面试总结之:js跨域问题
金三银四,这会到了招聘的高峰期,最近很多朋友都向我发来了面试题,特此来自我留下笔记和分享,希望对大家有帮助,有所提升。 什么是跨域? 我们经常会看到上边类似的报错,Access-Cotrol-Allow-Origin 这是典型的跨域报错。其实我们通常所
日期 2023-10-26 10:14:01JS:复制内容到剪贴板(无插件,兼容所有浏览器)
<button onclick="copyToClip('内容')"> Copy </button> /** * 复制内容到粘贴板 * content : 需要复制的内容 * message : 复制完后的提示,不传则默认提示"复制成功" */ function copyToClip(content, message) { var aux = docum
日期 2023-10-26 10:14:01Vue 脚手架中的.eslintrc.js代码规范 的解决
在我们使用Vue脚手架 创建项目时 尤其是团队共同开发项目时 会按照一个共同的代码规范来编程 创建Vue脚手架中有一个.eslintrc.js格式 但是在编程中我们通常会使用 shift+alt+f 进行代码
日期 2023-10-26 10:14:01Node.js 核心模块 Timers 详解
Timers 模块应该是 Node.js 最重要的模块之一了。为什么这么说呢? 在 Node.js 基础库中,任何一个 TCP I/O 都会产生一个 timer(计时器)对象,以便记录请求/响应是否超时。例如,HTTP请求经常会附带 Connectio
日期 2023-10-26 10:14:01前端JS如何获取主域名(根域名)
最近项目中需要获取url的主域名,比如`www.baidu.com`那么就需要获取`baidu.com`,看似简单,`.`号分隔,取到最后两位就行,但是坑爹的是有`xxx.com.cn`这类域名,还有很多日本的域名,类似`toei.aichi.jp`等,这些都无法通过这种简单的取最后两位的方式来获取,看来只能枚举了。 ## Public Suffix List 最近项目中需要获取url的主域名
日期 2023-10-26 10:14:01node.js 标准/错误输出 和 process.exit
node.js中,各种模块有一种标准的写法: this._process.exec(command, options, function (err, stdout, stderr) { callback(err, stdout, stderr); }) 这里说的标准,是指回调函数,一般有err作为第一个参数,然后是具体的数据。 写服务器程
日期 2023-10-26 10:14:01基于slideout.js实现的移动端侧边栏滑动特效
HTML5现在本领太大了,PC端已经无法满足它的胃口了,它将强势攻入移动端,所以移动端中各种特效也得基于HTML5实现,看看我们将要介绍的slideout.js,能帮我们实现怎么样的侧边栏滑动特效呢~~ 先看下运行效果: 一、准备资料 只需要准备
日期 2023-10-26 10:14:01vue.js块级作用域总结
块级作用域 1.变量的作用域:变量在什么范围内是可用的。 <script> { var name = 'xiaonaihu'; console.log
日期 2023-10-26 10:14:01纯js 判断手势滑动方向
$('body').on('touchstart', '#gallerySlider img', function(e) { var touch = e.originalEvent, startX = touch.changedTouches[0].pageX; startY = touch.changedTouches[0].pageY; slider.on('touchmove', func
日期 2023-10-26 10:14:01JS的运行机制
代码块: JS中的代码块是指由 script 标签分割的代码段。JS是按照代码块来进行编译和执行的,代码块间相互独立(即就算代码块1出错,但不影响代码块2的加载和执行),但变量和方法共享。 案例:2个代码块 script type="text/javascript" console.log("这是代码块一"); /script script type="t
日期 2023-10-26 10:14:01如何观察JS的事件队列的执行划分
也就是说,不同的操作函数,操作符,JS将其放入事件队列是不一样的。。。 比如: 外部函数和内部函数,就是分两次放入事件循环的尾端的。 比如,多个操作符组成的链式操作,也有可能是放不同的操作批次进入事件循环链的。 因为下面代码中的输出就显示了异步事件循环在JS当中的体现。 好好体味了一个小时。 var test = function() { for(var i = 0; i i
日期 2023-10-26 10:14:01JS中setTimeout()的使用方法具体解释
1. SetTimeOut() 1.1 SetTimeOut()语法样例 1.2 用SetTimeOut
日期 2023-10-26 10:14:01Backbone.js 的 View 中定义事件
使用 Backbone 的 View 时,可以象传统 jQuery 那样定义事件,$("selector").click(function(){...})。幸运的是 Backbone 让我们在 View 中定义事件变得更为简单和集中,只要设置 View 的 events 属性,配置 事件,元素以及相应的处理方法,基本模式如下: events: {
日期 2023-10-26 10:14:01js中call、apply、bind那些事2
前言 回想起之前的一些面试,几乎每次都会问到一个js中关于call、apply、bind的问题,比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 虽然网上有很多关于这方面的博客和文章,但还是决定写一篇自己对这方面知识的理解。 作用 首先问个问题,这三个函数的存在意义是什么?答
日期 2023-10-26 10:14:01vue.js具名插槽
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name=
日期 2023-10-26 10:14:01【HTML CSS JS 蝴蝶飞舞特效 绝美(附完整代码)】
目录 效果 代码 效果 这不是视频哦!是代码实现的效果。大家喜欢的可以自己再探索探索!可以更加有意思,实现不一样的效果。 代码 下面是完
日期 2023-10-26 10:14:01《JS原理、方法与实践》- canvas动画
动画是由多幅连续的图片组成 按顺序切换不同的图片给人一种动画的感觉 切换的速度越快动画的感觉越真实 当速度达到1秒24幅图片的时候 人的肉眼就无法分辨了 这就是所说的24帧。canvas中的动画其实就是循环执行擦除和绘制的操作 并且一般会在操作之前保存环境 操作之后恢复环境。使用canvas制作动画由两个关键点 循环执行 绘制每次显示的图片。循环执行主要有两种方式 一种是使用前面所学过的setI
日期 2023-10-26 10:14:01c-lodop云打印实现手机打印 JS语句打印
Lodop和c-lodop目前只能安装到windows操作系统上,但是其他操作系统可通过向C-Lodop安装的电脑发送打印任务,实现手机广域网或局域网打印,打印语句也是简单的JS语句,可以轻松实现云打印。 手机用C-Lodop(云打印方式)打印目前有三种方式:手机访问c-lodop集中打印(局域网)手机访问c-lodop广域网端桥打印(广域网)手机访问c-lodop广域网AO打印(广域网) 由于
日期 2023-10-26 10:14:01doT.js的使用
引言 doT.js可以更好的在html端使用json数据。 {{ }} for evaluation 模板标记符 {{= }} for interpolation 输出显示,默认变量名叫it {{! }} for interpolation with encoding 编码后输出显示 {{? }} for conditionals 条件分支,if条件的简写 {{~
日期 2023-10-26 10:14:01JS断点调试心得
1.断点调试是啥?难不难? 断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例) 步骤记住没? 用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文件
日期 2023-10-26 10:14:01JS语句加不加分号的问题
js一条语句的后面可以不加分号; 是否加分号是编码风格问题, 没有应该不应该,只有你自己喜欢不喜欢; 注意: 在下面2种情况下不加分号会有问题 1、小括号开头的前一条语句 2、中方括号开头的前一条语句 //解决办法: 在行首加分号 //情形一: 小括号开头的前一条语句 var a =
日期 2023-10-26 10:14:01ASP.NET MVC 4 Optimization的JS/CSS文件动态合并及压缩
JS/CSS文件的打包合并(Bundling)及压缩(Minification)是指将多个JS或CSS文件打包合并成一个文件,并在网站发布之后进行压缩,从而减少HTTP请求次数,提高网络加载速度和页面解析速度。压缩功能实现了对javascript脚本和CSS进行压缩的功能,它能够去除脚本或样式中不必要的空白和注释,同时能够优化脚本变量名的长度。 在ASP.NET MVC 4中JS/CSS
日期 2023-10-26 10:14:01node.js中常用的fs文件系统
fs文件系统模块对于系统文件及目录进行一些读写操作。 模块中的方法均有异步和同步版本,例如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。 异步的方法函数最后一个参数为回调函数,回调函数的第一个参数包含了错误信息(error)。 建议大家使用异步方法,比起同步,异步方法性能更高,速度更快,而且没有阻塞。 创建文件 fs.writeFile(
日期 2023-10-26 10:14:01Egg.js 源码分析-项目启动
前言 前端时间抽出时间针对Koa2源码进行了简单的学习,koa 源码是一个很简单的库, 针对分析过程, 想手把手的实现一个类型koa 的框架,其代码, 根据一步步的完善实现一个简单版本的Koa, 每一个步骤一个Branch , 如: stpe-1, 对应的是我想实现第一步
日期 2023-10-26 10:14:01