前端小草-CSDN博客

原创 call、apply和bind之间的区别

相同点：都是用来改变this的指向不同点：call()传的参数要和定义的方法中参数一一对应;而apply()传入的参数，第二个参数是数组类型,这是call()和apply()方法最大的区别；而bind()，返回的本来就是一个函数，所以在调用的时候，需要在后面添加一个小括号()用法：一个对象访问并一个对象内部定义的方法。首先对于函数内没有参数的情况：举个例子：var gxw = { name:'gxw' age:18 drink:function(){

2021-09-09 11:35:48 266

原创在一行中，最后一个盒子被挤下去的解决方案

比如上图中的布局经常采用ul li来布局，设置每个li的宽和高，但是经常会出现将每行的最后一个元素挤下去。解决方案：1、给ul足够的宽度，保证能让所有的li都能容的下； 2、给整个模块设置overflow:hidden。（超出的部分不显示）...

2022-04-01 21:46:53 857

原创 vue可视化方式初始化前端项目

1、Windows+R打开运行面板,在控制台输入：vue ui，就可以通过可视化的方式来创建项目。2、点击“创建”按钮，进入到目录选择面板，选择项目的存放路径。3、选好路径点击“在此创建此项目”4、进入到预设面板。5、来到功能面板，选择需要设置哪些功能。选择Babel、Router、vuex、使用配置文件。（温馨提示：最好不要选Linter/Formatter，因为它会对格式有较为严格是限制，只要代码书写有点不规范就会报错。）6、点击下一步，进入“配...

2021-09-26 17:42:08 398

原创在webstorm2019.3.4中设置自动换行

在写代码的过程中，难免会遇到很长的内容在一行显示，如果不设置自动换行，那么会要我们手动拖横向的滚动条来查看，很不方便。在WS2019中，设置自动换行的步骤：第一步：第二步：第三步：...

2021-09-23 16:37:44 3370 1

原创在html和css中使用id和class的区别

在一开始学习前端的时候，对id和class的使用没有一个清晰的认知，想用什么就用什么，但是就会使页面的结构在设置样式时混乱。一般情况下：比如在一个大的页面中，包含三大部分：头部、主体内容以及尾部。然后在它们又各自包含各自的内容，那么此时头部、主体内容、尾部这三个用id来设置。里面包含的各自内容用class来设置。----------头部----------------------<div id = 'head'> <div class = 'logo'>标志&

2021-09-23 09:34:00 344

原创在浏览器中实现盒子的居中和将input表单设置为居中显示

将input表单设置为居中，只需要设置以下三行代码：display:block;margin-left:auto;margin-right:auto在浏览器中实现盒子的水平居中，有以下几种方式：第一种方式：定位父元素：position:relative;子元素：position:absloute;将子元素设置为：left:50%,top:50%,此时的效果仅仅是将子元素左上角的坐标向下平移了50%，向右平移了50%，但是自身的宽高没有计算在内，导致元素没有居中。要解决居中，还需

2021-09-22 22:36:59 7188

原创浏览器执行JS简介

var x = new Boolean(false);if(x){ alert('hi');}var y = Boolean(0);if(y){ alert('hello');}

2021-09-22 22:03:46 498

原创 JS的三种书写位置

第一种：行内式直接写在标签内部。<input type='button' value='唐伯虎' onclick='alert('点秋香')'>第二种：内嵌式直接在head标签中使用script标签，书写js代码。<script> alert('hello');</script>第三种：外部式新建一个my.js文件，在my.js中写相应的js代码，再通过src进行引入。<script src="my.js">&l

2021-09-22 22:01:18 521

转载 href和src的区别

　写代码的时候就经常把这两个属性弄混淆，到底是href还是src，href表示超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系，src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。　　src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；在请求src资源时会将其指向的资源下载并应用到当前文档中，例如js脚本，img图片和frame等元素。<sc

2021-09-11 08:57:33 182

原创 Sass的基本使用

首先新建一个.scss文件，它会自动生成.css和.map文件，编写sass代码，它会实时的编译.css文件，.map文件是干什么呢？它是一个.json格式的文件，可直接调用sass源文件。一、变量的使用变量是以$符号开头的。全局变量（写在函数体外部）:$color:red;body{ background-color:$color;}局部变量（写在函数体内部）：body{ $color:red; backgorund-color:$color;}

2021-09-10 20:38:42 600

原创用npm安装sass踩过的坑

第一步：首先安装淘宝镜像npm install cnpm -g第二步：再用cnpm安装node-sass和sass-loadercnpm install node-sass --save-devcnpm install sass-loader --save-dev如果依然报错一般是版本的问题，指定一个版本重新安装cnpm i sass-loader@6.0.6 --save-dev第三步：在webpack.base.conf.js文件的rules下配置一下 {

2021-09-09 17:29:14 670

weixin_45682952的博客