JavaScript - 教程之家

78浏览

0评论

jQuery模拟12306城市选择框功能简单实现方法示例

本文实例讲述了jQuery模拟12306城市选择框功能简单实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <title>www.freexyz.cn jQuery城市选择框</titl...

2020-05-27

69浏览

0评论

Vue.js实现数据响应的方法

许多前端JavaScript框架（例如Angular，React和Vue）都有自己的数据相应引擎。通过了解相应性及其工作原理，您可以提高开发技能并更有效地使用JavaScript框架。在视频和下面的文章...

2020-05-27

178浏览

0评论

vue.js 实现评价五角星组件的实例代码

饿了么的五角星有三种形状,分别是实星,半星,空星并且组件要能实现,这个五角星不同大小,评分也不一样,比如满分五颗星,四颗半星,四颗星等等....所以需要像组件传入一个大小:s...

2020-05-27

44浏览

0评论

jQuery实现图片简单轮播功能示例

本文实例讲述了jQuery实现图片简单轮播功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset...

2020-05-27

50浏览

0评论

vue.js2.0 实现better-scroll的滚动效果实例详解

什么是 better-scrollbetter-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列...

2020-05-27

51浏览

0评论

vue2.0 中使用transition实现动画效果使用心得

实践这里将通过四个实践小案例来体验和学习css过渡，css动画，javascript钩子，列表过渡的应用。至于案例用到的知识点就请自行学习官网文档。1.css过渡–实践先来看看demo效果：这...

2020-05-27

48浏览

0评论

angularjs 动态从后台获取下拉框的值方法

angularjs 动态从后台获取下拉框的值,只要是使用repeat指令,后台提供的是一个list的对象,里面包含value和显示的值,如下:js文件： //职务等级和档次/军衔等级和档次,需要从后...

2020-05-27

58浏览

0评论

vue.js template模板的使用(仿饿了么布局)

使用template实现如下页面(仿饿了么布局)如上图.使用了4个组件,分别是header.vue,goods.vue,ratings.vue,seller.vueheader.vue代码如下<template> <div class="header">...

2020-05-27

50浏览

0评论

JavaScript面向对象程序设计创建对象的方法分析

本文实例讲述了JavaScript面向对象程序设计创建对象的方法。分享给大家供大家参考，具体如下：面向对象的语言具有一个共同的标志，那就是具有“类”的概念，但是在javascript中没有...

2020-05-27

204浏览

0评论

AngularJS中ng-options实现下拉列表的数据绑定方法

下拉列表的简单使用ng-option指令使用很简单，只需要绑定两个属性：一个是ng-model用于获取选定的值；另一个是ng-options用于确定下拉列表的元素数组。<select ng-model="enginee...

2020-05-27

260浏览

0评论

Angularjs 根据一个select的值去设置另一个select的值方法

html：<div ng-controller="mySelectController"><select ng-model="myField" ng-options="Field.label for Field in names" ng-change="mySelectControllerChange()"><optio...

2020-05-27

54浏览

0评论

JS实现把一个页面层数据传递到另一个页面的两种方式

由于之前面试，被问到过此问题，所以今天特意整理了一下。由于自己技术水平有限，若存在错误，欢迎提出批评。本博客整理了两种方式从一个页面层向另一个页面层传递参数。一. 通过co...

2020-05-27

56浏览

0评论

AngularJS实现与后台服务器进行交互的示例讲解

AngularJS作为一个非常实用的前端框架，我们知道在AngularJS中有自己的Model和Controler。angularJS中所有的请求都是通过js定义的Controler来完成的，也就是我们完全脱离了后台...

2020-05-27

59浏览

0评论

JQuery通过后台获取数据遍历到前台的方法

做项目中，经常会通过调用后台接口把数据显示到前台页面上来，之前遇到过的问题是，前台页面是用ul+li标签写的，在调用接口调试时发现返回的数据有很多组的，而在前台显示的时候只有...

2020-05-27

169浏览

0评论

使用node.js实现微信小程序实时聊天功能

在微信这个聊天工具里的小程序上实现聊天功能，总感觉怪怪的。但领导要求了，总是要干的。然后就实时通讯这个关键词展开搜索，穿梭于网页之间。不过粘贴复制的真的太多了，找了半天...

2020-05-27

58浏览

0评论

详解angular应用容器化部署

Intro我自己有做一个个人主页，虽然效果不怎么样（不懂设计的典型程序猿...)，但是记录了我对于前端框架及工具的一些实践，从开始只有一个 angularjs 制作的页面到后面加入 less 动...

2020-05-27

75浏览

0评论

快速解决angularJS中用post方法时后台拿不到值的问题

