js知识运用
前端搬砖达人
努力搬砖的打工人
展开
-
【无标题】
替换数组内对象的全部键名原创 2022-07-10 18:09:57 · 123 阅读 · 0 评论 -
js数组基本操作-数组查重
js数组基本操作原创 2022-06-19 10:42:48 · 325 阅读 · 0 评论 -
js基础-把地址后缀转成对象格式
js基础把地址后缀转成对象格式原创 2022-06-01 19:28:36 · 148 阅读 · 0 评论 -
js基础实现-统计数组中每个值出现的次数
统计数组中每个值出现的次数使用知识:数组的基本操作知识点: 数组的forEach方法、findIndex方法需求:统计数组中每个值出现的个数 显示为[{name:福建省, num:1}]// 需求:统计数组中每个值出现的个数 显示为[{name:福建省, num:1}] const arr = ['天津市','广东省','河南省','福建省','广东省','福建省','福建省','广东省','天津市','陕西省','福建省','贵州省','福建省','广东省','天津市','福建省原创 2022-05-30 16:56:49 · 1190 阅读 · 0 评论 -
图书管理crud
实现需求页面刷新时请求数据渲染搜索书名的功能新增图书功能删除图书功能编辑图书功能进度条功能实现步骤封装渲染数据函数(获取数据时get请求)根据书名搜索数据然后再渲染出来新增功能:弹出模态框(运用boostrap模态框)新增使用post请求删除功能:使用事件委托 和 事件对象实现点击到删除按钮 根据id删除数据编辑功能::弹出模态框(运用boostrap模态框)同新增功能 模态框赋值有使用对象for in遍历赋值给模态框NProgress进度条功能:使用了axios拦截器 再原创 2022-05-23 12:00:40 · 248 阅读 · 0 评论 -
js基础——简易微博发布
js是实现简易微博发布原创 2022-04-19 21:37:08 · 1099 阅读 · 2 评论 -
js基础-购物车操作
js实现购物车部分操作原创 2022-04-19 15:32:46 · 2263 阅读 · 1 评论 -
js -DOM基础-动态实现创建表格
js DOM基础实现创建表格效果原创 2022-04-19 12:32:23 · 1398 阅读 · 1 评论 -
用原生js封装transform函数
原生js实现tranform动画效果原理:封装 传参 1.判断是否含有动画 创建对象 2.判断读和写封装用自定义函数(function (w){})(window) w为形参 window为实参将函数赋予w的属性 调用即可传参(node,name,value) node为元素 name为tranform属性 value为值1.1.判断是否含有动画 创建对象if(!node.trans...原创 2019-01-09 15:53:32 · 1306 阅读 · 0 评论 -
使用div+css+javascript实现仿百度糯米首页
通过对div+css的学习 可搭建静态网页 从网页切图到使用dw制作仿百度糯米首页巩固了对div+css的理解 在此网页中 使用js实现对图片切换以及对选项卡 及侧边栏回到顶部的运用原理:使用div创建网页结果使用css对网页进行装饰使用javascript对网页添加行为...原创 2018-11-29 13:30:50 · 2162 阅读 · 7 评论 -
原生js仿网易云轮播特效
原理:运用两张图片切换 可视区域向左走或向右走 要跳转的图片定位在可视区域的左边或右边 然后用缓动动画实现切换 重点:缓动动画js实现步骤:1、获取所需元素2、创建指示器3.让第一个选中4.添加事件5、切换索引6、自动轮播1、获取所需元素 var slider=$("slider"); var slider_main=$("slider_main"); ...原创 2018-11-10 23:40:16 · 4119 阅读 · 0 评论 -
原生js实现瀑布流效果 函数封装
实现目标:实现瀑布流布局、当滚动条滚动到一定距离时加载图片瀑布流布局:结合窗口改变 定位第一行的盒子 第二行第一个盒子接到第一行最矮的盒子下面 当接完后更新最矮盒子 以此类推滚动加载图片:案例是用数组对象实现图片加载 条件是当加载到最后一张图片一半+最后盒子的offsetTop小于等于屏幕的高度+滚动的距离时 加载图片html+css<!DOCTYPE html><...原创 2018-10-23 13:48:49 · 481 阅读 · 0 评论 -
使用原生js实现仿淘宝放大镜效果
放大镜实现步骤1.获取元素2.实现鼠标移上时显示小方块 和大图3.再添加中图的移动事件 获取鼠标的坐标付给小方块 注意必须坐标还要减去小方块的宽高的一半 让光标在中间显示4.实现大图同比例的显示 原理:光标移动的坐标/大图移动的坐标=中图的宽度/大图的宽度 求的是大图移动的光标 带进数值即可5.实现图片切换 试着用闭包形式实现html代码<div id="box...原创 2018-10-18 23:02:38 · 683 阅读 · 0 评论