子龍同学-CSDN博客

原创常用git指令

git reflog 要重返未来，用git reflog查看命令历史，以便确定要回到未来的哪个版本。git diff 如果Git status告诉你有文件被修改过，用git diff可以查看修改内容。git checkout -b xxx / git checkout xxx 切换分支。git log 穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本。git branch xxx 创建新分支，每个人都需要有自己的分支，互不干扰。git merge xxx 做完之后要把主分支合并。

2023-02-02 17:53:53 129

转载 ES6 20个经常使用的技巧

判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列。

2023-01-27 22:07:11 209

原创响应式页面的实现方式

响应式网页设计，指的是，利用 CSS 或 JavaScript，让同一个网页，能根据屏幕的大小，自动调整布局和样式，包括对容器元素、布局、图片和字体的响应式调整。要注意的是，原生的 HTML 元素，在没有编写任何 CSS 的情况下，本身就是响应式的，不过每个网页都避免不了使用 CSS 设置样式，响应式则主要针对设置了固定宽度，或者影响布局的元素进行调整。之后，网页的可视区域（视口）就会取移动设备屏幕的宽度，设置了 initial-scale 为 1.0 之后，就会使用正常的缩放比例，即 1 倍，不缩放。

2023-01-24 16:49:14 1167

转载 CSS选择器的介绍

第二个区别是id选择符引用的是id属性的值，并不是class属性的值，这显而易见。当然，要让类选择符起作用及，必须先给元素的class属性一个类（属性值），而我们在CSS样式表中，需要将相应你要处理的元素的class属性值作为类选择符，并且在前面要用. + 相应的元素的class属性值。:first-of-type和:last-of-type，会选择第一个或最后一个元素，并且这个元素在父元素中的其它相同元素中的第一个或最后一个元素，和:first-child，:last-child是有区别的。

2023-01-18 20:44:11 180

原创 CSS过渡与动画

CSS过渡允许在给定的时间内平滑的改变属性值。如需创建过渡效果，必须明确两件事：（1）要添加效果的CSS属性（2）效果的持续时间。

2023-01-02 19:34:03 146

原创性能强悍的CSS动画库--Animate.css

互联网圈子里有造“轮子”的说法，能用现成的就不要自己去捣鼓了，既省时又省力！今天介绍的就是一款性能强悍的CSS动画库（）的使用指导。1.基本功能< h1 class = "animate__animated animate__bounce animate__delay-2s animate__repeat-2" > 延时2s后，重复跳动 2 次动画效其中，为跳动效果；：延时x秒后使用动画，项目提供了4种延时模式从2s到5s,默认情况是延时1s，我们也可以修改默认值。

2022-12-23 23:02:10 567

原创 CSS常用知识点整理

这里笔者直接记录的使用方式，也是为了使用的时候更加的直观，这里说下，在使用线性渐变的时候，使用角度以及百分比去控制渐变，会更加的灵活.contain:图片放大至满足背景区域的最小边即止，当背景区域与背景图片的宽高比不一致的情况下，背景区域可能会长边下有空白覆盖不全。cover:图片放大至能满足最大变时为止，当背景区域与背景图片的宽高比不一致时，背景图片会在短边下有裁切，显示不全。通常在做响应式布局的时候，以及大屏的时候很常用的，从而实现在不通分辨率下，实现不同的展示效果。的时候背景，字体颜色。

2022-12-21 17:04:14 61

原创 JavaScript学习笔记：JavaScript获取元素：id,标签名，类名，querySelector,querySelectorall,获取body,html

1、根据ID获取元素● 语法：document.getElementById(id)● 作用：根据ID获取元素对象● 参数：id值，区分大小写的字符串● 返回值：元素对象或 null案例代码：<body> <div id="time">2022-2-13</div> <script> // 因为我们文档页面从上往下加载，所以先得有标签所以我们script写到标签的下面 var timer = do

2022-02-13 14:20:39 3543

原创 JavaScript学习笔记：DOM简介

1、什么是DOM●文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。●W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。●DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。2、DOM树DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。●文档：一个页面

2022-02-13 09:57:45 340

原创 JavaScript学习笔记(4):数组

数组1、创建数组（1）方法一：使用 Array 构造函数，比如： var colors = new Array();（2）方法二：使用数组字面量表示法。比如：var colors = ["red", "blue", "green"]; // 创建一个包含 3 个元素的数组var names = []; // 创建一个空数组var values = [1,2,]; // 创建一个包含 2 个元素的数组（3）方法三： Array 构造函数还有两个 ES6 新增的用于创建数组的静态方法：from(

