2022年5月11日
JavaScript 与 TypeScript 的区别
摘要： TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言， TypeScript 是 JavaScript 的一个超集 JavaScript 是一种轻量级的解释性脚本语言，可嵌入到 HTML 页面中，在浏览器端执行，能够实现浏览器端丰富的交互功能，为用户带来流畅多样的用 阅读全文
posted @ 2022-05-11 17:24 栗栗向前冲 阅读(602) 评论(0) 推荐(0)
Vue.js 循环语句
摘要： 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： <div id="app"> <ol> <li v-for="site in sites 阅读全文
posted @ 2022-05-11 16:52 栗栗向前冲 阅读(40) 评论(0) 推荐(0)
Node.js
摘要： 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能 阅读全文
posted @ 2022-05-11 16:44 栗栗向前冲 阅读(40) 评论(0) 推荐(0)
canvas实现粒子跟随鼠标移动效果
摘要： 学了一下canvas特效，学习了一个粒子跟随鼠标移动效果 不能发动图简单发个截图看一下吧 下面是实现的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> 阅读全文
posted @ 2022-05-11 16:24 栗栗向前冲 阅读(275) 评论(0) 推荐(0)
css特效（css文字元素剪切显示背景）
摘要： 今天来分享一个用css做的一个小特效：加上背景图片之后文字部分显示图片，鼠标悬浮时首行缩进五字符并出现爱心图案 没有图片的样式是这样的： 这个是我写的一个css文字元素剪切显示背景的一个小特效，加上背景图片之后文字部分显示图片，这里我设置的浅色颜色，如果深色效果会更加明显 接下来分享一下这个效果的一 阅读全文
posted @ 2022-05-11 14:01 栗栗向前冲 阅读(298) 评论(0) 推荐(0)
2022年5月10日
百米点购分类页面实现
摘要： 实现点击不同模块显示不同商品详情： 首先对后端获得的接口进行封装 export function Data() { //模板字符串 return axios.get(`${baseUrl}/biz/queryAllCategory`) } export function queryCommodity 阅读全文
posted @ 2022-05-10 12:05 栗栗向前冲 阅读(47) 评论(0) 推荐(0)
状态管理库vuex与生命周期函数
摘要： 如何配置： 1.下载并引入vuex相关内容 import {createStore } from 'vuex 2.创建状态管理库对象 const store=createStore（{ }） 3.对外抛出store对象 export default store； 4.在main.js中将store对 阅读全文
posted @ 2022-05-10 11:43 栗栗向前冲 阅读(399) 评论(0) 推荐(0)
2022年5月9日
js实现模糊搜索法搜索内容
摘要： 1.indexof方法（stringObject.indexOf(String str, int fromIndex)） 方法将返回指定字符串在字符串中从指定位置开始后第一次出现的索引，或如果未找到指定子字符串，则返回-1。 2.split方法（stringObject.split(separato 阅读全文
posted @ 2022-05-09 19:45 栗栗向前冲 阅读(1116) 评论(0) 推荐(0)
Vue3如何配置路由
摘要： 1.首先通过命令行在相关文件夹下下载vue-router（npm i vue-router)，在路由文件中引入相关依赖 import { createRouter, createWebHashHistory } from "vue-router"; 2.创建路由信息对象数组: path:路径参数 c 阅读全文
posted @ 2022-05-09 19:09 栗栗向前冲 阅读(5835) 评论(0) 推荐(0)
2022年5月8日
Bootstrap@5的应用
摘要： 1.如果我们要把bootstrap@5应用到我们的项目中，我们首先要引入css还有js的文件链接 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" 阅读全文
posted @ 2022-05-08 10:03 栗栗向前冲 阅读(512) 评论(0) 推荐(0)
下一页