MrHuBingo-CSDN博客

原创分别使用Vue和原生JS实现完整功能购物车

我们今天将实现两种方式来比较VUE语言和原生JS 之间的差距从而更好的理解javascript语言首先使用node的express构造购物车数据var express = require('express')var app = new express;app.use('/public',express.static('./public'))app.all('*', function (req, res, next) { //设为指定的域解决跨域 // Access-Con

2020-06-19 19:12:35 359 1

原创原生JS 实现类似淘宝京东商城图片展示图片放大镜效果

本次 JS实现首先使用原AJAX 请求数据将请求的数据加入到数据样式中实现动态展示[ { "id": 1, "imgs": [ "0.jpg", "1.jpg", "2.jpg" ] }, { "id": 2, "imgs": [ "3.jpg", "4.jpg",

2020-06-07 20:52:57 536

原创 JS DOM 鼠标事件默认事件鼠标右键事件覆盖添加事件监听（一）

我们在使用原生JS 操作DOM 会遇到各种各样的问题如何去解决他们就需要一些经验了当我们在html 中定义一个DIV 命名为 #demo 时给它写出两个一摸一样的点击事件时候会发生覆盖事件如图 let demo = document.getElementById('demo') demo.onclick = function (){ console.log(111)

2020-06-06 15:56:56 2160

原创浅谈正则表达式

正则表达式，又称规则表达式。英文名为 Regular Expression正则表达式是计算机科学的一个概念，通常被用来检索、替换那些符合某个模式(规则)的文本。许多编程语言是可以使用正则表达式 JS就是其中一种正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式一般写法为let reg = new RegExp ( )不过它可以使用转义符表达更为方便

2020-06-06 10:19:56 176

原创使用原生JS 制作点击飞船加分小游戏

制作效果如图所示左上角为计分板基本布置做出来后下一步需要让飞机动起来我们可以通过改变飞机图片的相对于背景图的左上端位置值 img.style.left = '50px'; function move(){ // console.log(img.style.left) if( parseInt(img.style.left) > (screen.width - 50)) {

2020-06-05 16:16:58 367

原创原生JS 操控DOM 转换DIV 背景图实现轮播图效果

javascript 使用基础方法可以实现轮播图的方法如下在新建的HTML 页面中设置样式*{ padding:0; margin:0; list-style:none; box-sizing: border-box; } .flex{ display: flex; justify-content: center;

2020-06-03 23:45:29 947

原创原生JS驱动DOM 实现DIV拖拽效果

在建立的HTML 页面中鼠标拖拽盒子于任意位置拖拽可知我们需要使用到鼠标事件 div 定位问题页面中鼠标坐标距离上左距离的计算首先第一步先实现 DIV 于页面中 *{ padding:0; margin:0; } #app{ background: #ccc; width: 200px;

2020-06-02 22:12:32 227

原创原生js 数组方法字符串方法

数组方法字符串方法数组字符串共有之方法数组方法1.arr.concat ( )合并两个数组arr3 = arr.concat(arr1)2.arr.join ( )将数组转化成字符串以 join 括号里的字符拼接ßßstr = arr.join()// 12343.arr.toString ( )将数组元素转换成字符串形式// 1,2,3,44.arr.reverse ( )原数组改变// 4 3 2 15.arr.sort ( )默认升序先数字后字符

2020-06-02 19:50:51 300

MrHuBingo的博客