前端
文章平均质量分 50
SoSalty
如月之恒,如日之升
展开
-
TypeScript入门教程
TypeScript 是由微软公司在 2012 年正式发布,现在也有 8 年的不断更新和维护了,TypeScript 的成长速度是非常快的,现在已经变成了前端必会的一门技能。TypeScript 其实就是 JavaScript 的超集,也就是说 TypeScript 是建立在 JavaScript 之上的,最后都会转变成 JavaScript。TypeScript 的一个最主要特点就是可以定义静态类型,英文是 Static Typing。那到底是什么意思呢?原创 2023-03-06 22:36:38 · 741 阅读 · 1 评论 -
使用nginx+宝塔面板部署示例前端项目
当我们写好一个前端练手项目之后,想要在服务器上部署,以便于让别人查看我们的项目,这时候我们可以使用宝塔面板+nginx来发布我们的项目原创 2023-03-06 22:28:01 · 2487 阅读 · 1 评论 -
宝塔面板部署网易云api
网易云api部署原创 2022-09-08 23:25:29 · 1100 阅读 · 5 评论 -
宝塔面板使用Nginx反向代理解决跨域问题,超简单!!
宝塔面板使用Nginx反向代理解决跨域问题原创 2022-07-03 01:13:18 · 22229 阅读 · 3 评论 -
vue2通过this.$store访问vuex的方法
this.$store.commit('cart/setCart', {goods_id: this.goodsInfo.goods_id})//mutationsthis.$store.dispath('cart/getCart', {goods_id: this.goodsInfo.goods_id})//actionsthis.$store.getters['cart/total']//gettersthis.$store.state.cart.cartInfo//state// cart.原创 2022-05-22 14:02:16 · 355 阅读 · 0 评论 -
js 断路&&以及||
1、只要“||”前面为false,无论“||”后面是true还是false,结果都返回“||”后面的值。2、只要“||”前面为true,无论“||”后面是true还是false,结果都返回“||”前面的值。3、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;4、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后原创 2022-05-21 13:26:55 · 211 阅读 · 0 评论 -
js 数组方法splice
1、删除:用于删除元素。两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)varspliceArr3=["aaa","bbb","ccc","111","22","333"];varspliceArr4=spliceArr3.splice(2,2);输出spliceArr3: [aaa,bbb,22,333]; spliceArr4: [ccc,111]2、插入:向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第...原创 2022-05-15 14:42:40 · 1291 阅读 · 0 评论 -
HTML下直接调用Less文件
HTML下直接调用Less文件https://www.cnblogs.com/fengzhenzhen/p/15791446.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="vi...原创 2022-05-12 23:04:16 · 1275 阅读 · 0 评论 -
使用vercel来部署网易云网站(后端接口+前端页面)
后端接口搭建:1.GitHub搜索网易云api接口:NeteaseCloudMusicApi2.点击第一个:3.进入之后点击fork,将项目保存:4.回到主页,可以发现此项目已经成功保存:5.搜索vercel进入其官网,使用GitHub登录好后点击new project:6.找到刚刚保存的项目,点击import:7.填写好项目名字,点击deploy,等待创建8.创建成功,出现如下:8.点击左边的窗口进入文档,这个URL地址就是我们发请...原创 2022-04-30 19:27:59 · 5750 阅读 · 9 评论 -
使用VueUse实现双向数据绑定(V5.3.0)
父组件:<template> <XtxCheckbox v-model="Allchecked">同意{{ Allchecked }}</XtxCheckbox></template><script>import { ref } from '@vue/reactivity'export default { name: 'SubCategory', setup() { const Allchecked = ref(f原创 2022-04-28 15:07:46 · 313 阅读 · 0 评论 -
vue相关
避免到当前位置的冗余导航。 简单来说就是重复触发了同一个路由错误提示:NavigationDuplicated: Avoided redundant navigation to current location:解决:const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, locat原创 2022-04-13 03:06:39 · 121 阅读 · 0 评论 -
CSS技巧
一、font-family属性的作用与用法? 1.font-family属性的作用 font-family属性就是可以用css代码设置页面上文字显示的字体样式,例如:宋体,微软雅黑等等。font-family属性设置不同的字体,可以让页面显示效果更协调美观。 font-family属性可以定义多个值(字体),用逗号隔开。如果浏览器不支持第一个字体,则会尝试下一个,直到有一个可识别的。浏览器会使用它可识别的第一个值。 2.font-family属性的用法 f原创 2022-03-06 14:23:10 · 308 阅读 · 0 评论