sinat_38992528的博客

转载 git 命令一览

删除分支：$ git branch -d [name] ---- -d选项只能删除已经参与了合并的分支，对于未有合并的分支是无法删除的。如果想强制删除一个分支，可以使用-D选项。删除远程分支：$ git push origin :heads/[name] 或 $ gitpush origin :[name]创建本地分支：$ git branch [name] ----注意新分支创建后不会自动切换为当前分支。合并分支：$ git merge [name] ----将名称为[name]的分支与当前分支合并。

原创 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等），否则都不

原创 记录一些项目中的低级错误

项目中有时候多了一个"}"或者少了一个字母 还有字母的大小写 一个不注意 bug找不到 有可能找两天...1. 我一个后台在整h5声明前面多加了三个字母che 页面正常 就是提交不了2. api报错 ApiError 页面打开是空白:从三个方面常识查找原因(1): 后台接口是否正确 检测接口是否报错 可以让其他人打开试试文件是否打开空白;(2):自己打开不显示别人能够显示就是内网自己无法访问,查看自己电脑的hosts 是否绑定配置了后台的本地的电脑;(3):请求...

原创 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项目就搭建好了继续：...

原创 跟着liaoxuefeng学git

初始化一个Git仓库，使用git init命令。添加文件到Git仓库，分两步：使用命令git add <file>，注意，可反复多次使用，添加多个文件； 使用命令git commit -m <message>，完成。小结现在总结一下： HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。 穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本。

原创 css得一些注意点

1.*行元素不支持上下padding和margin（很重要！！！）2.*父子级margin的怪异现象：子级得margin-top不生效,因父级没边框,子级往下移{最好就是给父级使用内边距padding 来 替换这种写法} 解决方案: 1.给父级添加边框 2.给父级overflow:hidden;(经常使用) ...

原创 css样式比较好点的

1.box-shadow:0 2px 15px 0rgba(0,0,0,.15);2.font-family:Constantia,Georgia;3.

原创 前端面试部分总结

1.为什么利用多个域名来存储网站资源会更有效？因为：cdn缓存更方便；突破浏览器并发限制；节约cookie宽带；节约主域名的连接数，优化页面响应速度；防止不必要的安全问题；2.网页制作中的图片格式？答：png-8；png-24；jpeg；gif；svg；还有webp(面试官最想听到的答案；webp比jpeg的的格式小40%)；3.一次js请求一般请款下有哪些地法国会有缓存处理？答：dns缓存；cdn缓存；浏览器缓存；服务器缓存；4.大量图片怎么优化加载？答：图片懒加载；幻灯片图片

原创 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="...

原创 小程序 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

原创 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...

原创 多个 meta 标签，它们主要用于搜索引擎优化（SEO）

当你在 Google Search Console 中添加新网站时，Google 会要求你将此标签添加到你网站的 HTML 代码中。通过验证，Google 可以确认你是该网站的所有者，从而允许你访问相关的搜索和性能数据。：这是搜狗搜索引擎使用的验证标签。与 Google 类似，搜狗要求添加此标签以确认网站的所有权，让你可以使用搜狗的相关工具和服务。这些是网页中的多个 meta 标签，它们主要用于搜索引擎优化（SEO）和社交媒体分享。这些标签共同作用，帮助提升网站在搜索引擎和社交媒体上的可见性和点击率。

原创 pinchzoom.js:743 Uncaught TypeError: Cannot read properties of undefined (reading ‘x‘) 报错原因及解决方案

【代码】pinchzoom.js:743 Uncaught TypeError: Cannot read properties of undefined (reading 'x') 报错原因及解决方案。

原创 码代码手指根部疼痛缓解方法

手指根部疼痛可以通过一些简单的按摩和拉伸来缓解。：用温热的毛巾或暖宝宝敷在疼痛的地方，能帮助放松肌肉和缓解疼痛。：将手握成拳，保持几秒，然后放松。重复几次，可以促进血液循环。：适当减少键盘操作的时间，让手指得到休息，避免过度劳累。

原创 border渐变的写法

【代码】border渐变的写法。

原创 有色金属价格的上涨通常受到多种因素的影响，以下是一些主要因素：

