需要使用才学的技术
文章平均质量分 66
zheng_jia_jun
开发分享是一种乐趣`
展开
-
css3多列布局
* 关键代码-----------------------------------------------------*//* 关键代码-----------------------------------------------------*/设置每一列的宽度,多少列根据屏幕自适应,如果已经 column-count 设置了 列数,则该属性不生效;属性指定了列与列间的边框样式。指定容器内需要分割的列数。属性指定了两列的边框厚度。属性指定了两列的边框颜色。/* 固定两列 *//* 设置间距 */...原创 2022-08-18 21:44:19 · 267 阅读 · 0 评论 -
可选链操作符跟空值合并运算符
是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。在开发过程中我们需要判断一个对象里面有没有一个属性,并且需要使用这个属性里面对象的值,就需要写类似以下的判断代码。es6 中新增了可选链操作符。...原创 2022-08-15 22:18:48 · 214 阅读 · 0 评论 -
为什么需要 webpack 以及 webpack 构建流程
打包是webpack最核心的功能,webpack其它所有的功能都是为了让打包这个功能更好。我们从一个简单的html页面介绍了通过webpack对模块进行打包,既保留了单个模块的可维护性,又减少了页面的http请求,减少了页面加载时间,从而增加了页面的显示速度,让整个应用的体验更好。...原创 2022-08-13 23:50:49 · 443 阅读 · 1 评论 -
Canvas的基本用法
canvas 标签有属性 width,height 来分别设置他们的宽高,不设置的话,标签默认宽度为 300px,高度为 150px, 请勿使用 css 直接定义 canvas 的宽度,这样会导致用 canvas 绘画出来的图像变形。是一个可以使用脚本 (通常为JavaScript) 来绘制图形的 HTML 元素,例如,它可以用于绘制图表、制作图片构图或者制作简单的 (以及不那么简单的) 动画。上面的脚本中包含一个叫做 draw() 的函数,当页面加载结束的时候就会执行这个函数。...原创 2022-08-10 22:38:31 · 705 阅读 · 0 评论 -
Material UI 的安装与使用
学习完这个框架的使用后,我写了个基于MUI+React的移动端考试页面,如果需要可以clone下来查看下如何使用MUI,如果可以的话希望给个start谢谢!请注意,安装依赖于react的17.0.0及以上版本,和react-dom>=17.0.0及以上版本。材料UI设计精美,并具有一套自定义选项,可以在我们的组件之上轻松实现自己的自定义设计系统。是一个开源的React组件库,实现了Google的MaterialDesign。安装成功后就可以在组件用引用了,查看示例。......原创 2022-07-30 07:24:45 · 3779 阅读 · 0 评论 -
mysql 数据库增删改查基础操作
先启动mysql服务,终端输入以下指令如果想要退出数据库,输入exit即可退出进入刚才创建的数据库classuseclass删除mysql中的库dropdatabase库名删除后,showdatabases查看下。原创 2022-07-26 21:03:58 · 334 阅读 · 0 评论 -
cookie,session,token的流程使用方式
**cookie 是由服务器生成的,**执行的流程: 1. 客户端向服务器端先发送一次请求给服务端 2. 服务器返回一个http响应给客户端,这个客户端里面包含了,set-Cookie 头部 3. 客户端根据这个头部设置 cookie 4. 之后的每次请求就会携带上 cookie 发送给客户端...原创 2022-07-23 08:15:18 · 305 阅读 · 0 评论 -
grid 布局学习
grid中还有一个跟 flex: 1 差不多的 css样式, 就是 fr网格线,使用 [“自定义命名”] 定义网格线名称,方便以后给盒子定位使用.gap / column-gap / row-gap 间隔设置里面单元格之间的间隔代码展示效果设置单元格内容的水平和垂直的对齐方式设置整个内容区域(所有的项目的总和)的水平和垂直的对齐方式grid-auto-rows / grid-auto-coumns 规定多出来的表格的样式规定表格的区域位置,用来指定item的具体位置图片出处:原创 2022-07-10 23:04:12 · 1180 阅读 · 0 评论 -
JS装饰器的简单使用
装饰器装饰器可以装饰类,将类的属性,方法修饰,将一段代码与另一端代码包装起来的方式实际上就是修饰。普通使用 // 修饰一个类,类的属性方法都不变,但是会多出另一段代码的功能// 装饰器函数function log(Class) { return (...args) => { console.log(args); // 打印 ['嘉俊'] return new Class(...args); };}@logclass Person { constructor原创 2021-06-28 12:00:28 · 1067 阅读 · 0 评论