zblog主题

Solide

专注于前端开发记录

文章 248  访问 17133
最新动态
jquery案例

           效果图:勾选效果按钮变换样式在效果中可以看到 当点击日历是会出现勾选的效果 并且当勾选的数量大于21天时下面的样式会变成抽奖按钮 html:在视图层写好基本结构 数据通过js进行动态添加<div class="items">       <div class="main&quot

2023-10-30  75
ES6

  Set简述:   Set对象也是Es6中新增的一个对象 他可以储存任何类型的唯一值  包括原始值还是对象引用 set特殊值处理: 由于set的值是唯一的 所以在进行对比的时候 对一些特殊值 精选对比的通过还需要经过处理 比如:    +0和-0 和undefined和undefined之间都是对等的 但是NaN跟NaN对比是不相等的 在set储存的时候只能储存一个使用:先new一个Set对象 然后通过mySet.add添加

2023-10-30  75
CSS3

  效果图:从效果中可以看出当鼠标移入 文字会从左向右依次进行放大 分散 最后消失html:css:先分别设置好对应的样式 包括给span添加上过渡动画 然后我们可以进行hover设置了 当移入h2时 span添加一个模糊 并且方法俩倍 进行透明隐藏这个时候可以看到 效果以及完成的差不多了 剩下的就是对逐个消失的处理了预览:我们去给每一个span标签设置一个延时的时间 通过nth-child依次给它们进行时间的增加 就可以达到我们需要的效果了 h2 spa

2023-10-30  88
jquery案例

   效果图:从上面可以看见 我们通过点击上面的导航 切换进行筛选的内容 当点击停止时 将被选中的显示html:给所有的li添加上id 方便后面的区分 <div class="box">       <div class="top-list">       &nbs

2023-10-30  77
nodejs

  首先我们需要在使用的项目中引入fs模块然后去编写一个文件 为webConfig.json 并在里面写入我们需要的数据这里在我们前台路由中 先通过fs的同步方法将我们的静态资源引入// 前台首页路由配置 router.get("/", function (request, response, next) {   let webConfigData = fs

2023-10-29  85
nodejs

      前提:  在node.js中访问文件需要先引入fs模块var fs = require("fs")在使用fs模块的时候 一共提供了两个方法 分别为同步与异步操作异步方法fs.readFile()在入口文件中引入玩fs模块 然后创建input.txt文件写入我们的信息然后荣光异步方法中写入我们的文件地址 以及回调函数 当读取到数据时 在终端打印数据 并将转化为字符串预览: 同步方法 fs

2023-10-29  85
ES6

     在es6中新增了map对象 maps和objects的区别:1.一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。2. Map 中的键值是有序的,而添加到对象中的键则不是。3. Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。4. Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。  

2023-10-29  74
jquery案例

   效果图:点击左上角的颜色方块可以对我们的标签进行颜色的更改 在输入框中输入文字 通过回车键 进行标签的添加并且点击标签可以对标签进行删除html:<ul class="colors">       <span>tag Color</span>       <li&nbsp

2023-10-27  75
vue案例

  效果图:通过在输入框中写入数值进行加法计算 点击一次加号 出现一个输入框 再输入框中输入的数字会跟前面的进行叠加 减去的时候就减去输入框hrml:    <div id="app">       <span id="result">Total: {{ totalNum }

2023-10-27  73
Vue

 先引入vue文件以及第三方插件axios    在视图层中设置一个按钮以及一个p标签用来写数据中心的msg然后在根组件的数据中心中定义一个变量为空字符串msg 在methods中t写一个方法send1 进行axios请求首先保存数据的接口通过axios的get去向地址中请求数据 .then接受返回的数据 将返回的数据打印在控制台上预览:可以看到在控制台中打印返回的数据 有数组 有状态码 以及ok 我们需要的数据在data中通过this.msg获取到返回的

2023-10-27  85