React数据传递之组件内部通信的方法

1. 概述脱离初级前端一段时间后会发现,写样式的时间越来越少,处理数据的时间越来越多。处理数据的过程也就是实现业务逻辑的过程,这在项目中无疑是最重要的。所以学习前端框架,...

jQuery实现页码跳转式动态数据分页

我们这次给大家带来的是用jQuery实现页码跳转式动态数据分页这个效果,这个效果最明显的就是没有数据加载和刷新页面这个过程,再做小型数据的加载也多级网页加载的时候很有效。...

AngularJS基于MVC的复杂操作实例讲解

实例如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>AngularJS基于MVC的复杂操作案例</title> <script type="text/javascript" src="../js/angular.m...

简单谈谈CommonsChunkPlugin抽取公共模块

引言webpack插件CommonsChunkPlugin的主要作用是抽取webpack项目入口chunk的公共部分,具体的用法就不做过多介绍,不太了解可以参考webpack官网介绍;该插件是webpack项目常用的...

ReactNative实现Toast的示例

对于Android开发工程师来说,Toast在熟悉不过了,用它来显示一个提示信息,并自动隐藏。在我们开发RN应用的时候,我门也要实现这样的效果,就一点困难了,倒也不是困难,只是需要我们去适...

Angular 开发学习之Angular CLI的安装使用

前面我们已经准备好开发环境,现在可以正式开发了。正如前面提到的,Angular 提供了一个命令行工具,可以简化我们的程序开发。我们今后的开发也会使用这一工具,因此我们需要首先安...

浅谈Vuejs中nextTick()异步更新队列源码解析

vue官网关于此解释说明如下:vue2.0里面的深入响应式原理的异步更新队列
官网说明如下:
只要观察到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。...

three.js实现3D模型展示的示例代码

由于项目需要展示3d模型,所以对three做了点研究,分享出来 希望能帮到大家
先看看效果: three.js整体来说 不是很难 只要你静下心来研究研究 很快就会上手的
首先我们在页面...

jQuery中ajax获取数据赋值给页面的实例

实例如下所示://html代码 <pre name="code" class="html"><a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="cityname" id="{$rr[code...

jquery实现左右轮播切换效果

本文实例为大家分享了jquery实现左右轮播切换效果展示的具体代码,供大家参考,具体内容如下
html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title...

jquery实现楼层滚动效果

本文实例为大家分享了jquery实现楼层滚动效果展示的具体代码,供大家参考,具体内容如下html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Do...

jquery实现企业定位式导航效果

本文实例为大家分享了jquery实现企业定位式导航的具体代码,供大家参考,具体内容如下
完整代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text...

基于jquery.page.js实现分页效果

基于jquery.page.js的一款简单的分页效果,供大家参考,具体内容如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>简单的jQuery分页插件</title> <style>...

图片懒加载imgLazyLoading.js使用详解

本文主要介绍web前端使用图片懒加载imgLazyLoading ,供大家参考,具体内容如下
1、html代码
//懒加载对象目标代码<img originalSrc="__PUBLIC__/images/home/icon_pingtuan.pn...

使用async、enterproxy控制并发数量的方法详解

聊聊并发与并行
并发,在操作系统中,是指一个时间段中有几个程序都处于已启动运行到运行完毕之间,且这几个程序都是在同一个处理机上运行,但任一个时刻点上只有一个程序在处理机...

jq.ajax+php+mysql实现关键字模糊查询(示例讲解)

