- 博客(27)
- 收藏
- 关注
RSS订阅
原创 CSS重点知识
CSSCascading Style Sheet 层叠样式表TODO:CSS各种选择器CSS三种显示模式CSS背景属性CSS三大特性CSS盒子模型CSS浮动CSS定位CSS3的新特性css选择器基础选择器序号选择器名称说明css版本1*通用选择器选择所有元素，包括html和body22div,span标签选择器...
2019-10-25 22:09:09
753
原创 2019的几次前端面试总结
总结最近一共参加了五家公司的面试，大小公司都有，真的只有去参加了真实的面试才能知道自己的很多的不足的地方，虽然面试的结果不尽人意，但我还是从中学到了许多的东西，对于像我这样的前端新手，面试的时候还是主要以前端的基础为主，而且一般大点的公司都比较注重ES6的知识点。至于vue、react等框架只是简单的问一下。从这几次的面试中，我发现了自己基础确实不扎实，很多知识点也是只有点印象，如果再深一步就不...
2019-12-21 18:59:42
247
原创 vue项目里引入mui.js后里面的tabbar点击切换失效的解决办法
mui这个库问题还真不少。在引入mui.js后，其tabbar在vue项目中点击切换失效，原因是tabbar这个组件的样式类名可能是和min.js冲突了，所以解决办法，就是把其样式的类名重新修改，具体如下：在浏览器中找到所有的class="mui-tab-item"的样式，并把其样式复制到自己定义的style里面，然后修改class="mui-tab-item",并把对应标签上的类名改为和你修...
2019-11-30 17:30:03
701
原创 关于在vue项目中使用mui滑动导航栏的一系列坑
需要借助于 MUI 中的 tab-top-webview-main.html需要把 slider 区域的 mui-fullscreen 类去掉滑动条无法正常触发滑动，通过检查官方文档，发现这是JS组件，需要被初始化一下：导入 mui.js// 导入mui.js文件import mui from "../../lib/mui/js/mui.js";调用官方提供的 方式 去初始...
2019-11-29 18:38:35
632
原创 解决无法将“wekpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称......
今天在配置完webpack.config.js文件后，运行webpack命令，出现了这个问题，在我查阅了资料后，最终解决了这个问题，下面是解决的步骤：首先如果没安装webpack,先全局安装，命令如下：npm install -g webpack如果安装了，把webpack.cmd这个命令脚本文件的当前目录添加到系统的环境变量Path中，具体如下图：复制webpack.cmd的...
2019-11-25 12:01:13
1292
原创 js模拟实现call和apply方法
callcall() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。例子： var foo = { value:2 } function bar() { console.log(this.value) } bar.call(foo) // 2从这个例子中可以看出两点：call 改变了 this 的指向，指向到 fooba...
2019-11-02 12:35:50
685
原创 js之作用域
作用域作用域是指程序源代码中定义变量的区域。作用域，是指变量的生命周期（一个变量在哪些范围内保持一定值）。作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。TODO1.全局作用域2.函数作用域3.块级作用域4.词法作用域5.动态作用域 (动态作用域跟 this 引用机制相关)全局作用域全局变量生命周期将存在于整个程序之内。能被程序中任何函数或...
2019-11-01 17:44:59
80
原创 js之变量、常量以及数据类型
变量变量命名规范变量名必须以英文字母、_、$开头变量名可以包括英文字母、_、$、数字不可以使用系统的关键字、保留字作为变量名var变量var定义的变量没有块级作用域，只有函数级作用域。let变量let变量是es6中引进的，用let定义的变量会生成一个作用域，外部不能访问。因此对于变量的私有化要求更加严格。let定义的变量有以下几个特点：let定义的...
2019-11-01 17:44:16
205
原创 CSS之布局篇
1.Flex布局(弹性盒模型)Flex 布局教程：语法篇(阮一峰)Flex 布局教程：实例篇(阮一峰)2.Grid网格布局Grid网格布局教程(阮一峰)3.圣杯布局和双飞翼布局圣杯布局html代码中 main部分首先要放在cotent的最前部分。然后是left,right将三者都 float:left , 再加上一个position:relative (因为相对定位后面会...
2019-10-28 15:34:49
129
原创 CSS之面试题总结
1.CSS 的解析顺序css 选择器匹配元素是逆向解析因为所有样式规则可能数量很大，而且绝大多数不会匹配到当前的 DOM 元素（因为数量很大所以一般会建立规则索引树），所以有一个快速的方法来判断「这个 selector 不匹配当前元素」就是极其重要的。如果正向解析，例如「div div p em」，我们首先就要检查当前元素到 html 的整条路径，找到最上层的 div，再往下找，如果遇到...
2019-10-27 22:19:09
339
1
原创 html面试常被问的知识点
1.对浏览器内核的理解浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。JS 引擎 则是解析 Ja...
2019-10-25 21:52:34
1825
原创 h5新增API
H5-新增API全屏方法HTML5规范允许用户自定义网页上任一元素全屏显示。Node.requestFullScreen() 开启全屏显示Node.cancelFullScreen() 关闭全屏显示由于其兼容性原因，不同浏览器需要添加前缀如：webkit内核浏览器：webkitRequestFullScreen、webkitCancelFullScreen，如chrome浏览器。...
2019-10-24 15:30:14
229
1
原创 关于apache每个套接字地址(协议/网络地址/端口)只允许使用一次的错误
今天在启动apache服务的时候出现了一个错误，如图：然后根据提示查阅系统事件日志（我的电脑->右键->管理->事件查看器）然后看到了错误问题The Apache service namedreported the following error: >>>(OS 10048)通常每个套接字地址(协议/网络地址/端口)只允许使用一次。 : AH00072...
2019-10-08 21:22:16
903
原创 关于let和var的一点小问题
今天在学习JS中，无意间发现了关于var和let的一些小问题，我把我的理解记录下来，也希望大佬看到的指点一下，直接看代码。 for(var i=0;i<5;i++){ console.log(i);//0,1,2,3,4 function f() { console.log(i);//5 ...
2019-09-25 14:22:41
206
原创 jQuery学习笔记
为元素绑定事件三种方式对象.事件名字(事件处理函数);—$("#btn").click(function(){});对象.bind(“事件名字”,事件处理函数);—$("#btn").bind(“click”,function(){});父级对象.delegate(“子级元素”,“事件名字”,事件处理函数);---->$("#dv").delegate(“p”,“click”,fun...
2019-09-22 19:21:54
86
原创 使用git把代码托管到github上
第一步，下载git bash在电脑合适的位置创建一个空文件夹，可以用mkdir命令。 用git init 命令把这个目录变成git可以管理的仓库。第二步，添加文件到git仓库git add <File> 把文件添加到git仓库。git add . 是把所有的文件添加到git仓库。 git commit -m <message>提交...
2019-09-18 16:52:30
140
原创 正则表达式之表单验证
正则表达式：主要是用来匹配字符串的。html部分<div class="container" id="dv"> <!-- label标签的作用是点击QQ或者手机字的时候，光标自动到文本框里--> <label for="qq">Q Q</label><input type="text" id="qq"><...
2019-09-11 20:04:42
282
原创 js高级学习笔记(三)
浅拷贝和深拷贝浅拷贝：就是把一个对象的内容复制一份给另一个对象，或者说是把一个对象的地址复制一份给另一个对象的地址，他们指向相同，两者直接有相同的属性和方法，都可以使用。 深拷贝：把一个对象所有的属性和方法，一个一个的找到。并在另一个对象上开辟对应的空间，再一个一个的储存到另一个对象。 //浅拷贝 // var obj1={ // age:20, // ...
2019-09-11 19:55:36
77
原创 js高级学习笔记(二)
call()，apply()，bind()三种方法call()和apply()方法都可以改变this的指向。 call()用法： 函数名字.call(对象,参数1,参数2,...);方法名字.call(对象,参数1,参数2,...); apply()用法： 函数名字.apply(对象,[参数1,参数2,...]);方法名字.apply(对象,[参数1,参数2,...]); ...
2019-09-10 20:28:45
110
原创 js高级学习笔记
面向对象的编程思想 面向过程:凡事都是亲力亲为,所有的代码都要自己写,每一步都要很清楚,注重的是过程面向对象的编程思想:根据需求,分析对象,找到对象有什么特征和行为,通过代码的方式来实现需求,要想实现这个需求,就要创建对象,要想创建对象,就应该先有构造函数,然后通过构造函数来创建对象.,通过对象调用属性和方法来实现相应的功能及需求,即可。 原型定义 1.定义构造函...
2019-09-08 21:10:39
147
原创 原生js实现贪吃蛇之食物随机出现部分
html部分<div class="map"></div>css部分 .map { width: 800px; height: 800px; /*渐变*/ background: linear-gradient(to bottom, rgb(10, 10, 50) 1...
2019-09-05 20:51:36
1496
原创 自定义滚动条
html部分<div class="box" id="box"> <div class="content" id="content"> 床前明月光啊，明月光，疑是地上霜啊，举头 ...... 床前明月光啊，明月光，疑是地上霜啊，举头嘿嘿 </div><!--文字内容--> ...
2019-09-04 16:57:26
95
原创 原生js实现高清放大镜效果
html部分<div class="box" id="box"> <div class="small"><!--小层--> <img src="images/small.jpg" width="350" height="450" alt=""/> <div class="mask"></d...
2019-09-03 20:38:05
172
原创 原生js实现旋转木马效果
html部分<div class="wrap" id="wrap"> <div class="slide" id="slide"> <ul> <li><a href=""><img src="images/slidepic1.jpg" alt=""></a><...
2019-09-02 16:03:46
1225
原创 js中的三大系列小结
offset系列：偏移offsetWidth:获取元素的宽度(有边框) offsetHeight:获取元素的高度(有边框) offsetLeft:获取元素的左边位置的值 offsetRight:获取元素的右边位置的值scroll系列：卷曲scrollLeft:元素向上卷曲的距离 scrollTop:元素向下卷曲的距离 scrollWidth:元素的内容宽度(不包括边框) scr...
2019-09-02 15:55:16
212
原创 原生js实现轮播图
轮播图的实现的js部分主要有三个部分组成。轮播图的实现有个关键的点是在把图片放在一组ul中的许多li中，并且在所有的图片最后面要克隆一张与第一张一样的图片，目的是为了实现无缝连接。html部分，代码如下：<div class="all" id="box"> <div class="screen"><!--相框--> <ul&...
2019-08-22 21:04:18
159
原创 原生js的简易百度搜索栏
<div id="dv"> <input type="text" id="txt"> <input type="button" value="搜索" id="btn"></div> <script src="common.js"></script> <script> ...
2019-08-15 16:41:25
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人