JavaScript - 教程之家

61浏览

0评论

详解vue-cli 构建Vue项目遇到的坑

前言使用Vue做管理系统和WebApp做过三四个项目了，期间遇到很多坑，再次一一列举，并给出解决方案，方便日后更方便使用，也为他人提供一些解决方案。问题表象和解决方案1、编译后js、...

2020-05-27

54浏览

0评论

JavaScript实现滑动导航栏效果

本文实例为大家分享了js实现滑动导航栏效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewp...

2020-05-27

46浏览

0评论

详解js几个绕不开的事件兼容写法

本文介绍了详解js几个绕不开的事件兼容写法，分享给大家，具体如下：
1、键盘事件 keyCode 兼容性写法var inp = document.getElementById('inp')var result = document.getElemen...

2020-05-27

63浏览

0评论

js实现图片放大展示效果

图片放大展示效果的实现代码，可动态生成图片，每次点击看原图的时候为当前id里面的图片HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...

2020-05-27

50浏览

0评论

浅谈js中的this问题

thisthis的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这里其实并不完全对,this的指向有时候会...

2020-05-27

42浏览

0评论

基于JSON数据格式详解

JSON是行业内使用最为广泛的数据交换格式，在很多场景都有广泛的应用。JSON适用于进行数据交互的场景，典型的是Ajax中实现异步加载；为了支持跨平台、数据安全等的Web Service也...

2020-05-27

51浏览

0评论

对存在JavaScript隐式类型转换的四种情况的总结(必看篇)

一般存在四种情况，JavaScript会对变量的数据类型进行转换。目录
* if中的条件会被自动转为Boolean类型 * 会被转为false的数据 * 会被转为true的数据* 参与+运算都会被隐式的...

2020-05-27

59浏览

0评论

浅谈vue的踩坑路

------>axios模拟get json一直拿不到文件，先把data放到根目录，再去dev-server.js（就是npm执行的那个文件）里面设置静态资源访问路径app.use('/data',express.static('./data'))...

2020-05-27

67浏览

0评论

浅谈在fetch方法中添加header后遇到的预检请求问题

今天在使用fetch方法fetch('xxx.com',{header:{bbbbbbb:111}})浏览器返回的请求信息中，header变成了:authority:koss.nocorp.me:method:OPTIONS:path:/?a=1:scheme:https...

2020-05-27

53浏览

0评论

jquery操作ul的一些操作笔记整理(干货)

1、html标记 <ul id="attachText"> <li data-text="111"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofol...

2020-05-27

67浏览

0评论

JavaScript基础之流程控制语句的用法

第三部分：流程控制语句JavaScript代码是书写位置：JavaScript代码应该写在<script type=”text/javascript”></script>这一对标记中。或者作为外部引用<script src="JavaScrip...

2020-05-27

87浏览

0评论

js实现加载页面就自动触发超链接的示例

如下所示：以上这篇js实现加载页面就自动触发超链接的示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...

2020-05-27

73浏览

0评论

Vue 组件间的样式冲突污染

一、污染是如何产生的？得益于 Vue-loader，在 Vue 中可以使用类似于 Web Component 的组件化写法, <template></template><style></style><script></script> ，在大多数情况下，我...

2020-05-27

70浏览

0评论

基于canvas粒子系统的构建详解

前面的话本文将从最基本的imageData对象的理论知识说开去，详细介绍canvas粒子系统的构建imageData关于图像数据imageData共有3个方法，包括getImageData()、putImageData()、cr...

2020-05-27

56浏览

0评论

Cpage.js给组件绑定事件的实现代码

Cpage.js是一款轻量级的Mvvm框架，使用TypeScript（JavaScript的超集）开发。内置模板引擎，路由，指令，http，dom等模块。可以方便地进行组件化开发，语法统一、易用，不依赖于第三方框架，适...

2020-05-27

66浏览

0评论

BootStrap中Table隐藏后显示问题的实现代码

开始的时候先把table隐藏了，由于判断条件让它显示，结果出现错位的问题。//前台代码：<h3 id="faultanalysis-head" class="text-center" style="display:none"><strong>faultana...

2020-05-27

41浏览

0评论

Angular2 http jsonp的实例详解

Angular2 Http
1. 使用Http 绝大部分应用程序都会和后台服务打交道，Http是浏览器和服务器之间通讯的主要协议，通过Http调用来访问远程服务器上相应的 Web API。HttpModule 并...