宏观经济数据：如 GDP 增长、制造业采购经理人指数（PMI）等数据表现良好，会增强市场对金属需求的预期。利率变化：中央银行的货币政策，如降低利率，会降低资金成本，可能推动投资于有色金属的需求。政治不稳定：在主要生产国发生政治动荡或冲突时，可能会影响该国的金属生产和出口。关税和贸易政策：国际贸易摩擦或关税政策的改变可能会影响金属的国际市场价格。政策变化：政府对矿业行业的规定、环保政策等可能会影响金属生产和供应。投机行为：投资者对未来金属需求的预期和投机行为也会影响价格波动。4. 投资情绪和市场预期。

原创 p,div等里面支持br换行 对应后台换过来的textarea的富文本内容

这样的属性，这样就可以保留空格和换行，并且文本会在容器的末尾自动换行。标签来强制换行，你可以直接在HTML中使用它，不需要额外的CSS。标签是一个空元素，它的存在表示在HTML中的那个位置需要一个换行。它将会在单词之间自动换行，即便没有标签。类应用到的元素中的文本将会在容器的末尾自动换行，即便没有使用。属性来控制文本的换行行为。如何使用CSS来支持或者允许。标签在HTML中创建换行。

原创 记录一个前端学习小组的收集的模版

问题1：输入“您的姓名”，选择“短答案”作为问题类型。 问题2：输入“您是否愿意继续参加前端学习小组？”，选择“单选”作为问题类型，并添加选项“是”和“否”。 问题3：输入“如果您选择‘是’，请列出您希望学习的前端知识点（可以多选）”，选择“复选框”作为问题类型，并添加以下选项： HTML 基础 CSS 样式与布局 JavaScript 基础 JavaScript 高级（ES6+） 前端框架（如 React, Vue, Angular） 状态管理（如 Redux, Vuex）

原创 站点seo需要注意点

现在做企业网站，外链使用量是不断减少的，其中原因有链接价格高、外链作用减少等因素，其实，外链对网站搜索排名提升还是很有效的，只不过，现在的高质量外链并不是很容易获取，而怎么合理运用这些链接达到既有效、又省钱，是考验一个SEO公司最重要的专业能力。同时，还需要学会处理热度关键词与不同页面之间的关系。网站速度是可以影响网站搜索排名的，在很多时候，大部分朋友都认为是服务器优劣的影响，其实，网站速度的影响因素，服务器只是部分因素，可以从各个角度来分析网站页面打开速度慢的具体原因，并给予不同的解决方案。

原创 网站meta 的 了解 SEO

- 使用IE6 -->-- 使用IE7 -->

原创 好用的免费的设计GIF打开可设计编辑

即时设计 - 可实时协作的专业 UI 设计工具

原创 好用的免费的图片转成gif

https://www.piskelapp.com/p/create/sprite

转载 video视频播放器下载按钮隐藏

打开你的视频内容页的模板文件，找到播放器代码 video，参考下图在video元素里加上两个属性。如果你想完全杜绝浏览器下载视频，接下来我们会提供一篇教程，已达到视频播放地址加密，防止被盗。如果你的视频播放器有类似上图的情况，按照以下教程新增代码，即可达到禁用视频右击、下载功能。声明：此方法并不能对市面上全部浏览器生效，比如：QQ浏览器暂时无法隐藏下载功能。oncontextmenu='return false' 禁止右击。controlslist='nodownload' 禁止下载。

原创 好用的选多图片一键生成雪碧图

网站：https://www.toptal.com/developers/css/sprite-generator?spm=a2c6h.12873639.article-detail.8.36d43cb3uKayE2

原创 谷歌导入或导出书签栏

6. 想要导入书签的时候，同样点击书签页面的三点图标，在打开的菜单中，选择导入书签，然后在打开窗口中，选择HTML文件进行导入即可。5. 在打开的菜单中，选择“导出书签”选项，然后在打开的窗口中，选择想要导出的路径，最后点击保存即可生成书签的一个HTML文件；

原创 vue3和ts的使用简单示例架构

为避免任何潜在的类型错误，可以定义接口来描述 API 响应。例如：

原创 rel=“canonical“ 和 name=“mobile-agent“和rel=“alternate“

meta>

原创 参考网站总结

meta property="og:title" content='神域奇兵远征（暂未上线）'>1.站点logo的img的alt解释可以参考：‘xx下载站-www.xx.com’;