2022-01-28 22:48:23 826

原创 JavaScript学习笔记(3):语句

语句（1）if语句●用来判定所给定的条件是否满足，根据判定的结果（真或假）决定执行给出的两种操作之一if (i > 25) console.log("Greater than 25."); // 只有一行代码的语句else { console.log("Less than or equal to 25."); // 一个语句块} ●三元运算符var num = prompt('请输入0-59');var temp = num<10?'0'+num:num;//判断输入n

2022-01-25 16:44:47 618

原创 JavaScript学习笔记(2):数据类型

数据类型ECMAScript 有 6 种简单数据类型：Undefined、Null、Boolean、Number、String 和 Symbol。1、typeof操作符●对一个值使用typeof操作符会返回下列字符串之一：undefined值未定义boolean值为布尔值string值为字符串number值为数值object值为对象（而不是函数）或 nullfunction值为函数symbol值为符号2、Undefined类型Un

2022-01-22 17:11:32 297

原创 JavaScript学习笔记(1):变量

JavaScript变量前言寒假闲来没事，就整理和温习一下JavaScipt语法的学习笔记吧1、什么是变量变量是一个容器，用来存放数据。2、变量的初始化（1）声明变量并赋值称为变量的初始化。//声明变量var name;● var 是一个JS关键字，用来声明变量。使用该关键字后，计算机会自动为变量分配内存空间。● name是定义的变量名，通过变量名访问内存中分配的空间。（2）声明变量的特殊情况输出结果var name;alert(name);//只声明，不赋值，输出undefine

2022-01-20 21:05:45 757

原创安卓利用SharedPreference对象存储和读取用户信息（Kotlin语言）

SharedPreference对象存储用户信息和读取信息过程一、实现要点二、实现效果图三、实现步骤1、创建新项目，在Mainactivity布局添加按钮，并设置跳转登录界面的点击事件2、创建一个登录Activity，设置输入用户信息的控件，一个记住密码的CheckBox和按钮3、编写登录kotlin代码，实现个人信息存与取四、总结一、实现要点（1）在使用记住密码模式下，通过SharedPreference对象存储用户输入的用户名及密码。（2）当从Mainactivity退出到登录界面时，读取Sh

2021-12-11 18:25:35 3293

原创小程序云开发笔记：数据库对象数组根据查询条件匹配删除

问题描述：今天在运用小程序云开发实现删除点赞记录这个功能点的过程中，遇到一个问题：如何实现对象数组根据查询条件匹配删除解决思路：我们可以通过当前用户的openid这个条件来删除添加在数组prizelist里面一个数组对象。用到的是微信官方文档的pull数组更新操作符，文档中对其的具体描述是：给定一个值或一个查询条件，将数组中所有匹配给定值或查询条件的元素都移除掉。小程序官方文档pull数组更新操作符解决方案： //删除点赞记录 mylike_deleteaction(e) {

2021-12-06 19:35:28 1345 1

原创 Android中 ListView：响应item内部按钮点击事件（Kotlin语言）

item内部按钮点击事件前言实现过程1、布局文件（1）布局文件contact（2）布局文件friends_item.xml2、适配器FriendsAdapter3、contact.kt文件4、源码前言在上篇文章中我们已经实现了ListView中OnitemClick的点击事件，接下来将对item添加按钮点击事件，实现点击按钮删除所在的item。实现过程1、布局文件（1）布局文件contact布局未改变，只有标题栏和一个ListView<?xml version="1.0" encodin

2021-12-02 13:53:41 5089

原创 Fragment实现好友列表功能和相应ListView中OnitemClick的点击事件（kotlin语言）

好友列表功能实现过程前言整体结构及效果图实现过程（1）素材准备（2）创建Friends实体类（3）创建friends_item布局文件（4）在fragment_contact.xml添加ListView（5）创建适配器类FriendsAdapt（6）最后回到contact初始化数据，并创建FriendsAdapter对象，将它作为适配器传入到ListView显示（7）实现好友列表相应ListView中OnitemClick的点击事件，在onCreateView方法中添加以下代码前言在上篇的文章中，我们已

2021-12-01 12:48:52 3498

xiaolong446的博客