web前端
哇吖吖
记录我的学习之路
展开
-
lesson02_React知识回顾
react知识回顾原创 2023-02-26 20:44:11 · 276 阅读 · 0 评论 -
lesson01_ts知识回顾
使用React和typescript开发组件库的ts前置知识简单回顾原创 2023-02-26 00:03:18 · 279 阅读 · 0 评论 -
关于代码注释——什么是好的注释
怎样写注释原创 2022-12-16 14:58:51 · 135 阅读 · 0 评论 -
react脚手架配置别名并自动提示[VSCode]
react脚手架配置别名并自动提示原创 2022-12-14 23:30:56 · 277 阅读 · 0 评论 -
canvas 绘制图片 - ctx.drawImage()
canvas绘制图片原创 2022-07-19 11:37:42 · 13543 阅读 · 0 评论 -
js中的的GO和AO
JS中的AO和GO以及相关的输出例题原创 2022-07-15 17:16:33 · 869 阅读 · 0 评论 -
JS定义二维数组
new Array(rows).fill(0).map(() => new Array(cols, initValue));原创 2022-07-14 09:55:40 · 2011 阅读 · 0 评论 -
npm配置国内镜像
npm永久性配置国内镜像// 一次性配置,所有通过npm安装的均使用淘宝镜像npm config set registry https://registry.npm.taobao.org// 验证npm config get registry原创 2022-03-18 22:50:54 · 1029 阅读 · 0 评论 -
【webpack】小小小基础
运行指令、核心部分、基本结构原创 2022-01-15 14:28:33 · 274 阅读 · 0 评论 -
【javascript】import & require
import和require的简单理解和区分原创 2022-01-13 16:43:01 · 281 阅读 · 0 评论 -
【javascript】exports & require 【commonjs module,浏览器不能使用】
只在node环境中运行exports的文件只有一个函数// name.jsconst getFullName = (name, surname) => { return name + " " + surname}module.exports = getFullName多个函数// name.jsconst getFullName = (name, surname) => { return name + " " + surname}const getSur原创 2022-01-13 15:59:56 · 319 阅读 · 0 评论 -
【javascript】import & export
html里的形式javascript type="module"要加在script标签里边<script type="module" src="main.js"></script>export的过程直接在各种定义前边export或export defaultexport default class User { constructor(name, age) { this.name = name this.age = age原创 2022-01-13 11:28:20 · 175 阅读 · 0 评论 -
【threejs】防止浏览器窗口缩放时物体变形
var render = function(){ //每秒渲染60次 requestAnimationFrame(render); //实现渲染方法render()的周期性调用 renderer.render(scene, camera);}render();原创 2022-01-12 17:18:53 · 560 阅读 · 0 评论 -
【threejs】物体添加到画布之后为黑色-添加光源
let light = new THREE.PointLight(0xFFFFFF, 1, 500)light.position.set(10, 0, 25)scene.add(light)原创 2022-01-12 17:10:02 · 562 阅读 · 0 评论 -
【threejs】添加mesh后不显示
render方法的调用位置要在scene.add(mesh)之后camera要设置一个positioneg.camera.position.z = 5原创 2022-01-12 17:05:50 · 978 阅读 · 0 评论 -
【threejs】去掉滑动条和白边
body { margin: 0; height: 100vh; /*viewport height*/}canvas { display: block;}原创 2022-01-12 16:26:10 · 535 阅读 · 0 评论 -
【threejs】render方法,渲染区域为黑色
renderer.render(scene, camera)原创 2022-01-12 16:21:16 · 529 阅读 · 0 评论 -
【threejs】画布大小随窗口变化
let scene = new THREE.Scene()let camera = new THREE.PerspectiveCamera( 75, // 视野 window.innerWidth / window.innerHeight, // 纵横比 0.1, // 近平面 1000 // 远平面)let renderer = new THREE.WebGLRenderer( { antialias: true })rende原创 2022-01-12 16:16:28 · 1366 阅读 · 0 评论 -
【javascript】Map哈希表
初始化// 初始化一个空的Maplet map = new Map() // 用二维数组进行Map的初始化let maap = new Map( [ [key1, value1], [key2, value2] ] )操作map.set(key, value) // 添加新的key-valuemap.has(key) // 是否存在keymap.get(key)原创 2022-01-11 21:28:25 · 479 阅读 · 0 评论 -
HTML标签textarea去除红色下划线
<textarea spellcheck="false"></textarea>红色波浪线【加之前,默认为spellcheck="true"】加上spellcheck="false"之后原创 2021-12-30 19:59:25 · 1143 阅读 · 1 评论 -
web前端 —— 【HTML表单】
1.创建 form表格<form action="[value]" method="post"> Input elements</form>action:【指定处理表格数据的程序或文档地址】method:【通知服务器的请求方法】get:或许去要的信息并在地址栏中传递数据post:向服务器发送大量数据时使用该方法method属性若未指定,则默认为get2.输入元素(1)文字【text fileds】【默认宽度为20个字符】 text<input t原创 2021-02-26 22:00:34 · 70 阅读 · 0 评论 -
web前端 —— 【链接外部js文件】
<script src="main.js"></script>原创 2021-02-26 16:26:04 · 972 阅读 · 0 评论 -
web前端——【选择组合器】
1.A B 【descendant combinator】A元素内所有的B元素,不管是不是直接的父子关系2.A > B 【child combinator】所有B元素都是A元素的直接子元素3.A ~ B 【general siblings combinator】A之后所有与A同父元素的所有B元素4.A + B 【adjacent sibling combinator】紧随A元素之后的所有B元素5.与其他的选择器组合 【using combinators with原创 2021-02-26 14:10:00 · 78 阅读 · 0 评论 -
web前端 ——【属性选择器 & 通用选择器】
1.通用选择器*:将属性应用于页面的所有元素2.属性选择器eg. #list{...} a{...}3.按属性或属性值选择【selecting by attribute or value of attribute】[title]{ /*所有有title属性的元素*/ background-color:red;}[title="bestpaper"]{ /*title属性为bestpaper的元素*/ text-decoration: line-throug原创 2021-02-26 14:08:28 · 384 阅读 · 0 评论