JavaScript - 教程之家

61浏览

0评论

详解vue-cli本地环境API代理设置和解决跨域

前言
我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。我们可...

2020-05-27

58浏览

0评论

JSON在Javascript中的使用（eval和JSON.parse的区别）详细解析

JSON 和XML比较json的长度和xml比起来更加短小json读取速度更快json可以使用JavaScript的内置方法直接进行解析，转化成javascript对象，非常方便。在Javascript使用eval将接送...

2020-05-27

59浏览

0评论

jQuery实现注册会员时密码强度提示信息功能示例

本文实例讲述了jQuery实现注册会员时密码强度提示信息功能。分享给大家供大家参考，具体如下：1.效果如图所示：2.html代码：<p><span>设置密码：</span><input type="password" id="e...

2020-05-27

61浏览

0评论

JavaSctit 利用FileReader和滤镜上传图片预览功能

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File或 Blob对象指定要读取的文件或数据。1、FileReader接口的方法FileReade...

2020-05-27

65浏览

0评论

详解Vue2.0 事件派发与接收

由于vue2.0 移除了1.0中的$dispatch 和$broadcast 这两个组件之间通信传递数据的方法 ,官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了一个空的vue...

2020-05-27

49浏览

0评论

vue如何使用 Slot 分发内容实例详解

vue我自己还在摸索学习中，今天学习了使用 Slot 分发内容，给自己留个小笔记
使用slot分发内容我们要注意2点<app> 组件不知道它会收到什么内容。这是由使用 <app> 的父组件决定...

2020-05-27

53浏览

0评论

js使用generator函数同步执行ajax任务