对于这个功能企业上还算比较实用,推荐给大家;index.html<!DOCTYPE html><html><head><meta charset="utf-8"></head><style>*{margin:0;padding:0;}.text{width:200px;height:...

基于Vue的SPA动态修改页面title的方法(推荐)

最近基于VUE做个SPA手机端web发现动态修改页面标题通过document.title=xxxx 来修改着实蛋疼,而且在IOS的微信端据说没效果。百度发现要针对IOS的微信做点额外的操作,即:创建一...

基于wordpress的ajax写法详解

想针对一个wordpress的模板程序进行更改,想到ajax的方便,就研究了一下。以下是使用方法和代码:js页面如下<script> var ajaxurl = '<&#63;php echo admin_url('admin-ajax.php...

vue父组件向子组件(props)传递数据的方法

vue页面结构在做项目的时候常常有这样的一个情况,这个页面的数据(比如:id号)要带到另一个页面去查询某个数据的详情等,传统的作法不是在url上加参数,cookie或者是现在H5的“sessi...

js原生实现移动端手指滑动轮播图效果的示例

如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m...

10行原生JS实现文字无缝滚动(超简单)

废话不多说,直接上代码<section class="pro_quota_tip"> <div class="tip_box"> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="externa...

Node层模拟实现multipart表单的文件上传示例

有时候就是有这样的需求,Nodejs做webserver,从浏览器端上传文件到后端服务器,Node层只是做一个数据中转,如果在这个过程中,Node webserver需要对数据进行适当加工,然后再Post到后...

React教程之封装一个Portal可复用组件的方法

Portal简介
所以我们需要的一个通用组件,它做如下的事情: 可以声明式的写在一个组件中 并不真正render在被声明的地方 支持过渡动画那么,像modal、tooltip、notification等...

node作为中间服务层如何发送请求(发送请求的实现方法详解)

GET请求:var http = require('http'); var qs = require('querystring'); var data = { a: 123, time: new Date().getTime()};//这是需要提交的数据 var content = qs.s...

Node解决简单重复问题系列之Excel内容的获取

始因 -- 懒最近项目中,经常用到多语言翻译,而iOS的多语言适配,设计给出的多语言都是指定的翻译制作成的一系列表格,基本都要一点一点复制到对应的语言文件中,如此反复,尤其是需求...

jQuery动态添加元素无法触发绑定事件的解决方法分析

本文实例讲述了jQuery动态添加元素无法触发绑定事件的解决方法。分享给大家供大家参考,具体如下:最近遇到一个问题,即当用jquery动态添加元素后,发现给动态添加的元素却无法触发...

Node实战之不同环境下配置文件使用教程

前言在使用 Node.js 编写一个完整的项目时,程序中往往需要用到一些可配置的变量,从而使得程序能在不同的环境中运行,而众所周知,在实际的项目会存在多个不同的环境,不同的环境下,...

jQuery实现手机号正则验证输入及自动填充空格功能

本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考,具体如下:先来看看运行效果(在删除时连删即可):具体代码:<!DOCTYPE html><html lang="en"...

AngularJS实现的锚点楼层跳转功能示例

本文实例讲述了AngularJS实现的锚点楼层跳转功能。分享给大家供大家参考,具体如下:<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>anch...

AngularJS实现的简单拖拽功能示例

本文实例讲述了AngularJS实现的简单拖拽功能。分享给大家供大家参考,具体如下:<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>www.jb51...

使用socket.io制做简易WEB聊天室

使用socket.io做一个简单的WEB聊天室,可消息私发,供大家参考,具体内容如下1. 创建一个空的工程目录空的目录命名为chat-web2. 创建package.json使用命令:npm init,会引导你设置p...

使用socket.io实现简单聊天室案例

本文实例为大家分享了socket.io实现简单聊天室的具体代码,供大家参考,具体内容如下1、客户端【index.html】代码:<body> <h3>socket简例</h3> <hr> <div id = 'app'> <di...

nodejs操作mongodb的填删改查模块的制作及引入实例

安装相关模块如果使用这个的话,你需要先自己安装一下他需要的模块,在根目录输入npm install mongodb --save进行模块安装,安装成功以后就可以进行以下的步骤。文件的引入以下是...

JS实现验证码倒计时的注册页面

原型图需求:手机号验证发送验证码之后开始60S倒计时60s以后如果没有填写验证码,可重新发送<!doctype html><html> <head> <meta charset="utf-8"> <title>注册</...

js原生方法被覆盖,从新赋值原生的方法

实现原理js的原生方法被覆盖掉以后,如果你还没让原生方法又从新指向一个新的变量名,那就gg了。所以,关键就是怎么再获取到原生的方法。实现的原理呢就是创建一个新的window对象...

js 将canvas生成图片保存,或直接保存一张图片的实现方法

将canvas数组保存function downLoadImage(canvas,name) { var a = document.createElement("a"); a.href = canvas.toDataURL(); a.download = name; a.click();}canvas...

js最简单的双向绑定实例讲解

把代码复制放到页面里面运行看一下效果就好了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id=...

webpack实用小功能介绍

上一次分享了vue2-webpack3,大多都是一些基础的内容,本期继续分享一些webpack比较实用的功能1.overlayoverlay属于devServer的属性,配置案例如下:devServer: { overlay: { erro...

js阻止默认右键的下拉菜单方法

需求正常情况下,我们有可能遇到需要右键不显示下拉菜单的情况,让页面显得更加软件话,删除多余的功能,增加性能。实现代码 document.oncontextmenu = function (event) { event....

js 取消页面可以选中文字的功能方法

需求有时候需要做的仿软件的功能,就需要取消可以选中文字的功能。这个功能浏览器默认开启,我们就可以使用js取消掉该功能。代码document.onselectstart = function(){return f...

jQuery 实现左右两侧菜单添加、移除功能

效果图:JS代码    function toRight(l, r, v) { $("#" + l + " option:selected").appendTo("#" + r); $("#" + l + " option:selected").remove(); var str = $("#...

nodejs+mongodb+vue前后台配置ueditor的示例代码

笔者在做一个个人博客项目的时候需要一个富文本框输入组件与后台进行交互,但是官方配置里面没有关于nodejs的,于是自己查阅资料研究了一下,最后终于应用到了系统中。一、后台配...

基于js文件加载优化(详解)

在js引擎部分,我们可以了解到,当渲染引擎解析到script标签时,会将控制权给JS引擎,如果script加载的是外部资源,则需要等待下载完后才能执行。 所以,在这里,我们可以对其进行很多优...

Node.js搭建小程序后台服务

准备条件一台服务器
SSL证书,小程序规定必须要https协议
服务器后台Node.js
express
mongodb
pm2
下面以腾讯云主机(centos)为例安装Node.jsyum install nodejs
也可以安装nv...

vue引入ueditor及node后台配置详解

最近公司的某个客户要用上我们公司的产品,他的后台管理里的富文本编辑器要求有点多,开始打算用Quill,但是发现Quill根本满足不了他的需求。在调研了市面上的富文本编辑器后,最后...

angularjs实现分页和搜索功能

本文实例为大家分享了angularjs实现分页和搜索展示的具体代码,供大家参考,具体内容如下话不多说,上代码
<html class="no-js" ng-app="myApp"> <body ng-controller="mainCont...

Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’

前言最近在工作中遇到问题,问题如下:Unhandled rejection SequelizeAccessDeniedError: Access denied for user 'lupeng'@'localhost' (using password: YES)这是Node在使用S...

Nodejs中crypto模块的安全知识讲解

互联网时代,网络上的数据量每天都在以惊人的速度增长。同时,各类网络安全问题层出不穷。在信息安全重要性日益凸显的今天,作为一名开发者,需要加强对安全的认识,并通过技术手段增...

Angular实现下拉框模糊查询功能示例

本文实例讲述了Angular实现下拉框模糊查询功能。分享给大家供大家参考,具体如下:前两天研究了一下angularjs,不得不说angularjs的mvc思想还是很强大的。对应偏重于数据处理的项...

js登录滑动验证的实现(不滑动无法登陆)

js的判断这里是根据滑块的位置进行判断,应该是用一个flag判断<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><%@ taglib prefix=...

返回顶部
顶部