JavaScript - 教程之家

51浏览

0评论

vue router路由嵌套不显示问题的解决方法

vue router路由嵌套不显示问题的解决方法，具体内容如下路由嵌套，vue2.0 router中嵌套路由不成功，如何解决？我先说下我的需求，例如下图我本来是想打算将中间的模块做一层子路由（tes...

2020-05-27

61浏览

0评论

jQuery Jsonp跨域模拟搜索引擎

效果还不错就差加上键盘控制了...代码如下：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>迷糊网罗</title> <style type="text/css">...

2020-05-27

71浏览

0评论

jquery DataTable实现前后台动态分页

整理文档，搜刮出一个jquery DataTable实现前后台动态分页，稍微整理精简一下做下分享。html代码:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-...

2020-05-27

44浏览

0评论

JavaScript ES6中const、let与var的对比详解

ECMAScript 6 新增 const 和 let 命令，用来声明变量。声明方式变量提升作用域初始值重复定义 const 否块级...

2020-05-27

61浏览

0评论

利用JavaScript对中文（汉字）进行排序实例详解

前言在网页上展示列表时经常需要对列表进行排序：按照修改/访问时间排序、按照地区、按照名称排序。对于中文列表按照名称排序就是按照拼音排序，不能简单通过字符串比较—— ‘...

2020-05-27

52浏览

0评论

Webpack打包css后z-index被重新计算的解决方法

发现问题最近在使用 Webpack 打包 css 文件时，发现了一个问题，发现打包后的 z-index 值跟源文件 z-index 不一致。如下图，左侧是源文件，右侧是打包后的文件：即使加上 !important，...

2020-05-27

64浏览

0评论

Angular.js中下拉框实现渲染html的方法

前言大家都知道angualrjs处于安全的考虑，插值指令会对相应字符串进行过滤，避免出现html攻击。但是在一些时候，我们需要渲染html，比如实现一个分级的下拉框代码如下：<body ng-app...

2020-05-27

73浏览

0评论

关于javascript作用域的常见面试题分享

本文主要给大家分享了关于javascript作用域面试题的相关内容，分享出来供大家参考学习，下面来一起看看吧。一、作用域:在了解作用域之前，首先需要明白一些基础概念：
每一个变量、...

2020-05-27

52浏览

0评论

微信小程序实现皮肤功能（夜间模式）

老规矩，先上效果图个人对夜间模式这个功能情有独钟
晚上黑灯瞎火的看手机，屏幕亮度就算调到最低依然很是刺眼呀
所以我一直用某浏览器，因为有夜间模式言归正传，依然是分析功能点...

2020-05-27

59浏览

0评论

jQuery实现下拉菜单的实例代码

基本效果是这样的~~<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0...

2020-05-27

48浏览

0评论

JS仿淘宝搜索框用户输入事件的实现

淘宝是我们经常用的一个网上购物平台，打开淘宝网首页，找到淘宝首页的搜索框，如下如所示：大家可以看到，当页面一打开，搜索框中就可以看到灰色字体“少女高跟鞋”，还有闪烁的光标。当...

2020-05-27

54浏览

0评论

JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)

1、本文使用js+jQuery实现轮播图，需要引用jquery包，另种实现分别是animate实现自适应的轮播，以及transform平滑轮播（在注释代码中）。2、代码中的图片大家自己更换就可以了，样式和...

2020-05-27

56浏览

0评论

jQuery自定义多选下拉框效果

项目中需要自定义一个下拉框多选插件，业务问题还是自己实现比较好通过$.fn 向jQuery添加新的方法下拉数据通过参数传递进去，通过调用该插件时接收，选择后的确定与取消事件采用...

2020-05-27

67浏览

0评论

AngularJS实现自定义指令与控制器数据交互的方法示例

本文实例讲述了AngularJS实现自定义指令与控制器数据交互的方法。分享给大家供大家参考，具体如下：<!doctype html><html> <head> <meta charset="utf-8"> <title>Angul...

2020-05-27

63浏览

0评论

JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法

废话不多说了，直接给大家贴代码了，具体代码如下所示：// 上传目标触发点 <input type="file" class="upvideo" name="upvideo" id="fileupload1" /> // 引入插件 <script type="...

2020-05-27

50浏览

0评论

Node.js中 __dirname 的使用介绍

