编程开发 - 教程之家

53浏览

0评论

浅谈vue的踩坑路

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

2020-05-27 12:12:26

56浏览

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 12:12:25

48浏览

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 12:12:22

56浏览

0评论

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

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

2020-05-27 12:12:20

77浏览

0评论

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

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

2020-05-27 12:12:19

64浏览

0评论

Vue 组件间的样式冲突污染

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

2020-05-27 12:12:16

63浏览

0评论

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

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

2020-05-27 12:12:15

47浏览

0评论

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

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

2020-05-27 12:12:11

56浏览

0评论

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

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

2020-05-27 12:12:10

32浏览

0评论

Angular2 http jsonp的实例详解

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

2020-05-27 12:12:08

39浏览

0评论

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

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

2020-05-27 12:12:06

38浏览

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 12:12:05

88浏览

0评论

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

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

2020-05-27 12:12:04

65浏览

0评论

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

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

2020-05-27 12:12:02

67浏览

0评论

深入理解vue-router之keep-alive

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

2020-05-27 12:12:01

41浏览

0评论

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

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

2020-05-27 12:12:00

73浏览

0评论

浅谈Vue 初始化性能优化

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

2020-05-27 12:11:58

45浏览

0评论

vue实现全选和反选功能

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

2020-05-27 12:11:56

62浏览

0评论

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

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

2020-05-27 12:11:55

60浏览

0评论

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

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

2020-05-27 12:11:54

30浏览

0评论

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

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

2020-05-27 12:11:51

32浏览

0评论

JS中关于正则的巧妙操作

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

2020-05-27 12:11:50

45浏览

0评论

详解使用angular的HttpClient搭配rxjs

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

2020-05-27 12:11:49

44浏览

0评论

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

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

2020-05-27 12:11:48

46浏览

0评论

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

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

2020-05-27 12:11:47

44浏览

0评论

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

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

2020-05-27 12:11:45

62浏览

0评论

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

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

HTML代码：
<img...

2020-05-27 12:11:44

40浏览

0评论

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

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

2020-05-27 12:11:43

60浏览

0评论

JavaScript中数组常见操作技巧

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

2020-05-27 12:11:41

63浏览

0评论

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

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

2020-05-27 12:11:40

69浏览

0评论

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

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

2020-05-27 12:11:39

56浏览

0评论

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

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

2020-05-27 12:11:38

36浏览

0评论

JavaScript闭包的简单应用

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

2020-05-27 12:11:35

36浏览

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 12:11:34

40浏览

0评论

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

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

2020-05-27 12:11:32

45浏览

0评论

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

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

2020-05-27 12:11:31

54浏览

0评论

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

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

2020-05-27 12:11:30

55浏览

0评论

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

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

2020-05-27 12:11:29

36浏览

0评论

Angularjs实现上传图片预览功能

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

2020-05-27 12:11:28

58浏览

0评论

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

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

2020-05-27 12:11:26

68浏览

0评论

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

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

2020-05-27 12:11:25

34浏览

0评论

Vue的Class与Style绑定的方法

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

2020-05-27 12:11:23

52浏览

0评论

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

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

2020-05-27 12:11:21

56浏览

0评论

ionic2懒加载配置详解

文章标题为part 1，并解释目前可以如此配置，但后续使用上可能还有变动。以ion-cli默认home组件为例。添加home.module.ts文件import { NgModule } from '@angular/core';import...

2020-05-27 12:11:20

52浏览

0评论

vue 里面使用axios 和封装的示例代码

vue官方推荐使用 axios发送请求
首先上需求1.需要封装全局调用
2.返回一个promise对象
3.错误全局统一处理
4.除了登录界面token带入头部
5.登录时候把用户信息自动存到vuex...

2020-05-27 12:11:18

52浏览

0评论

Vue使用vue-cli创建项目

本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下：vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli
我创建的模板项目：https://github.com/Alecz...

2020-05-27 12:11:16

49浏览

0评论

自制简易打赏功能的实例

1、申请开通cnblogs的JS代码支持2、将微信收款码图片上传到cnblogs3、将如下代码中的http://files.cnblogs.com/files/eritpang/weixin.bmp替换为刚刚上传的收款码图片的链...

2020-05-27 12:11:12

52浏览

0评论

jquery tmpl模板(实例讲解)

之前用模板渲染都是用angular，无意间发现了jquery tmpl这种轻量级，其文档在这里官方解释对该插件的说明：将匹配的第一个元素作为模板，render指定的数据，签名如下:.tmpl([data,][o...

2020-05-27 12:11:11

43浏览

0评论

使用vue-resource进行数据交互的实例

一.使用vue-resource插件进行数据交互式，返回的并不是直接的json数据，其实还封装了一层。如下代码：直接使用 res.result.list 取不到数据。methods:{ cartview:function(){...

2020-05-27 12:11:08

54浏览

0评论

js es6系列教程 - 新的类语法实战选项卡(详解)

其实es6的面向对象很多原理和机制还是ES5的，只不过把语法改成类似php和java老牌后端语言中的面向对象语法.一、用es6封装一个基本的类class Person{ constructor( uName ){...

2020-05-27 12:11:05

热门文章