JavaScript - 教程之家

56浏览

0评论

vue一步步实现alert功能

原生alert的缺点会阻塞一切操作，影响用户体验很多浏览器会默认静止alert，例如微信。原生alert框样式丑陋。项目地址: web-style 项目里有css样式和vue组件。目标是快速...

2020-05-27

55浏览

0评论

AngularJS使用ocLazyLoad实现js延迟加载

最近开发一个系统遇到了一个问题，用angular路由一个html片段，该片段需要使用一个js插件来实现一个富文本编辑器。关键问题在于必须要在片段加载后通过js与dom元素进行绑定。一...

2020-05-27

64浏览

0评论

利用canvas实现的加载动画效果实例代码

前言以前在浏览文章时，看到过一个Android的加载效果，觉得挺好看的，于是自己就模仿了一个。下面话不多说，我们直接来看看详细的介绍吧。
运行效果图
分析下这个效果：
1.可以...

2020-05-27

72浏览

0评论

详解angularJS自定义指令间的相互交互

AngularJS 自定义指令transclude：当元素标签需要嵌套时使用，与ng-transclude配合使用。默认值为false不能使用嵌套，true为可以使用嵌套。在哪个标签上使用ng-transclude就在哪...

2020-05-27

166浏览

0评论

使用 jQuery 实现表单验证功能

5.1.5 表单验证表单作为 HTML 最重要的一个组成部分，几乎在每个网页上都有体现，例如用户提交信息、用户反馈信息和用户查询信息等，因此它是网站管理者与浏览者之间沟通的...

2020-05-27

63浏览

0评论

Js自定义多选框效果的实例代码

前端入坑纪 27工作中的一个多选效果，感觉不算太难，就上传来分享下。以上图文，纯属测试，如有雷同，请勿当真HTML 结构 <div id="selexWps" class="seletProds clear"> <div>...

2020-05-27

49浏览

0评论

input框中自动展示当前日期yyyy/mm/dd的实现方法

直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input框中自动展示当前日期</title></head><body> <input type="text" id="input">...

2020-05-27

52浏览

0评论

鼠标拖动改变DIV等网页元素的大小的实现方法

1.初次实现1.1 html代码<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset...

2020-05-27

93浏览

0评论

react系列从零开始_简单谈谈react

react算是目前最火的js MVC框架了，写一个react系列的博客，顺便回忆一下react的基础知识，新入门前端的小白，可以持续关注，我会从零开始教大家用react开发一个完整的项目，也会涉及到...

2020-05-27

48浏览

0评论

运用jQuery写的验证表单(实例讲解)

//运用jQuery写的验证表单<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=...

2020-05-27

59浏览

0评论

老生常谈Bootstrap媒体对象

前面的话在Web页面或者说移动页面制作中，常常看到图文混排效果，图片居左（或居右），内容居右（或居左）排列。常常把这样的效果称为媒体对象。可以说它是一种抽象的样式，可以用来构建不...

2020-05-27

65浏览

0评论

让div运动起来 js实现缓动效果

