本文实例讲述了JS回调函数 callback的理解与使用。分享给大家供大家参考,具体如下: 基本理解一个概念 回调函数回头再调用函数,等主干事情干完了,再回头干分支上的事情。 官方定义A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.实例1 //定义主函数,回调函数作为参数 function A(callback) {callback();console.log(我是主函数); } //...
本文实例讲述了seajs和requirejs模块化。分享给大家供大家参考,具体如下: 如今,webpack、gulp等构件工具流行,有人说seajs、requirejs等纯前端的模块化工具已经被淘汰了,我不这么认为,毕竟纯前端领域想要实现模块化就官方来讲,还是有一段路要走的。也因此纯前端的模块化工具依然有价值,而且就我了解一些中小企业一直都在用纯前端的模块化手段。 如今,重新关注seajs和requirejs,不求理解多么深刻,要求会用能用就可以。 模...
开发背景&痛点 : 每次写前端的表单的时候需要对表单里用户填写的内容进行校验,减少服务器压力,提前对已知错误对用户提示。每次会要写很多的if else等等对输入框中的内容进行判断,并对为空、格式不正确等情况作出对应提示。 需要写大量重复的if else语句,实在太麻烦,所以自己写了这个框架用于前端参数的校验。 本框架基于LayUI框架 对于三种开发者情况: 1、完全不会LayUI也没有任何关系 在html头部中添加如下代码就OK了 <scr...
大家好!先上图看看本次案例的整体效果。**浪奔,浪流,万里涛涛江水永不休。如果在jq时代来实这个功能简直有些噩梦了,但是自从前端思想发展到现在的以MVVM为主流的大背景下,来实现一个这样繁杂的功能简直不能容易太多。下面就手把手带您一步步拨开这个案例的层层迷雾。**实现步骤如下: 1. api构建部门和员工信息接口,vuex全局存放部门list和员工list数据信息。 api:export default {getEmployeeList () {return {returncode:...
有一个项目需求,要求在前端项目中导出Excel表格,经过查找代码,Vue.js确实可以实现,具体实现步骤为: 1.安装依赖 npm install -S file-saver xlsx npm install -D script-loader2.导入两个JS 下载Blob.js和Export2Excel.js,在src目录下新建Excel文件夹,里面放入Blob.js和Export2Excel.js两个JS文件 3.在main.js引入这两个JS文件 ** import Blob from ./excel/Blob import Export2Excel from ./excel/Export2Excel.js 4.在组件中...
本文实例讲述了JS学习笔记之闭包小案例。分享给大家供大家参考,具体如下: 直接上代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" /><title>Document</title> </head> <style type="text/css">*{list-style:none;}ul{display:flex;flex-wrap:wrap;}li{width: 20%;text-align: center;}img{width: 90%;padding:5%;border:1px solid #ccc;border-radius:5px;} </style> <body> <ul><li><img src="http://www.ni...
本文实例讲述了JavaScript图片库。分享给大家供大家参考,具体如下: 一、一个javascript 图片库实例,下面是效果图点击顶部导航,会在本页面进行刷新图片,然后,在底部会显示文本的变化 二、下面是代码 1、gallery.html代码 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/showPic.js"></script><link rel="stylesheet" type="text/css" href="css/layout.css" rel=...
源码这个东西对于实际的工作其实没有立竿见影的效果,不会像那些针对性极强的文章一样看了之后就立马可以运用到实际项目中,产生什么样的效果,源码的作用是一个潜移默化的过程,它的理念、设计模式、代码结构等看了之后可能不会立即知识变现(或者说变现很少),而是在日后的工作过程中悄无声息地发挥出来,你甚至都感觉不到这个过程 另外,优秀的源码案例,例如 vue 、 react 这种,内容量比较庞大,根本不是三篇五篇十篇八篇文章就...
安装环境 安装node.js并配置环境变量安装淘宝镜像,npm install -g cnpm --registry=https://registry.npm.taobao.org安装webpack,cnpm install webpack -g安装脚手架npm install vue-cli -g创建项目 在硬盘上找一个文件夹放工程用的,在终端中进入该目录,cd目录路径 根据模板创建项目,vue init webpack-simple 工程名字<工程名字不能用中文>,vue init webpack 工程名字<工程名字不能用中文>,模板解读cd进入创建的工程目录安装项...
知乎的首页后面的粒子动效总觉得很炫酷,搜了一下,发现是用particles.js编写的。刚好目前的项目是利用vue框架的,两个凑在一起学了。 讲道理,这个用得好的话,页面是可以很酷的,譬如我现在写的项目酷酷的登录页 嘻嘻~ 安装particles.js npm install --save particles.js 配置particles.js 1.data 这个data是用于控制粒子在页面中所呈现的状态。 { "particles": {"number": {"value": 60,"density": {"enable": true,"value_area...
本文实例讲述了javascript简单链式调用方法。分享给大家供大家参考,具体如下: jQuery用的就是链式调用。像一条连接一样调用方法。 链式调用的核心就是return this;,每个方法都返回对象本身。 下面是简单的模拟jQuery的代码: <script>window.$ = function (id) {return new _$(id);}function _$(id) {this.elements = document.getElementById(id);}_$.prototype = {constructor: _$,hide: function () {console.log(hide);retur...
本文实例讲述了jQuery实现在新增加的元素上添加事件方法。分享给大家供大家参考,具体如下: 最近项目组需要在新增的元素上增加时间,有人说用live方法后来使用的时候发现jQuery没有该方法(1.7以上就没了)替换为on 除了jquery api官方的例子外还有以下的例子可以在新增的元素上添加事件 $(document).on("click",#lyysb a,function(){if(!$(this).hasClass(cur)){$(this).addClass(cur);} else {$(this).removeClass(cur);} });但...
这篇文章给大家分享一个小的JavaScript的案例,就是模仿微博输入框的效果。 效果图:代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>仿微博输入框效果</title> <script src="jquery.js"></script> </head> <body> <textarea name="" id="" cols="30" rows="10"></textarea> <sapn>您还可以输入<strong style="color:red">140</strong>个字</sapn> </body> <script> //给文本域响应键盘按下事件 $...
本文实例分析了JS动态添加选项的方法。分享给大家供大家参考,具体如下: 一、问题: 要做一个调查问卷,问题数量不定,问答答案不定。JS控答案效果图 二、实现方法: 为了实现这个效果,点击那个按钮就在下面添加4个答案框,选择从A-Z这26个字母,就是为了ASSIC码方便处理 看看HTML结果 <table width="100%" class="form"><tr><th width="100px"><label>标题1:</label></th><td align="left"><input type="text" class="large" id...
本文实例讲述了iframe中使用jquery进行查找的方法。分享给大家供大家参考,具体如下: 问题: 今天在公司是给ckeditor添加一个“是否显示”图片标题的功能 难点: 插件的内容很多,功能相当强大,在短时间之内无法通读和理解里面的逻辑关系,而且修改的内容不能破坏插件内部的逻辑关系,不能因为添加一个功能而引入更多的问题,因此只能从局部去解决这个问题 突破口: 知道页面时使用iframe框架插入的html,页面有些初始化的功能是...