JavaScript

JavaScript实现图片伪异步上传过程解析

实现逻辑 首先要知道, ajax无法发送带有文件的post请求所以,所以还是要用同步的方式,但是刷新的时候,我们不要在原来的页面刷新,去一个隐藏的iframe里面刷新,form表单中action正常填写处理文件上传的操作。紧着着的target填写一个隐藏的iframe。 这样表单提交之后,文件会被上传,被刷新页面为隐藏的iframe,因此用户看到的效果和ajax处理的效果是一样的。 dom结构 在... »

微信小程序纯文本实现@功能

但笔者需要在小程序中实现这个功能,而且在 textarea 标签里实现,当然@人名的变色功能自然而然就砍掉了。发现 wx.getSelectedTextRange 可以获取文本框聚焦时的光标,这样就可以将@人员插入文本指定位置。文本框事件 @input 的可以获取到变化的数据与位置,那就可以根据变化的位置与变化的数据来判断是否命中@人员,@人员的位置可以通过计算获取。 »

《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析

本文实例讲述了Javascript面向对象程序设计单例模式原理与实现方法。在javascript的世界里,其实没有严格的对象和类定义,“一切皆对象”使得javascript中都是对象,不能像java,c++或者php使用特定的方法返回一个实例来实现,因此对javascript来说,我们要创造的是一个“不能被多次实例化的”对象,也就是说只能实例化一次的对象。 »

javascript设计模式 – 适配器模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 适配器模式原理与应用。在这个过程中转接头就相当于一类适配器,mac被转接头所扩展,所以mac称之为适配者。适配器的主要作用是将客户端的请求转化为对适配者接口的调用。适配器模式既可以作为类结构型模式,也可以作为对象结构模型。 »

如何基于layui的laytpl实现数据绑定的示例代码

想了半天才想起自己园子的登录密码。可想而知,多长时间没登录了 正文 一开始用layui做了几个管理系统,所以用起来觉得确实很容易上手,管理后台最常用的就是form和table以及弹窗类。layui提供的form table layer已经是很简洁好用了,抛开底层的封装不说,给我们展现出来的使用方法我觉得是非常简化了。管理用到的除了form table layer之外,经常会有一些统计数据展示或者详... »

JavaScript 俄罗斯方块游戏实现方法与代码解释

JavaScript 俄罗斯方块游戏实现方法与代码解释

本文实例讲述了JavaScript 俄罗斯方块游戏。分享给大家供大家参考,具体如下: 俄罗斯方块代码说明 /** 名称:Javascript 俄罗斯方块! 作者:Gloot 邮箱:glootz@gmail.com QQ:345268267 网站:http://www.cnblogs.com/editor/ */ OLSFK = {}; 本俄罗斯方块代码采用 JavaScript 脚本代码写成,简单... »

flexible.js实现移动端rem适配方案

需要了解的基础知识: 物理像素:物理像素又被称为设备像素,他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。 设备独立像素:也称为密度无关像素,可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素),然后由相关系统转换为物理像素。 设备像素比:简称为dpr,其定义了物理像... »

JavaScript创建表格的方法

本文实例为大家分享了JavaScript创建表格的具体代码,供大家参考,具体内容如下 Title »

JS实现省市县三级下拉联动