用angularJS中的$http服务碰到了一个问题：运用$http.post方法向后台传递数据时，后台的php页面获取不到data参数传过来的值。不论是这种姿势：$http.post( "1.php", { id: 1 }).s...

2020-05-27

68浏览

0评论

nodejs实现一个word文档解析器思路详解

之前项目里遇到一个需求，需要前端上传一个word文档，然后后端提取出该文档的指定位置的内容并保存。这里后端用的是nodejs，开始接到这个需求，发现无从下手，主要是没有处理过word这...

2020-05-27

64浏览

0评论

浅析Vue实例以及生命周期

最简单的Vue 实例//html<div id="app"> {{message}}</div>//javascriptvar vm = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})由于 Vue 借鉴了 MVVM 的思想，这...

2020-05-27

63浏览

0评论

React 无状态组件(Stateless Component) 与高阶组件

无状态组件(Stateless Component) 是 React 0.14 之后推出的，大大增强了编写 React 组件的方便性，也提升了整体的渲染性能。无状态组件 (Stateless Component)
function Hello...

2020-05-27

54浏览

0评论

学习React中ref的两个demo示例

为了摆脱繁琐的Dom操作, React提倡组件化, 组件内部用数据来驱动视图的方式,来实现各种复杂的业务逻辑 ,然而,当我们为原始Dom绑定事件的时候, 还需要通过组件获取原始的Dom...

2020-05-27

82浏览

0评论

详解angular部署到iis出现404解决方案

angular应用部署在iis上，刷新出现404解决方案：安装 iis URL Rewrite 模块，配置urlrewrite如下：在 src 目录下增加web.config，内容如下：
<configuration><system.webServer> <rewri...

2020-05-27

54浏览

0评论

详解vue-cli3使用

近日,Vue作者尤雨溪发布了正式的vue cli 3.0,基于webpack4,赶紧试一下.
文档地址vue-cli简介
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统使用
npm ins...

2020-05-27

63浏览

0评论

react实现换肤功能的示例代码

一.目标
提供几种主题色给用户选择，然后根据用户的选择改变应用的主题色；二.实现原理
1.准备不同主题色的样式文件；
2.将用户的选择记录在本地缓存中；
3.每次进入应用时，读取缓存...

2020-05-27

310浏览

0评论

解决JavaScript layui 下拉框不显示的问题