本文实例为大家分享了js使用generator函数同步执行ajax任务的具体代码，供大家参考，具体内容如下
function request(url, callback) { fetch(url, {mode: 'cors', credentials...

2020-05-27

71浏览

0评论

javascript观察者模式实现自动刷新效果

本文实例为大家分享了js观察者模式实现自动刷新的具体代码，供大家参考，具体内容如下// author wangbinandi@gmail.comconst observable = obj => { const observers = Symbol...

2020-05-27

69浏览

0评论

Node.js如何使用Diffie-Hellman密钥交换算法详解

简介
Diffie-Hellman（简称DH）是密钥交换算法之一，它的作用是保证通信双方在非安全的信道中安全地交换密钥。目前DH最重要的应用场景之一，就是在HTTPS的握手阶段，客户端、服务端利...

2020-05-27

57浏览

0评论

js实现鼠标跟随运动效果

鼠标跟随运动效果展示
1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span
2、给span标签添加字段
3、设置基本的样式
1、cursorPlay的宽度 992px，高度6...

2020-05-27

76浏览

0评论

webpack踩坑之路图片的路径与打包

刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图...

2020-05-27

45浏览

0评论

浅谈angular4生命周期钩子

理解
Angular提供了生命周期钩子，把这些关键生命时刻暴露出来，赋予我们在它们发生时采取行动的能力。可以将钩子函数理解为在合适的时候做合适的事情。
钩子函数
ng4主要提供...

2020-05-27

42浏览

0评论

Angular2里获取（input file）上传文件的内容的方法

最近在用Angular2，需要有一个上传文件的功能，但是又不想用库，所以直接用原生的input file 标签。<input type="file" id="newUpload" >然后想获取上传的内容，于是先想了个愚蠢的...

2020-05-27

49浏览

0评论

node.js-v6新版安装具体步骤(分享)

1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O...

2020-05-27

58浏览

0评论

vue组件初学_弹射小球(实例讲解)

1. 定义每个弹射的小球组件( ocicle )2. 组件message自定义属性存放小球初始信息(可修改)
{ 　　　top: "0px", //小球距离上方坐标　　　left: "0px", //小球距离左...

2020-05-27

49浏览

0评论

浅谈react.js中实现tab吸顶效果的问题

在react项目开发中有一个需求是，页面滚动到tab所在位置时，tab要固定在顶部。实现的思路其实很简单，就是判断当滚动距离scrollTop大于tab距离页面顶部距离offsetTop时，将tab的pos...

2020-05-27

58浏览

0评论

详谈js原型继承的一些问题

当我们使用原型链继承时，需要谨慎的定义原型上的方法和属性，因为这可能带来意外的结果。一、谨慎的定义原型上的方法。当我们想为一个构造函数的原型上定义一个方法时，一定要在...

2020-05-27

48浏览

0评论

jquery实现用户登陆界面(示例讲解)

实例如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-1.8.0.min.js"></script> <script> var...

2020-05-27

53浏览

0评论

javascript如何用递归写一个简单的树形结构示例

现在有一个数据，需要你渲染出对应的列表出来：var data = [ {"id":1}, {"id":2}, {"id":3}, {"id":4}, ];var str="<ul>";data.forEach(function(v,i){ str+="<li><span>"+v.i...

2020-05-27

60浏览

0评论

表格展示利器 Bootstrap Table实例代码

1.Bootstrap Bable 全部数据导出分析在表格导出数据中，发现设置了分页参数，导出的数据仅为表格加载的分页参数数据，于是，针对这样的情况，通过设置分页参数的值，使表格可以加...

2020-05-27

58浏览

0评论

Vue的百度地图插件尝试使用

百度地图插件
安装
CDN全局安装
<script src="https://unpkg.com/vue-baidu-map"></script>插件的引入
Vue.use(VueBaiduMap.default, { ak: 'YOUR_APP_KEY',})ak 是在百度...

2020-05-27

42浏览

0评论

jquery实现限制textarea输入字数的方法

jquery怎么实现限制textarea输入的字数呢？有需要的朋友可以参考一下我写的例子，当然如果有误，也希望大家能及时指出来，大家共同学习进步。<!DOCTYPE html><html lang="en"><head...

2020-05-27

57浏览

0评论

JavaScript 中Date对象的格式化代码方法汇总

JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面说说我总结的JavaScript时间格式化方法。很多时候，我们可以利用JavaScript中Date对象的内置方法来格...

2020-05-27

58浏览

0评论

vue mixins组件复用的几种方式（小结）

最近在做项目的时候，研究了mixins，此功能有妙处。用的时候有这样一个场景，页面的风格不同，但是执行的方法，和需要的数据非常的相似。我们是否要写两种组件呢？还是保留一个并且然后...

2020-05-27

53浏览

0评论

轻松玩转BootstrapTable（后端使用SpringMVC+Hibernate）

还是那句老话，好记性不如烂笔头。记得以前的一个Demo项目里面有分页，但是没有用插件，自己手写的分页处理，但是效果并不是很好，最近接触到插件BootstrapTable，风格和Bootstrap统一，...

2020-05-27

70浏览

0评论

详解Vue.js组件可复用性的混合(mixin)方式和自定义指令

混合是什么
混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身...

2020-05-27

49浏览

0评论

JavaScript中运算符规则和隐式类型转换示例详解

前言本文主要给大家介绍了关于JavaScript运算符规则和隐式类型转换的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。隐式类型转换
在 JavaScript...

2020-05-27

47浏览

0评论

js防刷新的倒计时代码 js倒计时代码

最近在维护考试系统，在进行考试测试时无意中点击了刷新按钮，但是上面的倒计时并没有受到影响，同时在几篇博客中也有这样的例子，所以我想看看它到底是怎样防止刷新的。如果是用cs...

2020-05-27

60浏览

0评论

JavaScript使用FileReader实现图片上传预览效果

FileReader是HTML5 File API的一部分。它实现了一种异步文件读取机制。可以把FileReader想象为XMLHttpRequest，区别只是它读取的是文件系统，而不是远程服务器。为了读取文件中...

2020-05-27

59浏览

0评论

node.js实现的装饰者模式示例

本文实例讲述了node.js实现的装饰者模式。分享给大家供大家参考，具体如下：装饰者模式的实现更强调类的组合而不是通过继承。这样可以增强灵活性。在node.js 中，可以通过call函...

2020-05-27

56浏览

0评论

NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】

本文实例讲述了NodeJS设计模式。分享给大家供大家参考，具体如下：1 . 单例模式顾名思义，单例就是保证一个类只有一个实例，实现的方法是，先判断实例是否存在，如果存在则直接返回，若不...

2020-05-27

73浏览

0评论

JavaScript学习笔记之函数记忆

本文讲解函数记忆与菲波那切数列的实现，分享给大家，具体如下
定义
函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。举个例子：fu...

2020-05-27

64浏览

0评论

jQuery实现的文字逐行向上间歇滚动效果示例

本文实例讲述了jQuery实现的文字逐行向上间歇滚动效果。分享给大家供大家参考，具体如下：运行效果图如下：具体代码如下：<!doctype html><html><head><meta charset="utf-8"><titl...

2020-05-27

86浏览

0评论

JavaScrip数组删除特定元素的几种方法总结

前言
可能一说到删除数组特定元素你估计不止一种方法可以实现，那么下面且来看看我总结的这几种方法，可能会对你有所帮助！话不多说了，来一起看看详细的介绍吧。
源数组
var arr =...

2020-05-27

55浏览

0评论

jQuery实现的弹幕效果完整实例

本文实例讲述了jQuery实现的弹幕效果。分享给大家供大家参考，具体如下：看视频的时候老是会出现一些弹幕，对于这个看着很高大上的特效，其实也不难实现。先来看看运行效果：下面将整...

2020-05-27

60浏览

0评论

vue 2.0项目中如何引入element-ui详解

前言本文主要介绍了关于在vue 2.0项目中引入element-ui的相关内容，从新建vue项目到引入组件Element介绍的非常详细，下面话不多说了，来一起看看详细的介绍吧。
一、新建项目
1....

2020-05-27

47浏览

0评论

js canvas实现简单的图像扩散效果

本文实例为大家分享了canvas实现简单图像扩散的代码，供大家参考，具体内容如下
<!DOCTYPE HTML> <html> <body> <canvas id="myCanvas" width="800" height="800" style="bord...

2020-05-27

58浏览

0评论

详解require.js配置路径的用法和css的引入

前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些框架都在尝试着解决一些前端开发中的共性问题，但是实现又不...

2020-05-27

54浏览

0评论

node.js实现微信JS-API封装接口的示例代码

Wechat JS-API接口功能：用于管理和获取微信 JSSDK 生产的access_token、jsapi_ticket和签名（signature）Installation
npm i wechat_interaction_jsapiInit
let Jsapi = require...

2020-05-27

50浏览

0评论

Django使用多数据库的方法

有些项目可能涉及到使用多个数据库的情况，方法很简单。1.在settings中设定DATABASE比如要使用两个数据库：DATABASES = { 'default': { 'NAME': 'app_data', 'ENGINE':...

2020-05-27

48浏览

0评论

jQueryUI Sortable 应用Demo(分享)

最近工作用需要设计一个自由布局的页面设计。我选了jQuery UI 的 sortable ，可以拖拽，自由排序使用很方便，写一个demo，做个记录。第一、单项目自由排序下图效果代码段：<script t...

2020-05-27

83浏览

0评论

jQuery UI Draggable + Sortable 结合使用(实例讲解)

工作中需要将一个左边的设计好的控件，拖拽到右边的面板中，同时保持右边面板中的控件自由排序，这时候就需要及支持拖拽又支持排序的操作了，Demo截图：从左边控件拖到右边区域代码段...

2020-05-27

46浏览

0评论

JQuery 获取多个select标签option的text内容(实例)

根据option的id属性，修改text值
$("#sel_div .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_div .select_class option[id='-...

2020-05-27

72浏览

0评论

基于vue.js路由参数的实例讲解——简单易懂

vue中，我们构建单页面应用时候，一定必不可少用到vue-routervue-router 就是我们的路由，这个由vue官方提供的插件首先在我们项目中安装vue-router路由依赖第一种，我们提供命令行...

2020-05-27

38浏览

0评论

基于require.js的使用(实例讲解)

本篇文章总结下require.js使用方法。1.为什么使用require.js?使用之前，我的页面的js是这样的<script type="text/javascript" src="/js/jquery.min.js"></script><script...

2020-05-27

84浏览

0评论

基于Cookie常用操作以及属性介绍

概述最近项目要用到cookie存储部分用户信息;研究了一下做一下分享Cookie 是服务器保存在浏览器的一小段文本信息，每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发...

2020-05-27

57浏览

0评论

AngularJS 打开新的标签页实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html ng-app="myPro"> <head> <meta charset="UTF-8"> <title>angularJS-打开新的标签页</ti...

2020-05-27

56浏览

0评论

JavaScript+CSS相册特效实例代码

嗯就是这样一个例子，视频学到的一个特效，实际用处并不大，但是可以帮助理解JS语言和熟悉CSS3样式。设计：观察一张图片的变化，发现：1、图片缩放（随机，并且不是同时运动） 1、从大...

2020-05-27

50浏览

0评论

使用mint-ui开发项目的一些心得(分享)

Mint-ui：1、Cell开发过程中，有时需要修改mt-cell自带的icon和value的标签样式，这时我们可以在<mt-cell></mt-cell>内新添如下标签进行改写：
<si-cell class="user-cell item-cel...

2020-05-27

64浏览

0评论

微信小程序实现轮播图效果

微信小程序实现轮播图，和网站，APP的效果差不多，代码少，效率高。先来看看效果图：主要用swiper + swiper-item来实现 <view class='swiper'>滑块视图容器</view><!-- indicator-dot...

2020-05-27

热门文章