代码片段整理
发表于
haschange实现路由1234567891011121314151617181920212223<script setup>import { ref, computed } from 'vue'import Home from './Home.vue'import About from './About.vue'import NotFound from './NotFound.vue'const routes = { '/': Home, '/about': About}const currentPath = ref(window.location.hash)window.addEventListener('hashchange', () => { currentPath.value = window.location.hash})const currentVi ...
编程随笔
发表于
HTML根据设备宽度加载不同图片12345<picture> <source media="(min-width:650px)" srcset="img_pink_flowers.jpg"> <source media="(min-width:465px)" srcset="img_white_flower.jpg"> <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto"></picture>
图片热力区域点击tab触发
1234567<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379"& ...
微信原生小程序
发表于
小程序框架目录结构123456789101112|- card index.js // 页面逻辑(必需) index.wxml // 页面结构(必需) index.json // 页面配置 index.wxss // 页面样式表|- utils // 工具函数app.js // 小程序逻辑(必需)app.json // 小程序公共配置(必需)app.wxss // 小程序公共样式表sitemap.json // 爬虫文件project.config.json // 项目配置文件project.private.config.json // 项目私人配置文件(优先级更高)
逻辑层app.js1234567891011App({ onLaunch (options) {}, onShow (options) {}, onHide () {}, onError (msg) {}, globalData: 'I am global data'})// getApp ...
flutter上手
发表于
dart语法list12// 创建指定长度listList.generate(6, (index) => CircleButton(index: index));
基础视图结构
StatelessWidget与StatefulWidget区别
StatelessWidget: 无状态的widgets是不可变的,这意味着它们的属性不能改变,所有的值都是final
StatefulWidget: 有状态的widgets也是不可变的,内部维护着可变的State
布局约束
上层widget向下层widget传递约束条件
下层widget向上层widget传递大小信息
上层widget决定下层widget的位置
常见Widgets
Container: 容器(可添加padding,margin,border,background color等)
GridView: 可滚动网格
ListView: 可滚动列表
Stack: 将widget覆盖到另一个上面(有点类似绝对定位),常搭配Positioned使用
Expanded: 分配剩余空间,内部可设置flex
Row/Colum ...
前端面试题
发表于
Javascriptcontinue,break,return的区别
continue用于结束本次循环,继续下次循环
break用于跳出当前循环体
return用于返回函数,并中断函数执行
stopPagation()与preventDefault()的区别
stopPagation会阻止事件冒泡与捕获
preventDefault会组织事件的默认行为(如链接跳转/右键菜单/表单提交等)
Vue.jsv-show与v-if的区别
v-if是惰性的,满足条件才会进行渲染
v-show无论是否满足都会渲染,后续只是cssdisplay的切换
v-if有更高的切换开销,v-show有更高的初始渲染开销(v-show适合频繁切换,反之v-if)
cesium三维地图
发表于
基础地图初始化12345678const viewer = new Viewer(mapRef.value, { animation: false, // 时间动画控件 timeline: false, // 时间轴 selectionIndicator: false, infoBox: false, baseLayerPicker: false, terrainProvider: createWorldTerrain()})
颜色1234Cesium.Color.REDCesium.Color.RED.withAlpha(0.1) // 透明度Cesium.Color.fromCssColorString('#67ADDF') // hex颜色Cesium.Color.freeRandom() // 随机颜色
点绘制1234567891011viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(Number(lng), Number(lat)), b ...
重读vue
发表于
基础风格指南结构风格vue推荐: 先声明，后使用
123<script setup></script><template></template><style scoped></style>
子组件命名12345<!-- 在单文件组件中,推荐为子组件使用PascalCase的标签名,以此来和原生的 HTML 元素作区分 --><!-- ✅: 推荐风格:PascalCase,文件名使用kebab-case风格button-counter.vue --><ButtonCounter /><!-- ❎: 不推荐风格:kebab-case --><button-counter />
方法命名12<!-- ✅: 推荐风格:kebab-case --><MyComponent @some-event="callback" />
cdn方式使用12345678910111213141516<!-- 模块化引入cdn js ...
前端随笔
发表于
Git无法连接到github12345# 错误代码 Failed to connect to github.com port 443$ git config --global http.proxy socks5 127.0.0.1:(代理端口)$ git config --global https.proxy socks5 127.0.0.1:(代理端口)$ git config --global https.proxy 127.0.0.1:(代理端口)$ git config --global http.proxy 127.0.0.1:(代理端口)
flutterflutter下载canvasKit或包卡住123# linux使用export,window直接配置系统环境变量就行,记得重启下$ export PUB_HOSTED_URL=https://pub.flutter-io.cn$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
flutter run -d 安卓设备(卡住)123456# 进行检测 ...