本文实例为大家分享了js实现缓动效果的具体代码，供大家参考，具体内容如下var tween = { linear:function(t,b,c,d){ return c*t/d + b; }, easeIn:function(t,b,c,d){...

2020-05-27

52浏览

0评论

详解Angular Reactive Form 表单验证

本文我们将介绍 Reactive Form 表单验证的相关知识，具体内容如下：使用内建的验证规则动态调整验证规则自定义验证器自定义验证器 (支持参数) 跨字段验证基础知识
内...

2020-05-27

46浏览

0评论

angular框架实现全选与单选chekbox的自定义

2017年7月4日，我原本可以像其他同时一样早点回家，玩几把王者荣耀，但是我没有，因为我选择留下来，写一篇博客。项目中经常性的会遇到什么点击“全选”按钮，勾中所有“单选按钮”，当所...

2020-05-27

41浏览

0评论

vue2.0 keep-alive最佳实践

vue2.0 keep-alive的最佳实践，供大家参考，具体内容如下1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive><component>...

2020-05-27

47浏览

0评论

jQuery+ajax实现修改密码验证功能实例详解

废话不多说了，直接给大家贴代码了，具体代码如下所示：<script type="text/JavaScript"> //获取url中的参数 $(function(){ var userName = window.location.href; var a...

2020-05-27

63浏览

0评论

JS图片轮播与索引变色功能实例详解

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...

2020-05-27

50浏览

0评论

jQuery 实现图片的依次加载图片功能

css代码：ul#portfolio{margin:0;padding:0;}ul#portfolio li{float: left;margin:0 5px 0 0;width:250px;height: 250px;list-style: none;}ul#portfolio li.loading{backgro...

2020-05-27

64浏览

0评论

AngularJS中ng-class用法实例分析

本文实例讲述了AngularJS中ng-class用法。分享给大家供大家参考，具体如下：使用 ng-class 动态设置元素的类，方法是绑定一个代表所有需要添加的类的表达式。重复的类不会添加。...

2020-05-27

70浏览

0评论

Vue学习之路之登录注册实例代码

根据Vue.js + Element UI + MongoDB进行开发
P1 安装Vue-CLIVue.js文档
利用Vue.js提供的一个官方命令行工具# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个...

2020-05-27

46浏览

0评论

AngularJS常见过滤器用法实例总结

本文实例讲述了AngularJS常见过滤器用法。分享给大家供大家参考，具体如下：过滤器用来格式化需要展示给用户的数据。在HTML中的模板绑定符号 {{ }} 内通过 | 符号来调用过滤器...

2020-05-27

68浏览

0评论

AngularJS ng-repeat指令及Ajax的应用实例分析

本文实例讲述了AngularJS ng-repeat指令及Ajax的应用。分享给大家供大家参考，具体如下：ng-repeat 指令用于循环输出指定次数的 HTML 元素。集合必须是数组或对象。定义：<elemen...

2020-05-27

41浏览

0评论

AngularJS学习笔记之表单验证功能实例详解

本文实例讲述了AngularJS学习笔记之表单验证功能。分享给大家供大家参考，具体如下：一、执行基本的表单验证<!DOCTYPE html><html ng-app='exampleApp'> <head> <meta char...

2020-05-27

50浏览

0评论

微信小程序 sha1 实现密码加密实例详解

微信小程序 sha1 实现密码加密实例详解在utils中的util.js 文件中增加函数实现字符串转换为16进制加密后的字符串function encodeUTF8(s) { var i, r = [], c, x; for (i...

2020-05-27

66浏览

0评论

详解webpack进阶之插件篇

一、插件篇1. 自动补全css3前缀autoprefixer官方是这样说的：Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website，也就是说它是一个自...

2020-05-27

50浏览

0评论

微信小程序跳转传递数据的实例

微信小程序跳转传递数据的实例点击view 跳转页面<view class="album_image" data-album-obj="{{item}}" bindtap="imageclick"> <image style="width:98%;" src="{{ite...

2020-05-27

49浏览

0评论

vue-cli如何添加less 以及sass

vue-cli中已经内置配置好了sass 以及lass的配置。如果需要的话直接下载两个模块就可以了npm install node-sass --save-devnpm install sass-loader --save-dev如果是淘宝镜...

2020-05-27

61浏览

0评论

VUE axios发送跨域请求需要注意的问题

在实际项目中前端使用到vue，后端使用php进行开发。前端使用axios请求请求
关于跨域跨域的概念这些就不说了，百度一大堆相关的资料信息。我就只在这里记录下我在使用当中遇到的...

2020-05-27

62浏览

0评论

微信小程序 Buffer缓冲区的详解

微信小程序 Buffer缓冲区的详解JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。
但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一...

2020-05-27

85浏览

0评论

详解vue渲染从后台获取的json数据

公司项目原来用的框架扩展性太差，准备更新前台页面然后用vue渲染dom然后我写了一个demo$(document).ready(function(){ $.ajax({ type:"post", url:"",...

2020-05-27

73浏览

0评论

Node.js 回调函数实例详解

Node.js 回调函数阻塞与非阻塞
node.js 异步编程的直接体现就是回调。
异步编程依托于回调来实现，但不能说使用了回调后程序就异步化了。
回调函数在完成任务后就会被调...

2020-05-27

73浏览

0评论

详解微信小程序Radio选中样式切换

详解微信小程序Radio选中样式切换本篇文章主要讲解在微信小程序中如何根据Radio选中来切换样式。效果如下：原理主要是通过判断一个radio-group中哪个被选中，就让它加上一个“a...

2020-05-27

69浏览

0评论

解决webpack打包速度慢的解决办法汇总

刚开始用webpack，谈一谈解决webpack打包慢的问题的方法技巧1webpack在打包的时候第一次总是会做很长的准备工作，包括加载插件之类的。在刚接触webpack的时候总是webpack一下-...

2020-05-27

81浏览

0评论

Vue axios 中提交表单数据(含上传文件)

我们经常使用表单来上传数据,以及上传文件,那么怎么在表单提交成功的时候接受服务器的响应,并作出相应操作.
当然使用一般jQuery上传对象的格式也是可以的,如果使用传统的表...

2020-05-27

48浏览

0评论

vuejs手把手教你写一个完整的购物车实例代码

由于我们公司是主营业务是海淘，所以每个项目都是类似淘宝天猫之类的商城，那么购物车就是一个重点开发功能模块。介于之前我都是用jq来写购物车的，这次就用vuejs来写一个购物车...

2020-05-27

49浏览

0评论

使用JavaScript实现alert的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<script> window.alert = alert; function alert(data) { var MainDiv = document.createElement("div"), p...

2020-05-27

55浏览

0评论

详谈js模块化规范

1. CommonJS用于服务端模块化编程，比如nodejs就采用此规范；一个文件就是一个模块，require方法用来加载模块，该方法读取一个文件并执行，最后返回文件内部的module.exports对象；requ...

2020-05-27

106浏览

0评论

基于rem的移动端响应式适配方案(详解)

视口在前一段时间，我曾经写过一篇关于viewport的文章。最近由于在接触移动端开发，对viewport有了新的理解。于是，打算重新写一篇文章，介绍移动端视口的相关概念。关于这篇文章说...

2020-05-27

61浏览

0评论

解决AjaxFileupload 上传时会出现连接重置的问题

1.ajaxfileupload 上传时会出现如下问题：2. 网上有很多的解决办法，在这里，我又发现了一种，可能你的错误会是这个原因引起的------原因是：你在一般处理程序中没有返回前台需要的...

2020-05-27

64浏览

0评论

js浏览器滚动条卷去的高度scrolltop(实例讲解)

1、之前我们学习的JS盒子模型中：client系列/offset系列/scrollWidth/scrollHeight都是“只读”的属性-> 只能通过属性获取值，不能通过属性修改元素的样式2、scrollTop/scrollL...

2020-05-27

65浏览

0评论

vue.js全局API之nextTick全面解析

官方介绍：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。就是DOM更新完成之后执行的方法，并且超级方便的事情是回调函数中的th...

2020-05-27

60浏览

0评论

Angular.js自动化测试之protractor详解

前戏面向模型编程；测试驱动开发；先保障交互逻辑，再调整细节。---by 雪狼。为什么要自动化测试？ 1，提高产出质量。 2，减少重构时的痛。反正我最近重构多了，痛苦经历多...

2020-05-27

84浏览

0评论

微信JSAPI Ticket接口签名详解

本文实例为大家分享了微信JS接口签名的具体代码，供大家参考，具体内容如下1、微信 JS 接口签名校验工具2、具体开发2.1 获取access_token，然后jsapi_ticket/** * 获取access_to...

2020-05-27

51浏览

0评论

vue.js实例todoList项目

新建组件todoList.vue，在App.vue中引入import TodoList from "./components/todoList";export default { name: 'app', components: { TodoList }}<template> <div id="app"...

2020-05-27

56浏览

0评论

protractor的安装与基本使用教程

前言Protractor是一个建立在WebDriverJS基础上的端到端(E2E)的AngularJS JavaScript Web应用程序测试框架。Protractor全自动化真实的模拟用户在真正的浏览器中操作、运行并...

2020-05-27

117浏览

0评论

利用types增强vscode中js代码提示功能详解

使用 types 增强vscode中javascript代码提示功能
微软的vscode编辑器是开发typescript项目的不二首选，其本身也是采用typescript开发的。
使用过ts的同学都知道 *.d.ts 类型...

2020-05-27

55浏览

0评论

利用C/C++编写node.js原生模块的方法教程

前言一直想了解一下使用C/C++编写nodejs原生模块，从网上找到的博客，大多都停留在如何搭建环境，然后一个Hello World完事。连更多的参考资料也没有。于是就自己整理了一下，分享于...

2020-05-27

66浏览

0评论

微信小程序点击控件修改样式实例详解

微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式，如下：微信小程序中不支持直接操作dom，要实现这种效果，我们需要通过设置data，然后利用数据和界面...

2020-05-27

109浏览

0评论

微信小程序联网请求的轮播图

微信小程序的轮播图和Android的轮播图一点不一样，这里我们看一下我们需要用到的控件介绍这里我们用到了swiper这个组件，上边的图片已经把这个组件的属性都列出来了我们用的...

2020-05-27

64浏览

0评论

详解在Vue中如何使用axios跨域访问数据

最近在项目中需要用到axios，所以就恶补一下这个axios到底是什么东东。越来它是vue-resource的替代品，官网也说了，以后都用axios，vue-resource不在维护。那么这个axios怎么用呢，上...

2020-05-27

热门文章