2020年12月_天使的同类

原创 css文字超出显示省略号

css文字超出显示省略号单行显示：white-space:nowrap;overflow:hidden;text-overflow:ellipsis;多行显示：word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;...

2020-12-31 11:32:25 273

原创更改radio圆点颜色

更改radio圆点颜色<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta

2020-12-30 11:05:50 3510

原创简繁体切换 jq

HTML：<html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>Test for jquery-s2t</title></head><body> <button id='btn-convert'>简</button> <div id='con

2020-12-29 13:20:19 746

原创防止iOS自动识别数字为电话号码

在写官网的时候，需要添加电话号码，但是突然发现在iOS上电话号码不显示，但是在Android上可以正常显示，以前从来没遇到这种情况，最后找到了解决办法：在html页头添加一行代码即可： <meta name="format-detection" content="telephone=no" />然后iOS的电话号码就显示出来了，就是这么神奇，又学到了新知识，哈哈哈...

2020-12-18 17:33:06 611 2

原创通过命令行创建React

通过命令行创建React1.桌面新建一个文件夹，进入文件夹打开命令工具，我这里用的git，然后执行npm create umi（这里时间有点长，多等会就好了）2.出现让你选择的命令时，就按回车键就好了，如图：3.这时候我们最基本的项目就创建好了，下面就是安装依赖，npm i 也可以cnpm i（淘宝镜像下载的快一点），如图：4.此时我们的依赖node_modules文件也下载完成了，最后一步就是运行项目，npm start,如图：我们打开http://localhost:8000/就可以了

2020-12-09 17:11:45 207

原创 git pull发生冲突问题解决

git pull发生冲突问题解决错误如下：远程库和本地修改的文件发生冲突的时候，你用git pull拉取代码就会出现这种错误，下面有两种办法可以解决该错误：方法一、stash git stash //备份当前的工作区的内容，从最近的一次提交中读取相关内容，让工作区保证和上次提交的内容一致。同时，将当前的工作区内容保存到Git栈中。 git commit git stash pop //从Git栈中读取最近一次保存的内容，恢复工作区的相关内容。由于可能存在多个Stash的内容，所以用栈来管理

2020-12-05 14:45:00 930

原创各大浏览器滚动条兼容性问题

解决各大浏览器隐藏滚动条的兼容性问题<html><head> <style> .outer-container { width: 350px; height: 300px; overflow: hidden; } .inner-container { height: 300px; width: 350px; overflow-x: hidden; ove

2020-12-03 14:49:29 2302

原创解决git push错误failed to push some refs to的问题

解决git push出现的failed to push some refs to错误问题出现的原因：当你修改了线上文件，或者其他文件，但是没有对本地库进行同步。这时你用commit把本地文件提交到github库中时就会出现push失败的问题。下面是我提交时出现的错误：error：failed to push some refs to，如图所示：这个问题是因为远程库与本地库不一致造成的，那么我们把远程库同步到本地库就可以了。解决办法：git pull --rebase origin master

2020-12-03 11:18:15 10084

原创 vue实现横向切换自动居中

vue实现横向切换自动居中想要点击的元素自动居中，首先要获取的值有：元素距离屏幕的左边距离，元素宽度的一半，屏幕的总宽度的一半，当前滚动的距离长度，下面是实现的代码：HTMl（这里的html是我项目所需要的数据渲染，大家可以理解成ul下多个li的结构）： <div class="flash-list"> <div class="scroll-box"> <div v-for="(item, _index) in flashLi

2020-12-02 16:16:28 1738 6

Summer_JK的博客