zblog主题

Solide

专注于前端开发记录

文章 248  访问 17133
最新动态
Jquery

    在视图层写好一个按钮<button id="btn">点击,发送异步请求,获取node接口中数据</button>引入jQuery文件 获取到按钮   点它被点击时 将后端的数据接口拿出来储存在变量url中最后通过jQuery的方法 $.get去像接口地址中获取数据 并且 将返回的数据在控制台中打印出来这里如果我们的文件端口号跟后端数据地址不同 我们这时候需要先解决跨域问题在app.js中将这串

2023-10-27  83
nodejs

     首先在根目录下去创建一个data文件夹 然后在创建一个login.json文件写入内容然后在app.js中去引入这个json文件夹然后通过get请求去设置一个接口 去发送这个请求 通过返回的数据 发送login启动项目  拿到地址将/login接口输入查看

2023-10-27  81
nodejs

     首先将我们的配置下载 以及模块引入进来 以及我们的路由监听:const express = require("express"); const db = require("./config/db.js"); const http = require("http"); const app =

2023-10-27  94
ES6

   概念:        在ES6中除了Number 、 String 、 Boolean 、 Object、 null 和 undefined 之外 新增了一个基础数据类型symbol       symbol类型的数据表示独一无二的值,最形象的就是它的属性名唯一性  基础语法:我们使用let声明的俩个变量 用symbol里面进行赋值 通过typeof打印可以看出来类型都s

2023-10-27  76
CSS3

  效果图:从效果中可以看出来 小球有序的进行跳动 并且底部的阴影也在随着小球的跳动进行改变html:这次样式采用自变量的方式去进行小球以及阴影位置的距离设置 以及动画延迟小球本体:先将box水平垂直居中 设置好背景 然后对小球进行设置 将其通过绝对定位 堆叠在一起 然后使用css函数calc进行计算每一个小球的距离左边的像素      body {      &nb

2023-10-26  74
vue案例

  效果图:当我们点击滑动条 或者滑块时 滑块就会进行移动 并且会将滑块条补充颜色 以及显示滑块进度的位置html:主要是分别俩部分 一部分是input 类型设置为range 滑块模式 然后绑定label 作为显示进度然后设置一个滑块区域 里面设置一个label 以及span 同样label绑定这个滑块条的id <div id="app">       <label&n

2023-10-26  67
jquery案例

    效果图:在效果中可以看见 当我们点击购物车按钮是 右上角的绿色小圆球 会进行运动 到购物车中 进入的那一刻购物车抖动 并且购物车的数字加一html:购物车图标我们可以引用字体库来实现 在设置的时候 给购物车上面添加data-before=0 然后在设置before也就是购物车上面的小球时内容中使用css函数 attr来串联data-before <link       rel="st

2023-10-25  80
vue案例

   效果图:通过vue的计算属性将获取到每条对应遍历出来的value 然后将每条对应的分数 进行公式计算 然后通过动态的绑定style进行高度赋值现在数据中心中设置好三组数组 分别为x轴y轴以及数据条的数据然后将数组中的数据分别渲染到 视图层中 设置好它的样式 这个时候可以看见 y轴的数据 是按照数组中的值进行从前到后进行排序顺序是从小到大 不是我们需要的 这个时候我们在计算中心声明一个定义一个函数 将listY通过数组中的sort进行排序 将sum替换掉y轴遍历

2023-10-25  75
CSS3

     效果图:在鼠标放到小方块上面的时候 方块进行向上翻动 底部的面翻动上来 翻动的同时 底部有一瞬间的黑色 html: <ul>       <li><span data-hover="A">A</span></li>       &

2023-10-25  75
ES6

    结构赋值除了数组之外还有另一个对象结构赋值基本:左边声明变量 右边以键值对的方式进行赋值预览:嵌套或者忽略进行赋值先声明一个变量obj右边的值先以前台数组对象的方式 进行赋值 然后再以对象的形式声明变量 将先前的obj的值进行赋值 可以进行打印输出查看预览:忽略方式赋值不完全结构赋值:在声明的obj进行对象的方式赋值 p的数组中 只有一个对象的键值对 我们在给第二个声明的对象中 数组有俩个变量分别为对象y以及x 进行obj赋值 打印可以看出y是world x是unde

2023-10-25  75