JavaScript - 奥多码

06月

vue实现购物车选择功能

使用vue制作一个购物车功能，只是一个测试版本，注重的是功能实现，界面并没有做好，数据也是模拟数据等不说那么多，直接上代码 <template> <divid="app"> 全选<inputtype="checkbox"v-model="checkall"@change="che...…

06月

JS数组属性去重并校验重复数据

这篇文章主要介绍了JS数组属性去重并校验重复数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下新任务:下拉框出去重复数据 //前端对象数组按某个属性去重其中jsonArray是你要去重的对象数组示例中按name属性去重 //前端对象数组按某个属性去重 var...…

06月

webpack proxy 使用(代理的使用)

为什么要写篇文章这两天的开发中遇到一些需要代理才能解决的问题,在这里记录一下,方便以后的查阅. 为什么要用代理跨域在开发过程中,我们的开发环境一般都是http://localhost,但是如果需要请求的数据不在本地,那么我们就需要面对一个跨域请求的问题.众所周知,因为浏览器的安全协议,我们是无法直接进行跨域请...…

06月

JS图片懒加载的优点及实现原理

这篇文章主要介绍了JS图片懒加载的优点及实现原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下图片懒加载优势：增强用户体验优化代码减少http的请求减少服务器端压力服务器的按需加载图片懒加载原理：先将图片的src设置为同一张图片或者不设置，同时...…

06月

基于vue-draggable 实现三级拖动排序效果

vue-draggable 之前项目中需要用到拖动排序，就去网上找资料，本来最开始是想用jquery-ui里的拖动的，后面发现不符合我的预期也不知道能不能跟vue.js兼容，后面我试过了，单个的可以但是层级太多就不一样了。废话少说直接上代码先看数据结构，和页面的呈现，等会再来上代码。这就是三层结构渲染出来的图...…

06月

Nodejs + Websocket 指定发送及群聊的实现

目的通过nodejs+ws(Websocket)实现点对点发送及群聊发送项目搭建直接跳过，这里列举一下用到的插件 yarnaddws WebSocket 话不多说，直接上码对比上一篇文章<<Nodejs+MongoDB搭建服务(demo)>>server.js主要是增加了ws的...…

06月

jQuery操作元素的内容和样式完整实例分析

本文实例讲述了jQuery操作元素的内容和样式。分享给大家供大家参考，具体如下： <html> <head> <title>jQuery操作元素的样式和内容</title> <metacharset="UTF-8"/> <scriptsrc="htt...…

06月

jquery选择器和属性对象的操作实例分析

本文实例讲述了jquery选择器和属性对象的操作。分享给大家供大家参考，具体如下： <html> <head> <title>jQuery-选择器</title> <metacharset="UTF-8"/> <scriptsrc="http://l...…

06月

Websocket 向指定用户发消息的方法

场景用户正常发送一个http请求，需要处理一个耗时很长的任务，有可能这个任务要处理好几分钟，在任务处理期间后台要不断的发送当前处理的进度日志等信息，打印在前端。也就是说用户先发出一个正常的http请求，后面的就由Websocket来完成技术点当后端收到http请求后如何确认是哪一个socket发出的？实现...…

06月

js实现旋转木马轮播图效果

本文实例为大家分享了js实现旋转木马轮播图的具体代码，供大家参考，具体内容如下整个页面的文件结构如下图所示： html部分代码： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <tit...…