javascript,js代码教程,js基础,jquery技巧_F11 - 专业站长和开发者的学习网站

当前位置： JavaScript
php

JavaScript

JavaScript canvas仿流瀑布效果

效果图如下：在js部分写canvas代码，有详细注释 html部分：一个canvas元素： canvas id=canvas /canvas css部分： style *{ padding: 0; margin: 0; } canvas{ b

13637

2020-02-10

JavaScript
JavaScript canvas动画实现时钟的代码

效果图如下：代码如下： !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=X-UA-Compatible

11870

2020-02-10

JavaScript
微信小程序canvas开发水果老虎机的思路

效果图：使用结构还是canvas？使用模板结构(view)生成水果盘的好处一是用户可自定义产出 n x n 的定制化老虎机，二是容易通过算法样式生

1068

2020-02-09

JavaScript
JavaScript canvas实现雪花随机动态飘落效果

效果图如下：代码如下： !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 titleDocument/title/headstyle bo

970

2020-02-08

JavaScript
js实现踩五彩块游戏代码

代码如下： !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=X-UA-Compatible content=ie=edge tit

665

2020-02-08

JavaScript
js实现聊天对话框的代码

代码如下： !DOCTYPE htmlhtml head meta charset=utf-8 title/title style type=text/css .box{ width:300px; height:400px; border:1px solid blue; margin:0 auto; } .inTer{ width:280p

1886

2020-02-08

JavaScript
JavaScript this的使用方法介绍

本文我们介绍下js中this的用法。由上图可得，默认this指向window，而在node.js中this默认指向global。由上图可得： 1.原型链为o-MyClass.prototype。

1704

2020-02-04

JavaScript
实现node版本切换

nvm是node.js的版本管理器，可以安装和切换不同版本node.js 第一步：下载下载地址： https://github.com/coreybutler/nvm-windows/releases 第二步：安装按

1418

2020-02-04

JavaScript
js布局实现单选按钮控件的代码

主要是对最近学习的知识做练习，可以巩固提高！效果如下图：代码如下： !DOCTYPE htmlhtmlhead meta charset=utf-8 title单选控件/title style type=tex

13950

2020-01-18

JavaScript
详解js实现中文实时时钟

效果如下：代码如下： !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 titleTitle/title/headbodyscript var chr=[零,一,二,三,四,五,六,七,八,九,十]; var weeks=[星期

18151

2020-01-16

JavaScript
JS实现音量控制拖动的介绍

描述： JS实现音量控制拖动 1）、有底条，有拖拽按钮 2）、设置最小和最大值 3）、拖动定位后，抛出事件当前的所在值效果：实现代码如

14255

2020-01-16

JavaScript
JS实现滑动导航效果的代码

代码如下： !doctype htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale

10971

2020-01-15

JavaScript
JavaScript事件冒泡机制原理介绍

DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段，事件冒泡顺序是由内到外进行事件传播，事件冒泡是由

735

2020-01-14

JavaScript
详解vue实现购物车选择功能

使用vue制作一个购物车功能，只是一个测试版本，注重的是功能实现，界面并没有做好，数据也是模拟数据等代码如下： template div id=app 全

19244

2020-01-11

JavaScript
详解微信小程序封装多张图片上传api代码

代码如下： export default class Upload{ constructor(object) { this.obj = { count:1, sizeType:[original, compressed], // 可以指定是原图还是压缩图，默认二者都有

1244

2019-12-30

JavaScript
详解基于JavaScript判断图片是否加载完成

这里我用了一个tag来判断显示哪个样式，但是tag是写在了setTimeOut里面的，是一个延时函数，异步的操作。延时300ms的目的就是为了等待图片

206

2019-12-29

JavaScript
微信小程序获取地址方法

代码如下： wxml map id=map longitude={{data.longitude}} latitude={{data.latitude}} scale=14 markers={{markers}} polyline={{polyline}} show-location style=width: 100%; height: 5

435

2019-12-24

JavaScript
webpack打包html里面img后src为“[object Module]”问题

在html中引入img图片 !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=X-UA-Compatible content=i

1506

2019-12-23

JavaScript
JS数据类型STRING使用教程

转换为字符串 var num = 10num.toString(); //10 转换为字符串-参数表示几进制的字符串var stringValue = hello world;stringValue.length; //11 读取长度读取字符

122

2019-12-18

JavaScript