前言本文主要给大家介绍的是关于Node.js中 __dirname 使用的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：方法如下新建个文件app.js里面的内容如下：console.log(...

2020-05-27

37浏览

0评论

Node.js环境下Koa2添加travis ci持续集成工具的方法

前言因为最近使用koa2做项目测试开发，所以想整合下travis ci,网上资料也比较少，于是自己就整了个，做个记录。分享出来供大家参考学习，下面来看看详细的介绍吧。方法如下：先来看下...

2020-05-27

61浏览

0评论

原生JS+Canvas实现五子棋游戏实例

一、功能模块先看下现在做完的效果：线上体验：https://wj704.github.io/five_game.html
主要功能模块为：
1.人机对战功能
2.悔棋功能
3.撤销悔棋功能二、代码详解2.1 人机对战功...

2020-05-27

76浏览

0评论

手把手教你把nodejs部署到linux上跑出hello world

从事前端一年多了对于 linux 服务部署一直是一无所知, 知道前段时间萌发了个想法, 我怎么能像运维的同学一样把自己的代码放到一个 linux 的服务器上. 于是便开始了踩坑之旅...

2020-05-27

52浏览

0评论

NodeJS 实现手机短信验证模块阿里大于功能

1,NodeJS 安装阿里大于模块切换到项目目录使用npm 安装阿里于模块npm i node-alidayu --save2，aliyu官网使用淘宝账户登录登录阿里大于https://doc.alidayu.com/doc2/index.h...

2020-05-27

49浏览

0评论

jQuery实现简单的手风琴效果

本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下实现手风琴效果如图所示：html结构：<div class="item_box box10"> <div class="item_box_wp"> <d...

2020-05-27

59浏览

0评论

详解vue服务端渲染(SSR)初探

前言首先来讲一下服务端渲染，直白的说就是在服务端拿数据进行解析渲染，直接生成html片段返回给前端。具体用法也有很多种比如：
传统的服务端模板引擎渲染整个页面
服务渲染生成...

2020-05-27

99浏览

0评论

angularjs+bootstrap实现自定义分页的实例代码

目前在做一个java web页面，没有使用到框架的分页，所以需要自己实现分页，就想到了用angularjs来实现分页，数据通过ajax从后台获取。插件百度了一下，看到一个比较漂亮的插件，就直接...

2020-05-27

66浏览

0评论

Web制作验证码功能实例代码

web开发中，经常会使用验证码功能，例如登录、注册，或其他关键功能之前经常会使用。合理使用验证功能可以防止ddos攻击、爬虫攻击等。实现效果：实现原理：由后台提供生成验...

2020-05-27

46浏览

0评论

jQuery 实现双击编辑表格功能

先给大家展示下效果图：下面用简单方法实现的简单表格编辑功能:简单的HTML代码略过了,下面是js实现过程JavaScript:<span style="font-size:18px;">$(".tables").on("dblclick...

2020-05-27

53浏览

0评论

深入理解AngularJs－scope的脏检查（一）

进入正文前的说明：本文中的示例代码并非AngularJs源码，而是来自书籍<<Build Your Own AngularJs>>, 这本书的作者仅依赖jquery和lodash一步一步构建出AngularJs的各核心模块，对...

2020-05-27

49浏览

0评论

详解AngularJS脏检查机制及$timeout的妙用

||浏览器事件循环和Angular的MVW
“脏检查”是Angular中的核心机制之一，它是实现双向绑定、MVVM模式的重要基础。
Angular将双向绑定转换为一堆watch表达式，然后递归检查这些w...

2020-05-27

55浏览

0评论

详解angularJS动态生成的页面中ng-click无效解决办法

今天碰到了一个这样的需求，在自己写的动态的页面中，写入的AngularJS无效不能点击响应事件，以下给出代码以及解决方案
1.首先将我们要赋值给页面的数据new一下var html = "<a hr...

2020-05-27

35浏览

0评论

JS检测是否可以访问公网服务器功能代码

wifi认证开发过程所用到的，源码如下：注：检测AC是否放行成功，是否可以访问公网阿里云服务器功能调用：checkNet().then(function(res) { if(res) { //连网成功 } } else...

2020-05-27

72浏览

0评论

JavaScript队列函数和异步执行详解

编辑注：在Review别人的JavaScript代码时曾看到过类似的队列函数，不太理解，原来这个是为了保证函数按顺序调用。读了这篇文章之后，发现还可以用在异步执行等。假设你有几个函数fn...

2020-05-27

73浏览

0评论

AngularJS的ng-click传参的方法

今天遇到个难题就是ng-click传参问题，在网上找了好多资料，先留个笔记<ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet"> <li ng-click="sentOutQuery('{{item...

2020-05-27

55浏览

0评论

ZeroClipboard.js使用一个flash复制多个文本框

ZeroClipboard.js是一个支持复制和粘贴的JavaScript插件，目前官方已经到2.x的版本了，但不支持IE9以下的浏览器，而如果要兼容，则可以使用1.x的版本，我使用的是最开始的一个版本：1.0...

2020-05-27

42浏览

0评论

AngularJS ng-repeat遍历输出的用法

AngularJS ng-repeat遍历输出的用法,最近需要用，就顺便发到随笔上了<!doctype html><html><head> <meta charset="utf-8"> <title>ng-repeat directive</title></head><bo...

2020-05-27

118浏览

0评论

解决vue-cli中stylus无法使用的问题方法

在写基于vue-cli的vue项目时，遇到一个小坑，css用了stylus，但是在编译时候总是报错：
来来回回折腾了数十次，终于被我折腾好了。。。解决方式如下：
1、在package.json文件中写入依...

2020-05-27

74浏览

0评论

js实现随机数字字母验证码

本文实例为大家分享了数字字母验证码的具体实现代码，供大家参考，具体内容如下验证码：
<html> <head> <title>纯字验证码</title> <meta http-equiv='content-type'...

2020-05-27

70浏览

0评论

vue中如何实现变量和字符串拼接

整理文档，搜刮出一个vue中如何实现变量和字符串拼接的代码，稍微整理精简一下做下分享。在data中定义变量：data() { return { a: 'A' }}如何通过按钮点击实现字符串和变量a...

2020-05-27

87浏览

0评论

详解vue2.0 transition 多个元素嵌套使用过渡

在做vue的demo的时候遇到一个问题，多个嵌套的元素如何设置transition？
我的代码：<div id='demo'> <button @click="show = !show">按钮</button> <transition name='mov...

2020-05-27

72浏览

0评论

ionic2自定义cordova插件开发以及使用（Android）

如何写一个cordova 用于ionic2项目中呢，在搜索了一番之后，千篇一律，我都怀疑那些文章是不是全部都是复制来复制去的，而且都不是很详细。我自己也捣鼓了一下午，踩了很多坑。所以特...

2020-05-27

57浏览

0评论

详解vue-resource promise兼容性问题

背景其实这个问题在之前的项目开发中就出现过，但是当初只解决问题了，并没有针对问题作总结；于是乎今天踩到了自己埋的坑，所以决定记录一下。那么到底是什么问题呢？就是“在安卓低...

2020-05-27

59浏览

0评论

20行js代码实现的贪吃蛇小游戏

前言最近在csdn上看到一位大神用20行代码就写出了一个贪吃蛇的小游戏，感觉被惊艳到了，就试着读了一下这段代码，阅读过程中不断为作者写法的巧妙而叫绝，其中我发现自己对运算符优...

2020-05-27

54浏览

0评论

JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能

本例中敏感词ciku.txt放在C盘根目录下,采用的ActiveXObject插件获取本地文件内容。使用此插件不需网上下插件，直接用如下js代码即可。浏览器需修改interner安全选项的级别，启...

2020-05-27

58浏览

0评论

angularjs下拉框空白的解决办法

搜索angularjs下拉框空白，可以出现很多解决方案，但是对于静态字段来说，网上目前还没有找到解决方案，如下：<select class="form-control" ng-model="UserState" ng-init="UserSta...

2020-05-27

65浏览

0评论

原生js二级联动效果

今天说的这个是原生js的二级联动，在空白页面里动态添加并作出相对应的效果。
//创建两个下拉列表 select标签是下拉列表 var sel = document.createElement("select");...

2020-05-27

52浏览

0评论

Angular.JS中select下拉框设置value的方法

前言本文主要给大家介绍的是关于Angular.JS中select下拉框设置value的相关内容，非常出来供大家参考学习，下面来一起看看详细的介绍：最近在系统中增加一个查询的筛选条件，通过下...

2020-05-27

41浏览

0评论

jquery加载单文件vue组件的方法

本文为大家分享了jquery加载单文件vue组件的方法，供大家参考，具体内容如下/**注册组件 */ function registerComponent(name){ dm[name] = {}; Vue.component(name + '...

2020-05-27

56浏览

0评论

vue之数据交互实例代码

vue中的交互（ajax，jsonp）vue中也存在像ajax和jsonp的数据交互，实现向服务器获取数据，但是他本身框架当中没有这样的方法，需要一个新的小东西叫vue-resouce.js 地址：https://github....

2020-05-27

61浏览

0评论

详解Angular的8个主要构造块

Angular 主要分为八大构造块（也就是八个核心概念）：模块 (module)、组件 (component)、模板 (template)、元数据 (metadata)、数据绑定 (data binding)、指令 (directive)、服务...

2020-05-27

62浏览

0评论

详解webpack 入门总结和实践(按需异步加载，css单独打包，生成多个入口文件)

最近在项目中使用了一下webpack，所以这里打算对目前了解的使用方法做一个小小的总结为什么是webpack
1.webpack一下自己就🔥了，这绝对是一个重要的原因。
2.然...

2020-05-27

53浏览

0评论

Vue Ajax跨域请求实例详解

一.设置config/index.js || proxyTable添加proxyTable: { '/api': { target: 'http://192.168.48.239:8080/ydzl', changeOrigin: true, pathRewrite: {...

2020-05-27

54浏览

0评论

Nodejs实现多房间简易聊天室功能

1、前端界面代码　　前端不是重点，够用就行，下面是前端界面，具体代码可到github下载。2、服务器端搭建　　本服务器需要提供两个功能：http服务和websocket服务，由于node的事件驱...

2020-05-27

热门文章