纯JS实现省市县三级下拉联动,供大家参考,具体内容如下 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省市县三级下拉联动-李康</title> <style> fieldset{ width: 25%; bor... »

Javascript摸拟自由落体与上抛运动原理与实现方法详解

本文实例讲述了Javascript摸拟自由落体与上抛运动原理与实现方法。分享给大家供大家参考,具体如下: JavaScript 代码 //**************************************** //名称:Javascript摸拟自由落体与上抛运动! //作者:Gloot //邮箱:glootz@gmail.com // QQ:345268267 //网站:http://w... »

《javascript设计模式》学习笔记二:Javascript面向对象程序设计继承用法分析

本文实例讲述了Javascript面向对象程序设计继承用法。更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》希望本文所述对大家JavaScript程序设计有所帮助。 »

JavaScript实现捕获鼠标坐标

JavaScript实现捕获鼠标坐标

本文实例为大家分享了JavaScript实现捕获鼠标坐标的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件对象</title> <style> .box1{ width: 300px;... »

TypeScript的安装、使用、自动编译的实现

一、什么是TypeScript? 1、TypeScript是一种由微软开发的开源、跨平台的编程语言。 他是JavaScript的超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程,遵循最新的ES5、ES6规范。(TypeScript里边可以直接写ES5、ES6代码) 2、TypeScript扩展了JavaScript语法*,所以在任何现有的JavaScript程序开源运... »

antd-mobile ListView长列表的数据更新遇到的坑

遇到的问题 listView这个组件我真的是看文档看得脑壳疼。好不容易看文档写完长列表数据展示了。然后遇到一个需求,即用户有一个点赞操作,问题出现了,点赞完数据更新之后listView不刷新列表。 解决列表不刷新问题 官方的demo里有这么一个函数 rowHasChanged ,这个函数返回true或者false,如果是true,则认为这行数据改变了,然后刷新这行数据,也就更新了列表。 // 官方... »

《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析

本文实例讲述了Javascript面向对象程序设计对象成员的定义。分享给大家供大家参考,具体如下: 序: 刚接触javascript的时候,觉得这语言有点儿摸不着门道,感觉这玩意儿太难学了,没什么规范,没什么像样的手册,而且还跟html,dom,css打交道,更觉得一团糟,代码可读性也很差,面向过程的勉强能看懂,看面向对象的代码简直就是杯具,各种括号啊,后来了解ajax,了解了jquery,知道了... »

javascript实现画板功能

javascript实现画板功能

本文实例为大家分享了javascript实现画板功能的具体代码,供大家参考,具体内容如下 画板功能的实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0... »

javascript设计模式 – 建造者模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 建造者模式原理与应用。分享给大家供大家参考,具体如下:介绍:建造者模式又称为生成器模式,它是一种较为复杂、使用频率相对较低的创建型模式。建造者模式是一种对象创建型模式。建造者模式可以将复杂对象的构建与其表示相分离,使用相同构建过程可以创建不同的表示层,用户只需要指定需要建造的类型就可以,而具体的建造过程和细节就不需要知道了。 »

javascript 设计模式之享元模式原理与应用详解

本文实例讲述了javascript 设计模式之享元模式。 »

手把手教您实现react异步加载高阶组件

本篇文章通过分析react-loadable包的源码,手把手教你实现一个react的异步加载高阶组件 1. 首先我们想象中的react异步加载组件应该如何入参以及暴露哪些API? // 组件应用 import * as React from 'react'; import ReactDOM from 'react-dom'; import Loadable from '@component/tes... »

JS实现随机点名器

本文实例为大家分享了JS实现随机点名器的具体代码,供大家参考,具体内容如下 实现一个简单的随机点名器 需求分析: 两个按钮实现随机点名的开始和结束 创建ul元素,添加到父级div中,实现了每个名字需要放在一个单独的盒子中 根据随机数进行随机选择,(涉及到了两个函数 setInterval clearInterval)在选择之前,先清空盒子的所有类样式,如果被选中,则重新赋予类样式 当点击停止按钮时... »

javascript实现贪吃蛇经典游戏

js面向对象编程之贪吃蛇,供大家参考,具体内容如下 首先:面向对象编程,我们要找到项目中具体的对象,此处为(食物(food),蛇(snake),游戏本身(game))也可不把游戏本身作为对象,逻辑体现出来即可。 接着分析每个对象的具体的属性及方法: 1)food 对象:属性有:位置,大小,颜色;方法有:渲染在页面,随机不同位置生成; 2)snake对象:属性有:位置,大小,总节数(计分方便),颜色... »

javascript 设计模式之组合模式原理与应用详解

javascript 设计模式之组合模式原理与应用详解

本文实例讲述了javascript 设计模式之组合模式原理与应用。分享给大家供大家参考,具体如下: 组合模式说明 组合模式用于简单化,一致化对单组件和复合组件的使用;其实它就是一棵树; 这棵树有且只有一个根,访问入口,如果它不是一棵空树,那么由一个或几个树枝节点以及子叶节点组成,每个树枝节点还包含自己的子树枝以及子叶节点; 在面向对象编程中,叶子以及复杂对象(树枝节点)都继承一个接口或抽象类分别实... »

javascript绘制简单钟表效果

本文给大家分享一个canvas的时钟绘制,供大家参考,具体内容如下 复制可直接使用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> h1 { text-align: center; } div { width:... »

在这里插入图片描述

微信小程序实现抖音播放效果的实例代码

最近项目要做一个类似于抖音的一个视频播放 需要小程序完成 在再次确定了需要这个需求的情况下就开始了(其实因为不是说这个功能不好做主要是但心做出来肯定不流畅 卡顿什么的 优化不好优化) 然后就开始啦 思路使用微信的 swiper 完成竖向滑动 然后分页加载首先先加载一次加载10个当滑动到第7个的时候加载下一页 (要处理自动播放的问题和加载多个有多个同时播放的问题) 效果图 代码 <swiper... »

javascript设计模式 – 原型模式原理与应用实例分析

本文实例讲述了javascript设计模式 – 原型模式原理与应用。更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》希望本文所述对大家JavaScript程序设计有所... »

Page 1 of 1249123»