- 博客(15)
- 收藏
- 关注
原创 TypeScript入门教程
TypeScript 是由微软公司在 2012 年正式发布,现在也有 8 年的不断更新和维护了,TypeScript 的成长速度是非常快的,现在已经变成了前端必会的一门技能。TypeScript 其实就是 JavaScript 的超集,也就是说 TypeScript 是建立在 JavaScript 之上的,最后都会转变成 JavaScript。TypeScript 的一个最主要特点就是可以定义静态类型,英文是 Static Typing。那到底是什么意思呢?
2023-03-06 22:36:38
868
1
原创 使用nginx+宝塔面板部署示例前端项目
当我们写好一个前端练手项目之后,想要在服务器上部署,以便于让别人查看我们的项目,这时候我们可以使用宝塔面板+nginx来发布我们的项目
2023-03-06 22:28:01
2641
1
原创 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
366
原创 js 断路&&以及||
1、只要“||”前面为false,无论“||”后面是true还是false,结果都返回“||”后面的值。2、只要“||”前面为true,无论“||”后面是true还是false,结果都返回“||”前面的值。3、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;4、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后
2022-05-21 13:26:55
221
原创 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
1323
原创 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
1292
原创 使用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
5879
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
335
原创 css样式重置 common.less
// 重置样式* { box-sizing: border-box; } html { height: 100%; font-size: 14px; } body { height: 100%; color: #333; min-width: 1240px; font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', 'STHeiti.
2022-04-21 21:36:55
242
原创 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
128
原创 CSS技巧
一、font-family属性的作用与用法? 1.font-family属性的作用 font-family属性就是可以用css代码设置页面上文字显示的字体样式,例如:宋体,微软雅黑等等。font-family属性设置不同的字体,可以让页面显示效果更协调美观。 font-family属性可以定义多个值(字体),用逗号隔开。如果浏览器不支持第一个字体,则会尝试下一个,直到有一个可识别的。浏览器会使用它可识别的第一个值。 2.font-family属性的用法 f
2022-03-06 14:23:10
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人