2020-05-27

46浏览

0评论

BootStrap下的弹出框加载select2框架失败的解决方法

bootstrap下的弹出框加载select2框架失败的解决方案如下所示：$("#modal").on("shown.bs.modal", function(){ //等待弹出框弹出后再渲染select2控件 $("#select2").s...

2020-05-27

45浏览

0评论

JavaScript 通过Ajax 动态加载CheckBox复选框

废话不多说了，直接给大家贴代码了，具体代码如下所示：<pre name="code" class="html"><div class="controls" id="compareyear"> </div></pre><br> <img src="http://img.blog.c...

2020-05-27

93浏览

0评论

浅谈express 中间件机制及实现原理

简介
中间件机制可以让我们在一个给定的流程中添加一个处理步骤，从而对这个流程的输入或者输出产生影响，或者产生一些中作用、状态，或者拦截这个流程。中间件机制和tomcat的过...

2020-05-27

72浏览

0评论

vue-router 导航钩子的具体使用方法

vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。全局钩子
1、router.beforeEach 注册一个全局的 before 钩子：
const router = new VueRouter({ ... })route...

2020-05-27

73浏览

0评论

深入理解vue-router之keep-alive

本文基于 Vue2.0
keep-alive 简介keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。
用法也很简单：<keep-alive> <component> <!-- 该...

2020-05-27

55浏览

0评论

Vue keep-alive实践总结（推荐）

<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition>...

2020-05-27

83浏览

0评论

浅谈Vue 初始化性能优化

前言
一般来说，你不需要太关心vue的运行时性能，它在运行时非常快，但付出的代价是初始化时相对较慢。在最近开发的一个Hybrid APP里，Android Webview初始化一个较重的vue页面竟然...

2020-05-27

50浏览

0评论

vue实现全选和反选功能

本文实例为大家分享了vue实现全选反选功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head...

2020-05-27

78浏览

0评论

js实现canvas图片与img图片的相互转换的示例

最近在一个项目中，遇到了一个问题，需要把生成的canvas形式的二维码转换为图片，可以长按识别，保存等。查找了一些资料归纳总结了一些知识。默认在jq库里进行，引入jquery.qrcode.mi...

2020-05-27

66浏览

0评论

js实现canvas保存图片为png格式并下载到本地的方法

整理文档，搜刮出一个js实现canvas保存图片为png格式并下载到本地的方法，稍微整理精简一下做下分享。
1.canvas 保存图片2.下载到本地function base64Img2Blob(code){ v...

2020-05-27

35浏览

0评论

JavaScript表单即时验证验证不成功不能提交

不能再让表单在提交按钮之后才被验证了！你输入的任何信息表单都会即时反应！
这个JavaScript的关键是onChange()事件，使用onKeyUp()事件完成是不行的，人家没有输入完毕，你就说人家...

2020-05-27

36浏览

0评论

JS中关于正则的巧妙操作

废话不多说了，直接给大家贴代码了，具体代码如下所示：var msg="dsada[emoji:37]dsadas[emoji:3900]法拉綏芬河";function fetch(msg) { var match, result = msg, reg = /\[...

2020-05-27

49浏览

0评论

详解使用angular的HttpClient搭配rxjs

一、原Http使用总结使用方法1.在根模块或核心模块引入HttpModule
即在AppModule或CoreModule中引入HttpModule：
import { HttpModule } from '@angular/http';@NgModule({ im...

2020-05-27

48浏览

0评论

JQuery EasyUI 结合ztrIee的后台页面开发实例

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是...

2020-05-27

50浏览

0评论

[js高手之路]单例模式实现模态框的示例

什么是单例呢？单，就是一个的意思。例：就是实例化出来的对象，那合在一起就是保证一个构造函数只能new出一个实例，为什么要学习单例模式呢？或者说单例模式有哪些常见的应用场景.它的...

2020-05-27

48浏览

0评论

关于Promise 异步编程的实例讲解

实例如下所示：//1.解决异步回调问题//1.1 如何同步异步请求//如果几个异步操作之间并没有前后顺序之分,但需要等多个异步操作都完成后才能执行后续的任务，无法实现并行节约时...

2020-05-27

71浏览

0评论

使用JS和canvas实现gif动图的停止和播放代码

HTML5 canvas可以读取图片信息，绘制当前图片。于是可以实现图片马赛克，模糊，色值过滤等很多图片特效。我们这里不用那么复杂，只要读取我们的图片，重绘下就可以。

HTML代码：
<img...

2020-05-27

45浏览

0评论

js禁止浏览器页面后退功能的实例(推荐)

实例如下所示：<script> $(function(){ if(window.location.href.indexOf("/login") > -1) { //防止页面后退 history.pushState(null, null, document.URL); wi...

2020-05-27

63浏览

0评论

JavaScript中数组常见操作技巧

效果图如下所示：Tip: 右键在新标签中打开查看清晰大图下面介绍JavaScript中的数组对象遍历、读写、排序等操作以及与数组相关的字符串处理操作创建数组一般使用数组字面量[]...

2020-05-27

77浏览

0评论

js禁止Backspace键使浏览器后退的实现方法

在项目中遇到按下Backspace键让浏览器后退的问题，上网搜了几种解决方案都不太理想。于是集众人之智，采众家之长，归纳如下：1、在公用js中定义阻止Backspace的方法
function banBa...

2020-05-27

75浏览

0评论

深入理解Vue 的条件渲染和列表渲染

这两天学习了Vue.js 感觉条件渲染和列表渲染知识点挺多的，而且很重要，所以，今天添加一点小笔记。条件渲染v-if
在 < template > 中配合 v-if 渲染一整组
在使用 v-if 控制元素...

2020-05-27

63浏览

0评论

写给vue新手们的vue渲染页面教程

前言本文主要给各位vue的新手们分享了关于vue渲染页面的教程，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。vue渲染页面路径图index.htmlApp.vuerouter.jsm...

2020-05-27

44浏览

0评论

JavaScript闭包的简单应用

闭包定义在JavaScript中，当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。简单说，闭包就是能够读取其他函数内部变量的函数。闭包的作用:
1. 可以读取函数内部...

2020-05-27

42浏览

0评论

基于Vue.js 2.0实现百度搜索框效果

使用Vue.js 2.0 模仿百度搜索框效果，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, use...

2020-05-27

49浏览

0评论

jQuery EasyUI结合zTree树形结构制作web页面

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是...

2020-05-27

51浏览

0评论

bootstrap-table实现服务器分页的示例（spring 后台）

最近前端都是用的bootstrap table这个插件，客户端分页的话数据量一多交互不好，所以大数据量的分页都用服务器端，下面开始撸代码前端首先看下bootstrap table 默认传的分页参数...

2020-05-27

61浏览

0评论

js设计模式之结构型享元模式详解

运用共享技术有效地支持大量的细粒度的对象，避免对象间拥有相同内容造成多余的开销。
享元模式主要是对其数据、方法共享分离，将数据和方法分成内部数据、内部方法和外部数据...

2020-05-27

59浏览

0评论

JavaScript中使用参数个数实现重载功能

利用参数的个数实现重载，马上想到的方法就是function overload(){ switch(arguments.length){ case 0: console.log("一个朋友都没有"); break;...

2020-05-27

42浏览

0评论

Angularjs实现上传图片预览功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<input type="file" ng-file-select="onFileSelect($files)" accept="image/*">app.factory("fileReader", function($q, $...

2020-05-27

65浏览

0评论

BootStrap模态框和select2合用时input无法获取焦点的解决方法

在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.解决方法:1.把页面中的 tabindex="-1" 删掉（测试成功）:<div id="myMod...

2020-05-27

76浏览

0评论

Angular中封装fancyBox(图片预览)遇到问题小结

首先在官网下载最新版的fancyBox(一定要去最新网站，以前依赖的jquery版本偏低)，附上链接：http://fancyapps.com/fancybox/3/然后在项目中引用jquery，然后在引用jquery.fancybox....

2020-05-27

39浏览

0评论

Vue的Class与Style绑定的方法

本文介绍了Vue的Class与Style绑定，分享给大家，具体如下：
绑定 HTML Class
对象语法
我们可以传给 v-bind:class 一个对象，以动态地切换 class：<style> .exp{ border: 1px sol...

2020-05-27

59浏览

0评论

javascript 中事件冒泡和事件捕获机制的详解

javascript 中事件冒泡和事件捕获机制的详解二者作用：描述事件触发时序问题事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件---由外到内
事件冒泡：自下而上的...

2020-05-27

热门文章