01 2022 档案

typescript 学习笔记（一）
摘要：原始类型 js有五种基本类型 string、number、boolean、null、undefined，这几种类型typescript都赋予了对应的类型限定，如下 1、布尔值 let bool: boolean = false 注意利用Boolean创造的对象不是布尔值: let boolObjec 阅读全文
posted @ 2022-01-29 01:45 thomas_001 阅读(41) 评论(0) 推荐(0)
JS 重构购物车案例 理解AJAX前后端传输数据的解码编码以及AJAX事件（node做后端）
摘要：AJAX简介 首先我们来看w3c给的示例图 在我工作中，用的最多的也是用来传输JSON数据，像官网介绍的这样，Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分，而不需要重新加载整个页面，这也是ajax的核心，了解以后那我们来简单的写一个AJAX的步骤 阅读全文
posted @ 2022-01-26 14:59 thomas_001 阅读(192) 评论(0) 推荐(1)
JS 重构购物车案例 改进版（详细注释 node后端）
摘要：html代码 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do 阅读全文
posted @ 2022-01-25 23:42 thomas_001 阅读(110) 评论(0) 推荐(0)
JS 重构购物车案例 改进版（详细注释）
摘要：html： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2022-01-25 10:55 thomas_001 阅读(81) 评论(0) 推荐(0)
JS 重构购物车案例 初始版（详细注释）
摘要：有一些地方还未做完善，比如当商品点击减号为0时，自动删除这个商品对象，后续会进行完善 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .shopItem 阅读全文
posted @ 2022-01-24 23:37 thomas_001 阅读(77) 评论(0) 推荐(0)
MAMP PRO+Navicat Preminum+php 在mac上使用php连接数据库，并且搭建简单的注册功能
摘要：接上文https://www.cnblogs.com/0811thomas/p/15808152.html 先上自己连接成功的效果图 在安装了MAMP PRO以后，我们还需要安装Navicat Premunum,破解版的安装也在我上篇分享的地址，可以自行下载 我这里使用的软件组合是MAMP PRO（ 阅读全文
posted @ 2022-01-18 20:04 thomas_001 阅读(300) 评论(0) 推荐(0)
MAMP/MAMP PRO PHP/Mysql环境配置小试牛刀
摘要：先图为敬 下载地址：https://macwk.com/soft/all/p1?platform=m1 因为20款mac都是上的m1芯片，所以下载软件一定记得选择合适自己的系统 进入界面 会弹出需要关闭sip这个选框 你可以理解为sip是保护系统的权限，旨在帮助防止潜在恶意软件修改 Mac 上受保护 阅读全文
posted @ 2022-01-15 21:24 thomas_001 阅读(692) 评论(0) 推荐(0)
原生js实现放大镜功能，可切换图片
摘要：放大镜主要用到的的算法性问题以及思路 移动的元素是mask和大盒子的背景图 1.mask的移动和大盒子的背景图移动是有一定比例的 mask的宽 小图片的宽 = bigBox的宽 大图片的宽 left mask的宽 = x bigBox的宽 高同理 2.mask的移动和大盒子的背景图移动是反向的 3. 阅读全文
posted @ 2022-01-15 16:04 thomas_001 阅读(490) 评论(0) 推荐(0)
改进版轮播图（面向对象）
摘要：随笔：打算年后呢换份工作，最近也在js整理面试题,以及复习一下js中的基础知识，那么js中经典的两大案例，我打算这两天整理整理，依次来复习一下知识点先上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ht 阅读全文
posted @ 2022-01-12 21:20 thomas_001 阅读(32) 评论(0) 推荐(0)
总结一下咱们JS中的this和return的用法
摘要：1、全局中的this ,指的是window console.log(this);//window function abc(){ console.log(this)//window } abc(); 2、事件中的this 什么是事件，当前这个函数，在addEventListener中被传入第二个参数 阅读全文
posted @ 2022-01-10 00:37 thomas_001 阅读(408) 评论(0) 推荐(0)
JS小案例 a小球拖动，记录位置，并且返回 b小球运动
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-01-09 21:24 thomas_001 阅读(103) 评论(0) 推荐(0)
浅谈Vuex的使用
摘要：Redux一样，当你不知道是否需要Vuex那就是不需要。不要因为想用Vuex而使用它。Vuex是Vue的一个全局状态管理模块，它的作用是多个组件共享状态及数据，当某个组件将全局状态修改时，在绑定了该状态的另一个组件也将响应。实际上可以将Vue理解为一个function，在Vue的作用域中有一个数据代 阅读全文
posted @ 2022-01-07 23:35 thomas_001 阅读(52) 评论(0) 推荐(0)
初代轮播图（后续我会更新完整版)
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-01-07 23:19 thomas_001 阅读(35) 评论(0) 推荐(0)
对自己以前常用的js方法进行总结
摘要：let Methods = (function () { return { // 随机颜色 randomColor: function () { var color = '#' for (let i = 0; i < 6; i++) { var num = parseInt(Math.random( 阅读全文
posted @ 2022-01-04 22:50 thomas_001 阅读(30) 评论(0) 推荐(0)