- 博客(20)
- 收藏
- 关注
RSS订阅
原创 vue、react常用脚手架、构建工具整理
由于 Svelte 编译为原生 JavaScript，运行时开销小，适合需要快速加载和高性能的单页应用。尤雨溪开发的下一代前端构建工具，Vite 提供了极快的开发服务器启动速度和即时的模块热替换（HMR）。Svelte 的简洁语法和单文件组件设计，适合快速开发和迭代的小型到中型项目。适合需要实时数据更新和交互的应用，如仪表盘、数据监控系统等。支持 Vue、 React、Svelte 等其他框架。生成的静态文件小，适合需要快速加载的静态网站。
2025-01-16 15:35:13
140
原创 form表单排列混乱问题记录
在开发过程中发现elementUi的form表单中，row中的col排列混乱，后来经过排查搜索，找到解决方法在row中加上style="flex-wrap: wrap;display: flex"可以解决，问题原因暂不清晰，怀疑是ElelmentUi组件的问题。
2025-01-06 14:48:01
235
原创 vsCode
Open Changes with branch or tag 查看当前文件与特定分支或标签之间的差异,用来查看当前分支与master分支的diff，非常实用。Chinese （Simplified）Language Pack for Visual Studio Code——汉化VsCode。Bracket Pair Colorizer 括号高亮。Code Spell Checker——代码拼写检查器。Auto Close Tag——自动闭合尾部的标签。
2024-11-06 17:24:09
206
原创 CDN理解
当用户请求内容时，CDN 会根据用户的地理位置，将请求路由到离用户最近的边缘服务器，从而加快内容传输速度。通过选择合适的 CDN 提供商，正确配置 CDN 设置，并将静态资源托管到 CDN，可以显著提升用户的访问体验。根据 Cloudflare 提供的指示，将域名的 DNS 服务器更新为 Cloudflare 提供的 DNS 服务器。完成配置后，测试网站的加载速度和性能，确保 CDN 配置正确。提高可用性：CDN 提供了冗余性，如果某个服务器出现故障，CDN 可以自动切换到其他服务器，确保内容的可用性。
2024-11-01 17:30:00
330
原创 vue2基础
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM，在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，目的是给予用户在一些特定的场景下添加他们自己代码的机会。单个组件生命周期单组件声明周期图挂载： beforeCreate => created => beforeMount => mounted更新： beforeUpdate => updated。
2024-10-31 15:31:41
928
原创 Typescript
fn 表示一种函数数据类型f1('郑爽')3、接口中使用函数如果在接口中有函数，可以在接口中直接定义name?:string,say:(m:string,n:number)=>string 第一种写法say(m:string,n:number)：string 第二种写法也可以使用接口定义，再引入到接口中，这两种方式都可以实现name?:string,say:Sayname:"张碧晨",age:30,return `${this.name}不结婚也要${m}`
2024-01-09 22:36:34
1626
原创 gulp工具
> 例子: gulp.task('cssHandler', () => { 根据 gulp 的语法对 css 文件进行打包 })=> 语法: const sass = require('gulp-sass')(require('sass')).pipe(gulp.dest('./dist/views/')) // 放到指定目录。.pipe(gulp.dest('./dist/css/')) // 放到指定目录内。.pipe(gulp.dest('./dist/js/')) // 放到指定目录内。
2024-01-07 22:44:19
382
1
原创 SASS基础
> 你只要安装了这个插件, 你写完的 .sass 和 .scss 文件会自动编译成 .css 文件。+ 利用我们下载好的全局 sass 工具来编译 .sass 和 .scss 文件。=> 在项目打包的时候, 可以使用打包功能内的某些功能来编译 sass 文件。+ 打开命令行, 目录切换到你要编译的 sass 文件夹所在的目录。+ 打开命令行, 目录切换到你要编译的 sass 文件的目录。+ 打开命令行, 目录切换到你要编译的 sass 文件的目录。=> 打包工具, 不是专门用来编译 sass 文件的。
2024-01-07 22:39:54
428
1
原创 node.js
> 如果你是把 这个 js 文件引入在 html 文件内, 在浏览器打开, 那么就是 前端。-> 文件路径: 你要写入的内容的文件路径, 如果该路径不存在, 会创建一个这个文件在写入。-> 文件路径: 你要读取的文件路径, 如果该路径不存在, 就会出现错误信息。=> 语法: fs.writeFile(文件路径, 写入的内容, 回调函数)+ 一个 js 文件, 是属于前端 js 文件, 还是后端 js 文件。=> 语法: fs.readFile(文件路径, 格式, 回调函数)
2024-01-07 22:16:07
1582
1
原创 php笔记
arr2 = array('name' => 'Jack', 'age' => 18, 'gender' => '男')php 的代码写在一个 `.php` 后缀的文件 ，以 `<?php` 开头，以 `?使用php 链接 mysql 数据库进行数据的增删改查（关系型数据库管理系统）字符串拼接不再是使用 `+` 进行拼接了，而是使用 `.` 进行拼接。echo '你好，欢迎观临！$str = "你好 php";echo '您还没有登陆';用 `$` 来确定一个变量。
2024-01-06 22:48:19
400
1
原创 react笔记
这个标签就是用在有时页面结构层级太多，而且有些都是语法要求，实际没意义的结构层级（return（）中的根节点就是这个情况），这时你就可以用Fragment标签，当然在一般情况下和Fragment标签作用相同，当时有一点不一样，就是Fragment标签能接收一个key属性，而什么属性都不能接收。若【旧DOM】中找到了与【新DOM】相同的key，则会进一步判断两者的内容是否相同，如果也一样，则直接使用之前的真实DOM，如果内容不一样，则会生成新的真实DOM，替换掉原先的真实DOM。
2023-07-01 18:15:02
173
原创 -webkit-overflow-scrolling:touch
使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。1.-webkit-overflow-scrolling:touch控制元素在移动设备上面是否有滚动回弹效果，属性为auto、touch。3.保证使用该属性的元素上没有设置定位,如果出现偶尔卡住不动的情况，那么在使用该属性的元素上。属性后，你会发现，滑动几次后可滚动区域会卡主，不能在滑动，这时给元素增加个。: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。
2022-12-29 17:14:41
1497
原创 浏览器调试微信小程序
2.添加自定义设备=>设备名称（如：微信）用户代理字符串：micromessenger =>添加。1.点击设备选项=>弹出设备选项弹框=>选择最后一项修改。3.再次点击设备类型=>选择新添加上的微信 刷新页面。
2022-11-10 11:29:31
261
原创 css基础
1.box-shadow: h-shadow v-shadow blur spread color inset;h-shadow 必需。水平阴影的位置。允许负值。v-shadow 必需。垂直阴影的位置。允许负值。blur 可选。模糊距离。spread 可选。阴影的尺寸。color 可选。阴影的颜色。请参阅 CSS 颜色值。inset 可选。将外部阴影 (outset) 改为内部阴影。......
2022-05-19 15:53:52
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人