小白分享
关注
分享
扫一扫
一个小人儿
一个菜鸟级程序员 已工作
展开
-
fitler 对 fixed定位产生影响
fixed定位原本是针对于浏览器来定位的，但是在写项目中，突然发现 fixed竟然针对他的父元素开始定位，于是乎开始找原因，找了好久没有找到，本该放弃的时候，突然发现filter竟然对fixed定位产生了影响，很突然啊...原创 2021-03-09 19:09:25 · 396 阅读 · 0 评论 -
mCustomScrollbar自定义滚动条
网页地址：http://manos.malihu.gr/jquery-custom-content-scroller/演示地址：http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html原创 2020-09-02 17:01:06 · 220 阅读 · 0 评论 -
解决a标签png下载问题 兼容ie火狐(firefox) safari浏览器 谷歌 360
function aa(){var x=new XMLHttpRequest();var resourceUrl = “https://nie.res.netease.com/r/pic/20200731/dc6be18a-b0b4-4447-9bad-1050d1acd38f.jpg”;x.open(“GET”, resourceUrl, true);x.responseType = ‘blob’; x.onload=function(e){ //原创 2020-08-04 15:25:12 · 768 阅读 · 0 评论 -
object-fit:cover 的ie 兼容写法
object-fit在ie浏览器中是不兼容的，在网络上搜索了一下这方面的内容，发现看不懂，完全看不懂好吗！大大的眼睛大大的疑惑表示好难过！不说了上代码.fu{ width: 100%; height: 100%; .fu1{ position:relative; img{ min-width: 100%; min-height: 100%; object-fit:cover ; position: absolute原创 2020-05-08 18:30:44 · 2684 阅读 · 1 评论 -
pthyon问题
安装windows-build-tools原创 2020-04-20 17:27:21 · 327 阅读 · 0 评论 -
购物车页面开发vue.js(demo)
大致效果图就是这样的接下来上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...原创 2020-04-07 11:21:56 · 303 阅读 · 0 评论 -
常见的数组：去重 排序 差集 并集 合集 数组的扁平化
// 数组排序var arr = [9,89,89,897,4,5,5,2];for(let i = 0;i<arr.length;i++){ for(var j = i+1;j<arr.length;j++){ if(arr[i] > arr[j]){ let num = arr[i] arr[i]...原创 2020-04-01 12:38:23 · 216 阅读 · 0 评论 -
查询段落中的某个字段 并且高亮显示
在我朋友遇到的前端基础面试题中又遇到过这样的面试题，给你一个input 输入框，button按钮 以及 p段落标签并且在里面有一大段文字，要求如下在input中输入任何文字，点击button按钮，都需要在p段落中的文段中找到与input输入的文字完全一样的字符并且高亮显示， 逻辑清晰明了，直接上代码<!DOCTYPE html><html lang="en"><...原创 2020-04-01 12:30:33 · 517 阅读 · 0 评论 -
js手写分页功能分享
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...原创 2020-04-01 10:38:20 · 434 阅读 · 0 评论 -
三栏布局的几种布局方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...转载 2020-03-30 14:51:36 · 192 阅读 · 0 评论 -
图片的base64值输出以及图片的提前预览
图片的base64值的输出，以及图片的预览<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...原创 2020-03-30 12:17:36 · 261 阅读 · 0 评论 -
原生ajax写法
ajax是前后端程序员都要了解的基础，原生的ajax写法用javascript写出来有时候会考一下，所以列了出来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2020-03-30 12:10:25 · 217 阅读 · 0 评论 -
Object-fit属性
看上图找不同喽！原创 2020-03-30 11:56:51 · 320 阅读 · 0 评论 -
Vue packages version mismatch
在创建vue项目时，报了一个错误Vue packages version mismatch搞了一下里面的提示就是vue和vue-template-compiler的版本不一致，里面的解决方法就是如果你使用的vue-loader版本号大于等于10.0 就简单更新一下vue-template-compiler如果<10.0就重新安装vue-loader/vueify 然后更新vue-temp...原创 2020-02-03 09:58:49 · 456 阅读 · 0 评论 -
面向对象OO语言的理解--1
首先对象是什么对象是没有顺序的集合，它的属性可以包含基本值，对象以及函数；每个对象都是基于一个引用类型来创建的，引用类型是与传统面向对象程序设计的类相似，但是实现不同引用类型包含Object类型Array类型Date类型RexExp类型函数实际上是Function类型的实例，一次函数也是个对象，所以函数也拥有方法，用来增强自己的行为1.对对象的理解1.1属性的类型1.1.1数...原创 2019-10-23 19:59:18 · 657 阅读 · 0 评论 -
could not bind to address 0.0.0.0.443 apache配置出错 排错教程
1.更改vm虚假主机内的首选项 中的是不是403如果是就更改如果不是就改第二步2.更改Apache的conf文件夹内的extra中的httpd-ahssl.conf以及httpd-ssl.conf文件中的443字符串都改为442这是博主找到的方法，如果可行素质三连...原创 2019-09-30 11:05:23 · 933 阅读 · 0 评论 -
前端菜鸟小白栋#ONE
作为接触前端一段时间的我，在前端学习过程中也遇到过一些小小的问题，当然这点小case被我迎刃而解 哈哈哈哈哈哎呀 不能膨胀 正事要紧 下面是我的一些小分享 不喜勿喷 谢谢!关于HTML标签的问题，我总结了一些，如果有错，欢迎来提意见欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文...原创 2019-08-14 21:15:24 · 201 阅读 · 1 评论 -
三栏布局#
1.利用flex弹性布局给容器开启弹性布局 display:flex 并且调节水平对齐方式 space-between （两边不留白，项目自动计算分隔间距）大致的HTML标签排列如下css样式如下2.利用浮动布局来设置整体样式3.利用定位position 来进行布局上面三种2实现的效果都是下面的视图...原创 2019-08-20 21:20:42 · 165 阅读 · 0 评论 -
Flex布局浅谈
Flex布局在网站布局样式中确实很好用，相比于其他布局方式代码量不多，还好用开启flex布局的方式 就是 display:flex 让开启flex的标签作为容器默认容器标签内部的直系子标签都被成为容器被的项目，所有的项目都是在行内展示的，默认展示时横向展示，有关到属性flex-direction,row为横向展示 column 为纵向展示容器内部的项目在默认nowrap的情况下，会将项目进行...原创 2019-08-20 21:57:21 · 207 阅读 · 0 评论 -
小白栋更新第二天
在处理网页布局的时候，相信position一定会在网页编辑中常常·被用到，今天就简单聊一下position的几个常用属性static 静态定位 元素的默认定位的方式 流式布局的体现（流式布局就是标签元素遵从自己属性按照自我意愿排列 从左向右（行元素 行内块元素）从上至下（块元素））relative 相对定位 相对定位在运用到标签元素中的时候一般用于小微调 ，自身标签也不会脱离文档流（文档流指的...原创 2019-08-15 21:02:03 · 179 阅读 · 0 评论 -
常见的块元素 行内元素 行内块元素
常见的块元素也是在平常中经常用到的标签元素*新增标签<header></header>*<main></main>*<footer></footer>*<nav></nav>*<article></article>*<aside></aside&g...原创 2019-08-27 20:15:45 · 657 阅读 · 0 评论 -
HTML5 CSS3新增内容
HTML5除了新增header、main、nav、section等等这些语义化标签之外，还新增了在文档中插入音频的标签插入视频的标签HTML5标签 绘图容器标签 通过脚本来完成HTML5拖放属性 draggableHTML5 input 输入类型 date、time、email、search、time、url、week等等HTML5 表单的新属性 autocomplate pattern...原创 2019-08-27 20:41:22 · 216 阅读 · 0 评论 -
数组Array中的map、sort、reduce等高阶函数
Array数组常常用到，现在谈一下它的高阶函数map() 它对于数组的每一个元素进行操作var arr = ["1","2","3","4"] ;var arr2 = arr.map(function(x){return x * 1})console.log(arr2)map() 作为高阶函数 事实上它只是把运算规则给抽象化reduce() 它是对数组元素进行统一整合处理例如 将...原创 2019-09-04 21:57:23 · 480 阅读 · 0 评论 -
slice和splice的区别 subStr和subString、slice的区别
这几个方法老是混淆，长的也像，作用也是差不多，所以在使用的时候傻傻分不清，就出个区别博文，好供自己查阅理解一，Array的方法1.slice(startIndex,endIndex) 这个方法并不会影响原数组（重点）endIndex取不到（重点）2.splice(starIndex,length,changeR…) 这个方法会直接影响到原数组 从开始位置起截取length个元素，并在开始...原创 2019-09-09 19:23:33 · 201 阅读 · 0 评论 -
数组去重 双重for循环
数组去重很常见 下面分享一下我写出来的几种去重方法var arr = [2,2,3,5,6,9,5,2,3,5,4,8,9,5,5,2,4,55,7,4,4];第一种方法for(var i = 1;i<arr.length;i++){for(var j = 0;j<i;j++){if(arr[i]===arr[j]{arr.splice(i,1);i - -;}}}...原创 2019-09-09 21:34:41 · 6291 阅读 · 3 评论 -
Vue项目--仿大麦网移动端
最近想到了之前没事仿的大麦网的移动端的vue项目，分享给大家看一下有错指出 有问题提出 一键三连谢谢github地址：https://github.com/meng152869/cangku后端是nodejs 写的 功能 也就 注册 登录 等等前端页面 也是低仿大家可以看看直接下载 或者git clone github地址就行里面一共两个文件 myapp 和 myvuemyapp...原创 2019-09-12 11:40:41 · 1417 阅读 · 0 评论 -
标签位置互换--拖拽互换--li标签示例
示例源码如下cssHTMLJavascript原创 2019-09-19 10:06:39 · 1687 阅读 · 1 评论 -
原生js获取图片的base值--无图片验证
<input type="file" name="" id=""> <script> var files = document.querySelector("input"); // input[type ] 中的文件 在files对象中的files类数组中 // 可用fr.readAsDateUrl来读取文...原创 2019-09-28 21:10:12 · 154 阅读 · 0 评论 -
css选择器以及优先级的问题
css选择器有那么几种1.！important2. 行间设置css样式3. id选择器4. 类选择器 ===属性选择器5. 标签选择器当多个选择器连用时，优先级也会叠加说到css选择器，时常也会用到伪类选择器以及伪元素选择器常见的伪元素选择器有：before(元素标签之前插入内容) ：after（元素标签之后插入内容） :first-letter（某个标签元素文字中的首个字符） :...原创 2019-08-19 21:09:12 · 186 阅读 · 0 评论