初学layui时会遇到 layui的下拉框总是显示不出来代码没问题但是页面就是不显示下拉框复制下面js代码layui.use('form', function(){ var form = layui.form; form.rende...

2020-05-27

58浏览

0评论

深入浅析Node环境和浏览器的区别

正好最近有朋友咨询我这个问题，那就简单谈一下我理解的node环境和浏览器的区别，高手请略过。一、全局环境下this的指向　　在node中this指向global而在浏览器中this指向window...

2020-05-27

81浏览

0评论

解决layui 复选框等内置控件不显示的问题

将复选框的代码原封不动地粘上后居然不显示需要加入下列代码，监听form，才会显示控件<script> layui.use('form', function () { var form = layui.form; });</script>tab也是...

2020-05-27

121浏览

0评论

layui的table单击行勾选checkbox功能方法

如下所示：//单击行勾选checkbox事件$(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var...

2020-05-27

52浏览

0评论

jQuery+CSS实现的标签页效果示例【测试可用】

本文实例讲述了jQuery+CSS实现的标签页效果。分享给大家供大家参考，具体如下：CSS代码：#tabs{ width:600px; height:250px; background:white; margin:20px;}#tabs ul{ flo...

2020-05-27

53浏览

0评论

jQuery实现的简单拖拽功能示例【测试可用】

本文实例讲述了jQuery实现的简单拖拽功能。分享给大家供大家参考，具体如下：<!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=u...

2020-05-27

55浏览

0评论

微信小程序异步API为Promise简化异步编程的操作方法

把微信小程序异步API转化为Promise。用Promise处理异步操作有多方便，谁用谁知道。
微信官方没有给出Promise API来处理异步操作，而官方API异步的又非常多，这使得多异步编程会层...

2020-05-27

54浏览

0评论

Vue.js单向绑定和双向绑定实例分析

本文实例讲述了Vue.js单向绑定和双向绑定。分享给大家供大家参考，具体如下：1、单向绑定单向数据绑定的实现思路：①　所有数据只有一份②　一旦数据变化，就去更新页面(只有data--...

2020-05-27

72浏览

0评论

JS中‘hello’与new String(‘hello’)引出的问题详解

定义一个字符串
在工作中我们大概有3种方法去定义一个字符串：
1. var str = 'hello';
2. var str1 = String('hello');
3. var str2 = new String('hello');
(下文直接会带...

2020-05-27

66浏览

0评论

js中getter和setter用法实例分析

本文实例讲述了js中getter和setter用法。分享给大家供大家参考，具体如下：在学习Vue计算属性时，有一句“计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter”。gett...

2020-05-27

105浏览

0评论

JS通过位运算实现权限加解密

首先介绍一下js中的位运算：1. "&" :与运算，转化为二进制数，如果相同位数都为1则得结果为1，否则为0；2. "|" :或运算，转化为二进制数，如果相同位数只要有一个为1则得结果为1，否则为0；3....

2020-05-27

64浏览

0评论

js中apply()和call()的区别与用法实例分析

本文实例讲述了js中apply()和call()的区别与用法。分享给大家供大家参考，具体如下：每个函数都包括两个非继承而来的方法：apply()和call()。两者用途都是在特定的作用域中调用函...

2020-05-27

184浏览

0评论

解决Layui选择全部,换页checkbox复选框重新勾选的问题方法

在项目中发现layui数据表格勾选复选框checkbox的时候，转到新的一页勾选，上一次的勾选不会选中，即没有记忆功能。导致跟后台交互传递参数不全问题。为了解决此问题，我们可以借助...

2020-05-27

97浏览

0评论

layer插件select选中默认值的方法

再次更改代码的时候，因为城市下拉列表是从数据库查出来的，所以这时候就想到了一起以前用到的一个方法：select重新渲染就是把未渲染的元素该怎么设置值还怎么设置值，然后把layer...

2020-05-27

56浏览

0评论

JavaScript中toLocaleString()和toString()的区别实例分析

本文实例讲述了JavaScript中toLocaleString()和toString()的区别。分享给大家供大家参考，具体如下：《javascript高级程序设计》解释：“toLocaleString()返回对象的字符串表示，该...

2020-05-27

83浏览

0评论

layui点击导航栏刷新tab页的示例代码

layui的tab也默认是切换，不会刷新，想要达到点击导航栏刷新tab的功能只需在tab.js文件中将autoRefresh: false,改为true.以上这篇layui点击导航栏刷新tab页的示例代码就是小编...

2020-05-27

54浏览

0评论

layui实现table加载的示例代码

js实现：layui.use(['table','form'], function() {$ = layui.jquery;table = layui.table;tableIns = initTable();});//加载列表function initTable(){// 执行渲染tableIns...

2020-05-27

63浏览

0评论

JS中数组与对象的遍历方法实例小结

本文实例讲述了JS中数组与对象的遍历方法。分享给大家供大家参考，具体如下：一、数组的遍历：首先定义一个数组arr=['snow','bran','king','nightking'];1、for循环，需要知道数组...

2020-05-27

72浏览

0评论

layui 表格的属性的显示转换方法

如下所示：layui.render({ url:'/xxxxx' ,cols:[[ {field:'status',title:'状态'} ]],done:function(res, curr, count){ //res 接口返回的信息 $("[data-field = '...

2020-05-27

73浏览

0评论

layui table 参数设置方法

JSp：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://"...

2020-05-27

73浏览

0评论

vue升级之路之vue-router的使用教程

使用 Vue 构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的 href 已经跟不上时代的步伐了，于是 vue-router 应运而生在使用 vue-ro...

2020-05-27

97浏览

0评论

Layui 设置select下拉框自动选中某项的方法

1、需求场景分析用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在...

2020-05-27

58浏览

0评论

Node.js搭建WEB服务器的示例代码

前言
这几天为了熟悉vue.js框架，还有webpack的使用，就准备搭建一个发布和浏览markdwon的简单WEB应用。原本是想着用bash脚本和busybox的httpd来作为后台服务，但是bash脚本解析...

2020-05-27

218浏览

0评论

layui 监听表格复选框选中值的方法

需要达到的目的：ajax()异步请求后台时，需要传入表格里复选框选中的id值注意：在渲染form on 方法的done里面加入done:function(res){ table_data=res.data; } 将复选框选中的值...

2020-05-27

68浏览

0评论

jQuery仿移动端支付宝键盘的实现代码

最近做项目时碰到一个需求，就是在移动端支付页面点击支付按钮弹出一个支付键盘，类似于支付宝的那种。由于项目只是单纯的手机网站，而并非app，所以这个功能得由前端来实现。话不...

2020-05-27

79浏览

0评论

解决layui中的form表单与button的点击事件冲突问题

layui的form表单位置和button标签的位置重合，会使得button的click事件得不到响应，如图：蓝色底为form的位置，“重新搜索”为<button>标签的位置，此时，button标签的click事件无法响...

2020-05-27

热门文章