转载 vscode+git+eslint+stylelint

完善了自己的工作流后，得益于自动格式修复，开发速度有显著提升，代码质量也上去了，更重要的是书写有了容错率，可以提前发现很多语法错误，真正的bug也可以通过git的版本控制来减少污染，通过比对找到bug根源作者：ssevenk链接：https://juejin.cn/post/6844903969492303879来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

转载 Chrome（谷歌浏览器）技巧（二）

介绍了chrome开发者工具中一些常用的功能来帮助提效除此之外chrome还有强大的插件生态，可以满足各种个性化的需求本篇文章会分成两部分。

转载 Chrome（谷歌浏览器）技巧（一）

作为前端开发，Chrome（谷歌浏览器） 是我们最常用的工具之一本文会分成两部分，上篇介绍chrome开发者工具中一些常用功能，下篇介绍宗旨是利用chrome自身的一些功能特性，来帮助我们提升开发效率毕竟省下一分钟的时间，就多了一分钟的时间可以摸鱼（不是）好了开始正题，首先我们从开发者工具中的console面板开始。

原创 两行css 实现瀑布流

【代码】两行css 实现瀑布流。

原创 爱奇艺万能联播无法启动的方法（好用）

点开就能打开爱奇艺万能联播啦啦啦啦啦。会打开爱奇艺的打开文件夹。

原创 TypeScript的简单总结

TypeScript 是对 JavaScript 的一次重要进化，它不仅增强了语言的表达能力，还通过静态类型系统提高了开发效率和代码质量。随着不断学习和实践，开发者将逐渐发掘出 TypeScript 更多的强大功能，应用于各种规模的项目中，从简单的脚本到复杂的前端框架和后端服务，都能见到它的身影。拥抱 TypeScript，就是在拥抱更加健壮、高效和愉悦的编程体验。综上所述，TypeScript不仅是JavaScript的简单扩展，它代表了一种更现代、更安全的开发范式。

原创 Less的简单总结

名称：Less（通常表示为 LESS 或 less.js）类型：CSS 预处理器创始人：Alexis Sellier首次发布：2009年许可证：Apache License 2.0对于Less没有内置的功能，开发者可以编写自定义函数，通过JavaScript扩展Less的能力。这为解决特定问题或实现高度定制化的样式逻辑提供了无限可能。// 自定义JavaScript函数// 实现函数逻辑// Less中使用自定义函数.example {

原创 Sass的简单总结

Placeholder选择器：% 在 SASS 中，可以使用 % 符号来定义占位符选择器，不会被编译为实际的 CSS 选择器，例如： %button-style { background-color: blue;循环语句：@for、@each、@while 在 SASS 中，可以使用循环语句来简化样式规则的书写，例如： @for i from 1 through 5 { .item-#{i} { opacity: $i * 0.2;通过合理使用占位符选择器，可以减少生成的样式大小，提高性能。

原创 宏的理解xx

2. 变量替换（简单理解为“我们高中数学中的换元”），比如我多个地方都要计算 3×a + 2×b+巴拉巴拉其他复杂长串公式，那么我就可以。1. 本文件内全局变量，任意函数都可以调用，包含（引用）该文件的其他文件内，所有函数可以调用。3. 还有一个好处，正如上面公式替代，那里面的a,b可能随着版本变更，值也会变，那么通过。#define var 3a+2b+巴拉巴拉复杂公式。这样那些计算的地方，只需要写一个var 就好了。a,b 定义的值，顺带着var的值就变化了。这种宏定义，就可以，只改变。

原创 前端小组的名称：

前端小组名称参考：

原创 margin-top属性

转载 学习前端的步骤

自学能力，是主观因素中一个非常重要的能力。因为编程领域中的技术大多是不断在更新的，这个过程中是不会有人专门带你去学习的。那要如何快速并深入地掌握一门技术呢？就是自学。但如果你自学能力很弱，要怎么办呢？几个小建议送给你~拒绝拖延症不要今日复明日，如果你决定做，那么就要立刻做。一旦开始，你就成功了一半。学会专注模式有的小盆友即使想学习，但却无法坚持太长时间，就会精力发散。这时候你要学会沉浸自己，练习每天拿出2-3个小时学习，