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

原创 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个小时学习，

原创 程序员的英语短文分享

程序员通常会在整个代码库中遵循一致的命名风格，遵循已建立的约定，如变量和函数使用驼峰命名法或下划线命名法，类使用帕斯卡命名法，常量使用全大写下划线命名法。在编程中，对变量、函数、类和其他代码元素进行命名时，程序员遵循一定的约定和最佳实践，以确保代码的清晰性、一致性和可维护性。通过遵循最佳实践并使用专业的英语来创建有意义和描述性的名称，程序员可以增强团队内部和整个开发社区之间的沟通、协作和理解。在命名约定中的一个常见做法是使用有意义和描述性的名称，准确反映被命名元素的目的和功能。

原创 引导前端学习

基本概念：文档结构：常用标签：表单元素：嵌套和属性：语义化：能够独立创建简单网页：理解文档结构：掌握常用标签：创建表单：遵循语义化：学习HTML是Web开发的基础，掌握了HTML的基础知识后，可以进一步学习CSS和JavaScript，从而实现更丰富和交互性的网页。基本概念：选择器：样式属性：盒模型：布局：响应式设计：样式网页：选择器应用：掌握盒模型：实现布局：响应式设计：通过学习CSS，可以让网页看起来更加美观和专业，提升用户体验。同时，掌握CSS布局技巧和响应式设计原理，可以让网页在不同设备上都能够呈现

原创 网站防复制

【代码】网站防复制。

原创 小白git

如果没有.git文件的话：git init。克隆 ：git clone 链接地址。切换分支：cd 目录。

原创 计算机类的英语

Algorithm（算法） Binary code（二进制代码） Byte（字节） Cache（缓存） Database（数据库） Encryption（加密） Firewall（防火墙） Graphical User Interface (GUI)（图形用户界面） Hardware（硬件） Input/Output (I/O)（输入/输出） Kernel（内核） Local Area Network (LAN)（局域网） Operating System（操作系统） Protoc

原创 OKR答疑解惑~

尽管您未提供具体的“四大会议”内容，但根据常规 OKR 实践，常见的四大会议可能包括：OKR 制定会•会议时间：每个周期开始的第一周前两天• 会议目的： 1. 讨论确定本周期团队和个人要做的事项，自上而下与自下而上双向合并。2. 确定人员分工、事项优先级。3. 达成团队 OKR 与个人 OKR 的一致。OKR 对齐会•会议目的： 1. 确认团队和个人的 OKR。2. 检查对齐关系是否清晰明确。OKR 跟进会•会议时间：周期开始后，双周进行一次•会议目的： 1. 跟进团队和个人的 OKR 进展。

转载 结构化数据标记type=“application/ld+json“

情境：在做完标签语义化，图片上cdn，js、css文件压缩后的网站在SEO优化之后的一段时间，想得到更好的优化效果！浏览器：Google首先了解什么是结构化数据：概述结构化数据也称作行数据，是由二维表结构来逻辑表达和实现的数据，严格地遵循数据格式与长度规范，主要通过关系型数据库进行存储和管理。与结构化数据相对的是不适于由数据库二维表来表现的非结构化数据，包括所有格式的办公文档、XML、HTML、各类报表、图片和音频、视频信息等。

原创 mete seo add

【代码】mete seo add。

原创 rel=“dns-prefetch“和rel=“preconnect“ 结合使用，以及link属性的详细介绍

配对这些提示的逻辑是因为对 dns-prefetch 的支持比对预连接的支持要好。如果不支持的浏览器遇到 dns-prefetch 提示（或任何其他资源提示），则网站不会中断，只是不会获得它提供的好处。虽然 DNS 缓存可以帮助减少此延迟，但 DNS 解析可能会给请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。域上的 DNS 查找有效，因此请避免使用它来指向你的站点或域。这是因为，到浏览器看到提示时，你的站点背后的 IP 已经被解析了。则是建立与服务器的连接。

原创 zoom 在 css中的用法

比如你想让你的网页缩小为原来的一半，那么就在body中加入style="zoom:0.5"，（ 缩放和清除浮动）

原创 关于Android权限声明中的android:protectionLevel属性的说明

关于Android权限声明中的。

转载 尝试Android Studio 打包APK

做Android开发肯定对APK不陌生，你现在Android手机上所有的应用都是apk，只不过分为系统自带和第三方。修改app下的build.gradle// 自定义打包名称添加位置如下图所示，在android{}闭包中添加后记得Sync一下，然后重新打一个包，这里我将打包的路径修改到了D盘，如下图所示点击Finish完后打包。包的确是生成了，名字也不再是app-release.apk。然后你再打一个debug的包看看，名字是否有更改。

原创 打开打包好的.APK文件，使用Android Studio

2. 打开file下面的 “Profile or debug apk” 选择想要打开的.apk文件。3. 打开AndroidManifest.xml就可以看到想要看到。1. 没有android studio的 下载安装。

原创 npm audit fix --force

npm audit fix --force`是npm的一个命令,用于自动修复包中的安全漏洞。但也需要注意,forcing更新可能导致项目出现问题。- npm audit:审查项目中的依赖包,检查是否存在已知的安全漏洞。- --force:强制安装补丁版本,即使出现不兼容也强制更新。- 即使补丁版本存在不兼容的风险,也强制进行升级。- fix:自动安装相关的补丁来修复发现的漏洞。- 对项目进行安全审查,检查依赖包是否有漏洞。这可以确保项目依赖包中的安全漏洞能被快速修复。- 尝试自动修复发现的所有安全漏洞。