js
文章平均质量分 77
键.
前端菜鸟一枚,博客记录平时学习的知识,部分内容可能描述的不全,欢迎各位大佬给予指正,相互学习。
展开
-
基于ant-design-vue组件的树结构数据处理
可以看到树结构中有部门,部门下的人员也需要显示。那么需要将人员和部门都当做子节点。原创 2024-03-18 09:38:33 · 533 阅读 · 0 评论 -
前端居中截取不同形状的图片
开发的时候拿到这样一个需求:意思就是要居中截取图片,这个功能跟微信朋友圈的九宫格显示功能差不多的效果。原创 2023-09-08 10:48:56 · 90 阅读 · 0 评论 -
用xhr、fetch实现下载进度动态展示效果
【代码】用xhr、fetch实现下载进度动态展示效果。原创 2023-02-21 16:34:57 · 843 阅读 · 0 评论 -
用原生js封装的思想写一个购物车
2 准备数据和实现简单的逻辑封装该步骤需要实现能在控制台操作购物车的所有的功能(增加、减少商品数量,计算价格等)以下为控制台控制购物车的基本功能。通过前面两步,我们已经实现了能够在控制台进行操作购物车的逻辑。但是这个界面是需要交给用户去使用的,我们还需要将页面和第二步的逻辑结合在一起。原创 2023-01-31 16:15:30 · 128 阅读 · 0 评论 -
小知识点记录
【代码】小知识点记录。原创 2022-11-24 09:36:18 · 446 阅读 · 0 评论 -
JavaScript高级应用
1.原型链构造函数创建一个对象function Dog() {}var dog = new Dog();dog.name = '旺财'console.log(dog);//Dog { name: '旺财' }prototype每个函数都有一个 prototype 属性function Dog() {}//注意:prototype是函数才会有的属性Dog.prototype.name = '小红'var dog1 = new Dog();var dog2 = new Dog(原创 2022-03-15 18:21:59 · 683 阅读 · 0 评论 -
ES6重要知识点总结
ES61 ES6入门阮一峰书籍推荐:https://es6.ruanyifeng.com/#docs/reference1.1 简介ECMAScript标准简称为ES6也称为ES2015,规定以后的ECMAScript标准每一年一更,统一以年份命名(每年的六月份)1.2 块级作用域通过块级声明的变量无法被代码块外部访问,这种就称为块级作用域,也成为语法作用域块级作用域可以在函数内部和代码块{}内部创建1.3 let和const{ var a=2; let b=10;原创 2021-09-22 19:59:39 · 652 阅读 · 0 评论 -
Ajax+jQuery+MySQL+PHP实现瀑布流动态刷新商品
1,PHP入门关于PHP的基础语法可以参照:PHP入门语法2,效果演示思路:1,后端数据准备:MySQL+PHP2,编写前端瀑布流布局3,前端通过Ajax拿到后端数据4,将拿到的数据写在界面上5,监听滚动条滚动并在边界值上刷新新数据6,动态刷新所有数据3,编码项目目录结构:3.1,MySQL+PHP数据准备<?php //创建数据库连接 $dsn="mysql:host=localhost;dbname=h5"; //创建PDO $pdo=原创 2021-09-07 20:24:10 · 477 阅读 · 1 评论 -
JavaScript中Cookie的使用——设置失效时间
1.什么是Cookie?1.1简介主要用于存储访问过的网站数据,存储浏览器的信息到本地计算机中,用于客户端和服务器端的通讯Cookie 是为了解决“如何记住用户信息”而发明的:当用户访问网页时,他的名字可以存储在 cookie 中。下次用户访问该页面时,cookie 会“记住”他的名字。注意:如果浏览器完全禁止cookie,大多数网站的基本功能都将无法正常使用,chrome浏览器不支持本地文件的cookie的读取1.2特点以文本形式保存(.txt)cookie存储信息不安全(不能存放原创 2021-09-04 16:26:02 · 9133 阅读 · 1 评论 -
JavaScript中的浅拷贝,深拷贝的使用
1,浅拷贝首先定义一个对象var obj={ name:'托马', area:['稻妻','蒙德','须弥'], attr:'火' }然后封装一个函数function copy(obj){ var newObj={} //遍历对象 for(var key in obj){ newObj[key]=obj[key]原创 2021-09-04 10:19:26 · 160 阅读 · 0 评论 -
Ajax使用
1.入门主要掌握:json数据转换简单的封装,创建流程能够使用、读懂别人写的封装,jq的封装使用跨域概念注:本文的所有Ajax操作都是在WampServer的www目录下启动的1.1 简介AJAX = Asynchronous JavaScript And XML.AJAX 并非编程语言。主要为了创建更快、更好的web程序优点:常用于局部刷新官方文档:https://www.w3school.com.cn/js/js_ajax_intro.asp同步异步:同步是指:当程序原创 2021-09-02 11:27:07 · 287 阅读 · 1 评论 -
jQuery
jQuery1.简介jQuery是一个封装的库,也可以成为一个框架,将js中复杂的方法进行封装改良,让开发人员更加专注于逻辑开发。jQuery使用时必须进行引入:引入本地js文件CDN加载(引入在线的网址,网址上具有框架)https://www.jq22.com/cdn/<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>jQuery特点:不用考虑兼容问题,已经被封装好了,原创 2021-08-30 15:48:35 · 101 阅读 · 0 评论 -
JavaScript
1.JavaScript入门1.1简介javascript简称js,是基于对象和事件驱动的客户端脚本语言。ECMAScript5.0 ECMAScript6.0简称ES5 ES6javascript和java有什么关系?没有关系雷锋和雷峰塔仙女和仙女山老婆和老婆饼javascript能做什么?网页特效表单验证(正则)游戏编写编写Node1.2javascript的引入方式直接引入<script>js代码</script> <script t原创 2021-08-18 23:19:55 · 456 阅读 · 0 评论 -
正则表达式
正则表达式简介正则的作用:*1、表单验证(检测用户名、密码等是否符合规范)2、查找字符串3、查找替换并替换定界符/正则规则/原子1、每一个字符都称为一个原子(数字、字母、下划线以及任何符号,包括空格)2、每一个[]代表一个原子,中括号内为可选字符[]号内的简写: [0-9]代表0-9的任意一个数 [0-9A-Za-z_]代表数字、字母、下划线中的任意一个字符 注意:在[]内开头出现^,代表除了[]内以外的字符 3、{}代表重复匹配前面的原子 {原创 2021-08-17 10:09:36 · 100 阅读 · 1 评论