- 博客(502)
- 资源 (1)
- 收藏
- 关注
RSS订阅
转载 git 命令一览
删除分支：$ git branch -d [name] ---- -d选项只能删除已经参与了合并的分支，对于未有合并的分支是无法删除的。如果想强制删除一个分支，可以使用-D选项。删除远程分支：$ git push origin :heads/[name] 或 $ gitpush origin :[name]创建本地分支：$ git branch [name] ----注意新分支创建后不会自动切换为当前分支。合并分支：$ git merge [name] ----将名称为[name]的分支与当前分支合并。
2024-03-18 16:25:41
13
原创 css 和 html 的基础升级
1. 一句话概括：html ，xhtml 和 html5；html指的是html4.01，xhtml是html的过渡版，html5是html的升级版；2.div和spandiv和span没有任何语义3.id和classid具有唯一性，一般在logo，导航，主体内容，底部信息栏等结构；对于关键结构建议加上id，以便于搜索引擎识别页面的结构；其他小地方都建议用class；4.语义化标签搜索引擎会根据html的标签来识别页面，必须有对应的语义化标签（img，p，table等），否则都不
2021-11-18 17:45:52
320
1
原创 记录一些项目中的低级错误
项目中有时候多了一个"}"或者少了一个字母 还有字母的大小写 一个不注意 bug找不到 有可能找两天...1. 我一个后台在整h5声明前面多加了三个字母che 页面正常 就是提交不了2. api报错 ApiError 页面打开是空白:从三个方面常识查找原因(1): 后台接口是否正确 检测接口是否报错 可以让其他人打开试试文件是否打开空白;(2):自己打开不显示别人能够显示就是内网自己无法访问,查看自己电脑的hosts 是否绑定配置了后台的本地的电脑;(3):请求...
2021-10-22 14:44:47
131
原创 react 学习探索
1. 正常的安装好node或者yarn都可以 最好是yarn吧2.安装react$ npm install -g create-react-app$ create-react-app myapp3.切换到快速搭建的react文件myapp$ cd myapp$ npm start 或者 $ yarn start浏览器就自动打开项目了http://localhost:3000/就这样简单的3步react项目就搭建好了继续：...
2021-09-27 14:13:03
70
原创 跟着liaoxuefeng学git
初始化一个Git仓库，使用git init命令。添加文件到Git仓库，分两步：使用命令git add <file>，注意，可反复多次使用，添加多个文件； 使用命令git commit -m <message>，完成。小结现在总结一下： HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。 穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本。
2021-09-24 11:37:29
104
原创 css得一些注意点
1.*行元素不支持上下padding和margin（很重要！！！）2.*父子级margin的怪异现象：子级得margin-top不生效,因父级没边框,子级往下移{最好就是给父级使用内边距padding 来 替换这种写法} 解决方案: 1.给父级添加边框 2.给父级overflow:hidden;(经常使用) ...
2021-09-02 14:49:04
158
原创 css样式比较好点的
1.box-shadow:0 2px 15px 0rgba(0,0,0,.15);2.font-family:Constantia,Georgia;3.
2021-09-02 14:39:26
69
原创 前端面试部分总结
1.为什么利用多个域名来存储网站资源会更有效？因为：cdn缓存更方便；突破浏览器并发限制；节约cookie宽带；节约主域名的连接数，优化页面响应速度；防止不必要的安全问题；2.网页制作中的图片格式？答：png-8；png-24；jpeg；gif；svg；还有webp(面试官最想听到的答案；webp比jpeg的的格式小40%)；3.一次js请求一般请款下有哪些地法国会有缓存处理？答：dns缓存；cdn缓存；浏览器缓存；服务器缓存；4.大量图片怎么优化加载？答：图片懒加载；幻灯片图片
2021-09-02 13:51:37
85
原创 ajax请求得数据在swiper中循环可以loop的解决办法
$.ajax({ method: 'post', url: baseUrl+'/api/article', data:{category_id: 20}, success: function(res){ var slideHtml = ""; for(var i=0;i<res.data.length;i++){ var slideData = res.data; slideHtml +=`<div class="...
2021-06-16 18:54:26
220
原创 小程序 bug
1. 今天做微信小程序，在组件引用过程中出现了样式错乱，在没引用之前都是好好的。只见有这样的警告：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.找了好久，百度了一圈，最终还是看官方文档吧，原来是版本太低了，建议设置高版本就可以了。https://developers.weixin.qq.com/minip
2021-04-29 17:27:30
104
原创 git - vue入坑
先安装node，然后node -v （小写 前面有空格） npm -v 查看是否已经安装npm install -g cnpm --registry=https://registry.npm.taobao.org 淘宝镜像（先装上，以后npm不行了就用cnpm）npm install vue安装全局的vue-cli [{npm install --globa...
2018-04-11 10:24:17
1048
原创 OKR答疑解惑~
尽管您未提供具体的“四大会议”内容，但根据常规 OKR 实践，常见的四大会议可能包括：OKR 制定会•会议时间：每个周期开始的第一周前两天• 会议目的： 1. 讨论确定本周期团队和个人要做的事项，自上而下与自下而上双向合并。2. 确定人员分工、事项优先级。3. 达成团队 OKR 与个人 OKR 的一致。OKR 对齐会•会议目的： 1. 确认团队和个人的 OKR。2. 检查对齐关系是否清晰明确。OKR 跟进会•会议时间：周期开始后，双周进行一次•会议目的： 1. 跟进团队和个人的 OKR 进展。
2024-04-19 17:03:19
529
转载 结构化数据标记type=“application/ld+json“
情境：在做完标签语义化，图片上cdn，js、css文件压缩后的网站在SEO优化之后的一段时间，想得到更好的优化效果！浏览器：Google首先了解什么是结构化数据：概述结构化数据也称作行数据，是由二维表结构来逻辑表达和实现的数据，严格地遵循数据格式与长度规范，主要通过关系型数据库进行存储和管理。与结构化数据相对的是不适于由数据库二维表来表现的非结构化数据，包括所有格式的办公文档、XML、HTML、各类报表、图片和音频、视频信息等。
2024-04-03 09:55:22
9
原创 rel=“dns-prefetch“和rel=“preconnect“ 结合使用，以及link属性的详细介绍
配对这些提示的逻辑是因为对 dns-prefetch 的支持比对预连接的支持要好。如果不支持的浏览器遇到 dns-prefetch 提示（或任何其他资源提示），则网站不会中断，只是不会获得它提供的好处。虽然 DNS 缓存可以帮助减少此延迟，但 DNS 解析可能会给请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。域上的 DNS 查找有效，因此请避免使用它来指向你的站点或域。这是因为，到浏览器看到提示时，你的站点背后的 IP 已经被解析了。则是建立与服务器的连接。
2024-03-25 09:37:11
686
转载 尝试Android Studio 打包APK
做Android开发肯定对APK不陌生，你现在Android手机上所有的应用都是apk，只不过分为系统自带和第三方。修改app下的build.gradle// 自定义打包名称添加位置如下图所示，在android{}闭包中添加后记得Sync一下，然后重新打一个包，这里我将打包的路径修改到了D盘，如下图所示点击Finish完后打包。包的确是生成了，名字也不再是app-release.apk。然后你再打一个debug的包看看，名字是否有更改。
2024-03-20 10:37:11
77
原创 打开打包好的.APK文件，使用Android Studio
2. 打开file下面的 “Profile or debug apk” 选择想要打开的.apk文件。3. 打开AndroidManifest.xml就可以看到想要看到。1. 没有android studio的 下载安装。
2024-03-20 10:31:24
258
1
原创 npm audit fix --force
npm audit fix --force`是npm的一个命令,用于自动修复包中的安全漏洞。但也需要注意,forcing更新可能导致项目出现问题。- npm audit:审查项目中的依赖包,检查是否存在已知的安全漏洞。- --force:强制安装补丁版本,即使出现不兼容也强制更新。- 即使补丁版本存在不兼容的风险,也强制进行升级。- fix:自动安装相关的补丁来修复发现的漏洞。- 对项目进行安全审查,检查依赖包是否有漏洞。这可以确保项目依赖包中的安全漏洞能被快速修复。- 尝试自动修复发现的所有安全漏洞。
2024-03-19 13:37:55
680
原创 发布系统：复盘模板
在实现任务流那块加的每隔一段时间请求一下任务是否完成，第一涉及到分页，第二数据都是失败测试的数据不完整看不到效果，解决方法：等后台有空的时候讨论一下添加分页的字段请求，编辑几条完整的数据；：发布系统大概所需要的各个已知的页面和优化的地方都已达成，能够实现一套完整的流程，达成的质量一般；：预期内达成了目标，命令，流程，任务3个模块的多页面基本完成，里面用到了一些新的插件，比如拖拽等；（识别需要改进和优化的方面，提出下一轮OKR设定的建议和改进措施)：及时和后台沟通，确保目标一致，达成关键的结果；
2024-03-19 10:10:28
376
原创 permTreeRef.value is undefined
问题描述：el-tree 在打开弹窗的时候使用，permTreeRef.value is undefined，就是数据是有的，但是回显值不显示，顺序的问题；纠正：在异步打开表单弹窗并且。后正确显示回显值，加一个。
2024-03-18 15:17:53
355
原创 好用的电脑截图软件
使用这个快捷键可以开始截图，截图区域选好之后直接按快捷键Ctrl+C复制，然后到你需要粘贴的地方Ctrl+V直接粘贴。如果你想让你截的图悬浮在电脑屏幕上，选中需要截图的区域按F3，它就会悬浮在电脑屏幕上了，你可以把悬浮的图片随意拖动;1. 最新的PIXPIN(更加推荐）2. 经常有人推荐的SNIPASTE。
2024-03-12 10:16:24
332
原创 游戏网站为了提升谷歌的搜索排名，应该在html等方面做什么优化？
类似于Open Graph，Twitter Cards是Twitter提供的一种元数据标记，可以让你在推特上展示更丰富的内容，包括图片、标题、描述等。将这些代码添加到网站的HTML头部中适当的位置，可以帮助搜索引擎更好地理解和展示网站内容，提升网站在搜索结果中的展示效果。：优化网站的加载速度，包括压缩图片、减少HTTP请求、使用CDN等方式来提升网站的性能，以提高用户体验和搜索引擎排名。：积极寻求其他网站的外部链接（Backlinks），特别是来自相关性高、权威性强的网站，以提升网站的权威性和排名。
2024-03-06 18:28:42
874
原创 localstorage de yongfa
8. **使用 JSON.stringify() 和 JSON.parse() 来存储和检索对象**10. **使用 localStorage 来存储表单数据**9. **使用 localStorage 来存储用户偏好**// 如果用户没有设置语言偏好，则使用默认语言。// 使用用户的语言偏好来设置网站的语言。5. **检查一个项目是否存在**1. **设置一个项目**2. **获取一个项目**3. **删除一个项目**4. **清除所有项目**6. **遍历所有项目**7. **监听存储事件**
2024-02-01 17:08:19
435
转载 vue的基本知识点
进阶图用到 props 主要是用来接收父组件传递而来的主面板数据，例如 hasScale 用于在父组件调用面板组件时，传递一个 Boolean 值告诉面板组件是否支持缩放。而 progressData 则是用来接收渲染面板的数据，要注意的是，父组件中的传递名称应该和子组件中的 props 中定义的名称一致。如下是关于 props 在进阶图中的应用。props 可以是数组或对象，用于接收来自父组件的数据。
2024-01-24 12:01:48
15
转载 常见vue2-》vue3错误
链接：https://www.jianshu.com/p/4885659e205c。ref 定义响应式变量，reactive定义对象类型变量。router-link的tag移除。computed的用法。
2024-01-16 16:50:47
55
原创 Unable to preventDefault inside passive event listener due to target being treated as passive. 报错解决
你看你是需要什么方向的滑动，如果是x轴滑动报错，就在父级元素上面添加css：style="touch-action:pan-x"；
2024-01-15 09:58:50
329
原创 日常网站优化bug修复各种各样都有
用下面那个原生的会导致html里面的所有元素都不能点击，js里的添加点击事件都不生效，必须在html里面加入onClick=某个函数 事件才行！
2023-11-22 14:19:07
463
原创 CSS页面基本布局
层叠样式表）是为 web 内容添加样式的代码，用于设置和布置网页——例如，更改内容的字体、颜色、大小和间距，将其拆分为多个列，或添加动画和其他装饰功能。stretch、flex-start、flex-end、center、baseline，效果和align-items一样。flex是flex-grow，flex-shrink、flex-basis的简写，flex属性可以指定1/2/3个值。每个flex items扩展的size = flex container的剩余size*flex-grow。
2023-10-20 14:59:17
370
原创 视口 css
视口是浏览器上显示网页的一块区域，大小并不局限于浏览器可视区域范围。PC端和移动端视口差别很大。PC端中视口宽度始终与浏览器窗口宽度一致，移动端视口与浏览器窗口宽度完全独立。
2023-10-17 17:54:46
344
原创 重拾vue
数据改变，视图自动更新 使用 Vue 开发 → 专注于业务核心逻辑 即可如何访问或修改数据呢？data中的数据, 最终会被添加到实例上 ① 访问数据： "实例.属性名" ② 修改数据： "实例.属性名" = "值"
2023-09-12 10:50:15
178
原创 重拾html5
vertical-align: middle使用的前提条件是内联元素以及display值为table-cell的元素，垂直居中，多用于资讯列表的描述；ie15以上的低版本不支持，Safari 需要使用 -webkit- prefix；基于用户的滚动位置来定位，粘性定位的元素是依赖于用户的滚动，在。
2023-09-06 15:40:39
617
图片压缩工具.rar
2019-07-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人