- 博客(20)
- 收藏
- 关注
RSS订阅原创 css样式
1、css的重要模块选择器盒模型背景和边框文字特效2D/3D转换动画多列布局用户界面1、css边框和圆角 border-radius: 被用于创建圆角 box-shadow: 被用来添加阴影 box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离
2021-08-12 23:52:03
196
原创 flex布局、圣杯布局以及双飞翼布局
Flex布局 （弹性盒布局）1、flex弹性盒布局一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间2、弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。3、弹性盒基本概念采用
2021-08-09 00:41:29
873
原创 常见的几种排序算法：直接插入、快速、冒泡、堆排序、归并排序
1、排序的分类可以简单分为以下几种插入排序： 直接插入排序、希尔排序交换排序： 冒泡排序、快速排序选择排序： 简单选择排序、堆排序归并排序： 二路归并排序(1) 直接插入排序：我们可以想象一下玩扑克的时候，我们防止扑克牌数的方法： 先取到第一张牌放在第一位置，随后每次取牌放到比它小和比它大的数字之间（可以考虑相等的情况，不要考虑特殊牌面，毕竟只是举个????~），如此循环，直到取完全部牌面思路： 每次将一个待排序的元素，按照其关键码插入到一个有序序列中，初始有序序列可以为待排序元素的第一个值
2021-08-05 22:59:08
1669
原创 GET与POST区别
区别一GET重点从服务器上获取资源,POST重点向服务器发送数据.区别二get传输数据是通过URL请求，置于URL后，并用”?”连接，多个请求数据间用”&”连接.post传输数据通过Http的post机制，将字段与对应值封存在请求实体中发送给服务器，这个过程对用户是不可见的；区别三Get传输的数据量小，因为受URL长度限制，但效率较高；Post可以传输大量数据，所以上传文件时只能用Post方式；区别四get是不安全的，因为URL是可见的，可能会泄露私密信息，如密码等；post较ge
2020-07-02 15:23:51
171
原创 后端接口测试没问题，前端HTTP500错误
前段联调，直接在接口测试传参没有问题！本地联调却一直报500，并说有一个参数没有数值！检查了本地代码，并打印出来，发现前端传参所有参数已经存在，没有参数不存在的问题！最后，发现服务端接收的参数是字符串，前端传的参数是对象形式，二者有一个更改一下就可以了...
2020-05-20 11:43:52
7934
3
原创 ES的新特性（ES6、ES7、ES8）
写在前面：本篇文章是来自公众号前端大全为文章，仅为自己记录，方便学习！1、Let和Constlet 声明的变量只在所在块级作用域中可用const 声明的为常量，不可重新赋值var 、let 、const常见区别如下：2、Class（类）ES6之前，如果我们生成实例对戏，传统方法是写一个构造函数，如下：function Person(name, age) { this.name = name this.age = age}Person.prototype.informati
2020-05-19 10:47:57
1490
原创 tinymce-粘贴格式不成效？限制输入字数？
最近实现一个功能，需要添加公告能够保留格式，就用了tinymce这个富文本使用过程中遇到的问题1、从word或者别的文档粘贴过去的格式不生效解决办法：在tinymce的包中找到plugins中的paste这个文件夹，给它随意改个名字或者直接删除，就会发现粘贴格式可以保留下来了！！but在页面加载引用富文本的时，会报错找不到paste这个引用文件，但是不会影响正常功能（目前没有找到更好的...
2020-04-21 18:58:40
3528
原创 cherry-pick的使用过程
假设我有A、B两个分支；我日常代码提交到A中，现在需要把A中提交的一些代码合并到B中，就可以使用cherry-pick具体步骤如下：1、先用git checkout B 切换到B分支上（确保本地分支没有未提交的修改记录）2、使用git pull origin B（这一步一定要有，不然很容易在本地造成代码冲突）3、在A的提交记录中找到你需要合并的提交记录的id，使用git cherry-p...
2020-04-14 16:32:15
938
原创 Vue中自动获取input焦点（内含ios不能唤起键盘解决办法）
为了实现自动唤起键盘，再点击写评论之后会出现input框紧接着吊起键盘最开始的用法：在input出现之后加上this.$nextTick(() => { this.$refs.input.focus()})为了页面的其他功能，我在上述代码之后重新调用了加载页面数据的方法，发现该方法不生效了，具体解决办法用延时器setTimeOut(()=>{ this.$refs.i...
2020-04-01 17:35:17
4457
原创 总结自己最近开发的一个功能期间遇到的问题及解决办法
1、遇到按照数据改变长度的图形（背景图会被拉伸或者压缩）红蓝长条长度会随着二者的比率改变最初的想法引用切图作为背景图片，把宽度按照数字变化而改变，但是遇到极端情况，如蓝色只占百分之1，红色占百分之99，图片会因为压缩或拉伸严重变形！解决办法，放弃红蓝色切图，自己写两个渐变色的div款，宽度进行变化，并在二者之间引用一个下图，根据前者的变化相对定位，实现中间部分的斜角中间为串色平行四边形，...
2020-03-21 10:58:01
280
原创 vue实现移动端顶吸效果
1、顶吸：即div向上滑动到屏幕顶端时固定，下面内容继续滑动无影响（先说下思路，对整个主题最外层的有滚动条盒子获取滚动高度scrolltop，在获取滚动元素到可是屏幕顶部的高度offsetTop，scrolltop >= offsetTop时，判断后改变样式使滚动元素利用fixed固定在顶部即可）然后百度搜的大部分都是以下：（css样式就不写了）mounted () { windo...
2020-03-16 22:17:27
338
原创 以对象构成的数组，如何判断是否包含某个对象
1、如题我的第一直觉使用indexOf，然后，你们看代码var arr1=[{ar:'2',th:'33'},{ar:'21',th:'313'}] var arr2={ar:'2',th:'33'} console.log(arr1.find(arr2));然后看打印的结果报错信息哦：test.html:7 Uncaught TypeError: #<Object...
2020-03-11 22:01:46
396
1
原创 自己写的一篇git入门ppt
1、主要讲了git结构、刚上上手项目从怎么使用git等自己写的ppt，上传不了文件，只能给大家截图了1、git的基本使用 git init ——初始化仓库 git status ——查看仓库的状态 git log ——查看提交日志 git diff ——查看尚未暂存的文件更新了哪些部分（工作区和暂存区） git diff --cached ——查看已经暂存和上次提交之间差异 ...
2020-03-09 21:40:13
947
原创 弹性盒实现无固定长宽元素上下左右居中以及从右往左的效果
1、实现父元素内多个元素的居中上下水平居中1.1 常用的定位和css就不说了如果我们的子元素的宽高是变化的，用常规的方法很容易错位，建议的方法：div{ display:flex; justify-content: center; align-items: center;}此写法可以实现子元素长宽不固定依旧水平垂直居中2、弹性盒实现子元素从左往右排列div{ display...
2020-03-09 21:26:11
1728
原创 Refusing to install package with name "mobx" under a package
安装mobx报错如下：（原因是我原来的文件名为mobx，与插件名重复）解决方法：改变文件名为mobx-test（随意更改），然后在文件的package.json内更改你更改的文件名（此处原来也为mobx）最后，重新执行安装命令即可！...
2019-08-12 19:51:24
223
原创 webpack从0开始搭建一个react开发环境
1、创建一个空的文件夹，随便在哪个位置2、在这个文件夹上打开cmd窗口，执行yarn init -y初始化环境3、安装webpack相关内容（这一步忘了截图了）yarn add webpack webpack-cli webapack-dev-server html-webpack-plugin -D加 -D 表示在是只开发环境下使用的包webpack 和 webpack-cli 是...
2019-08-06 17:22:17
129
原创 前端面试常见的几个问题
内容简介：1、二叉树2、最优二叉树3、最短路径4、三次握手5、JS垃圾回收机制1、二叉树二叉树是n(n>=0)个结点的有限集合，该集合或者为空集（称为空二叉树），或者由一个根结点和两棵互不相交的、分别称为根结点的左子树和右子树组成。(1)空二叉树——如图(a)；(2)只有一个根结点的二叉树——如图(b)；(3)只有左子树——如图©；(4)只有右子树——如图(d)；(5...
2019-08-04 16:30:06
165
原创 打包webpack的npm执行./node_modules/XXX报错“.”不是内部命令及后续问题
打包webpack的npm执行.\node_modules\XXX报错“.”不是内部命令1、报错写法原因:对于window系统执行此种命令，要用反斜杠2、正确写法
2019-07-30 21:16:06
1253
翻译 web性能优化
web性能优化方法：1、css、js代码压缩可以用gulp的gulp-uglify、gulp-minify-css模块完成：还可以用webpack的UglifyJsPlugin压缩插件完成。2、图片整合通过css sprites将多个图片整合到一个图片中，在用css来定位。3、使用浏览器缓存浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能，访客再次访问时，直接从缓存中读取内容而...
2019-07-29 21:12:13
74
原创 移动端开发需要注意的事项？
移动端开发需要注意的事项？前提——移动端开发需要达到的三点要求：1、自适应手机端任何尺寸设备2、多平台ui表现一致3、完美适配不同设备浏览器一、meta的使用移动端的项目必须配置viewport二、布局PC端和移动端的布局的思路还是比较不同的。在PC端我们很常见的一种布局思路如下：将网页主题设为固定宽度，居中，并定义最小宽度，可适配各种大小的PC端屏幕。由于PC端可视范围较大，所...
2019-07-29 20:52:18
495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人