前端笔记
谷雨2004
这个作者很懒,什么都没留下…
展开
-
es6去重
set方法let arr=[45,21,45,36,22,36]let item = [...new Set(arr)]console.log(item)//[ 45, 21, 36, 22 ]原创 2022-05-05 17:28:37 · 104 阅读 · 0 评论 -
vscode中让canvas有代码提示
在代码中加入/** @type {HTMLCanvasElement} */ 即可拥有canvas全部代码提示<script> /** @type {HTMLCanvasElement} */ let cvs = document.getElementById('cvs') let ctx = cvs.getContext('2d') ctx.rect(300, 150, 200, 100) ctx.lineWidth = 2原创 2022-03-17 10:50:58 · 1336 阅读 · 1 评论 -
vue中配置axios
自己生成的包, 需要安装, 在项目目录下执行: npm i axios vue-axios集成:在src文件夹中创建一个新的文件夹utils,在此文件夹中创建新文件axios.js在axios.js中添加代码import Vue from 'vue'import axios from 'axios'import VueAxios from 'vue-axios'// use:用于把第三方模块,注入到vue对象里Vue.use(VueAxios, axios)代码写完需要执行:在m.原创 2022-03-05 11:05:25 · 1702 阅读 · 1 评论 -
解决防盗链问题
在head标签中添加,可解决部分防盗链问题<meta name="referrer" content="no-referrer" />原创 2022-03-01 20:55:35 · 260 阅读 · 0 评论 -
vue跨域配置
在vue.config.js中配置服务器const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true, // 配置服务器,添加代理选项 // devServer:开发 服务器 devServer: { // 必须重启服务器,配置才能生效 // proxy:代理 proxy: { '/douyu原创 2022-03-01 20:48:58 · 751 阅读 · 0 评论 -
css显示省略号
-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;原创 2022-02-28 16:08:08 · 187 阅读 · 0 评论 -
跨域代理请求
var str = '' http.get(url, data => { // 拼接请求数据到str里 data.on('data', chunk => (str += chunk)) // 拼接结束后,发送给接口调用者 data.on('end', () => res.send(JSON.parse(str))) })原创 2022-02-22 15:29:42 · 41 阅读 · 0 评论 -
video标签的视频自动播放
一定要设置muted=“muted”<video muted="muted" autoplay="autoplay" loop="loop" src="./video/bg.mp4" height="100%" width="100%"></video>原创 2022-02-21 19:33:04 · 796 阅读 · 0 评论 -
css基本设置
*,*::before,*::after { box-sizing: border-box;}html { height: 100%; /* 1rem的大小设定(根倍率) */ font-size: 14px;}body { margin: 0; background-color: #f5f5f5; font-family: Arial, Helvetica, 黑体; color: #666;}/* 标签修改 */a:li原创 2022-01-17 14:53:40 · 261 阅读 · 0 评论 -
如何隐藏overflow: scroll的滚动条
css3有一个直接调用的css,保证隐藏滚动条的同时还可以继续通过滚轮向下翻::-webkit-scrollbar {/*隐藏滚轮*/display: none;}原创 2021-02-28 17:06:01 · 190 阅读 · 0 评论 -
关于jQuery的click用法
关于jQuery的click用法$(document).on('click', '.title', function() { var id = $(this).attr("data-id"); console.log(id);});$(".caseBox").click(function() { var id = $(".caseBox").attr("data-id"); console.log(id); }); $(".caseBox").on('click'原创 2021-02-28 16:24:19 · 212 阅读 · 0 评论