jhj124的博客

原创 vue和vue-template-compiler版本不一致的问题

运行npm run dev出现下面的错误：（vue和vue-template-compiler版本不一致的）只需要输入 npm upgrade vue vue-template-compiler，就可以解决他们的版本不一致的问题

原创 webpack打包html失败：报错[webpack-cli] Invalid configuration object……

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration has an unknown property 'pulgins'. These properties are valid: object { amd?, bail?, cache?, conte

原创 安装node-sass失败原因及解决办法

安装这个node-sass，我是搞了一下午。厚着脸皮问那些不爱搭理人的同学。但是最终还是自己解决了这个问题。首先我们得明白：node-sass安装需要什么？（1）需要python环境，所以我们需要全下载python配置环境（2）需要node版本与其兼容，所以node版本不易太低和太新。（注意：node也是需要配置环境的哦，这样才能随地用到npm）然后就可以输入命令下载node-sass了:npm install node-sass -D一般这个时候都是可以完成了，但是我就是那么的倒霉，遇到了该

原创 npm安装webpack发生报错

我也遇到了这样的情况，但是百度很多也没有解决。但是突然想到自己好久没有用npm了，版本应该是比较低的了。因此就更新到最新的版本就可以了。更新npm ：npm install -g npm

原创 vue的生命周期，在这个周期中，可以进行的操作

<script> Vue.component('userdata',{ //数据挂载到页面的四个阶段 beforeCreate(){ //我可以往实例this上加一些属性，但是不能调用 console.log('userdata组件，是 beforeCreate') //初始化this //但是没有dat.

原创 ajax的创建

let xhr=new XMLHttpRequest()//初始化 console.log(xhr.readyState)//ajax对象的状态 //基础配置 xhr.open("get","https://www.baidu.com") //发送请求 xhr.send(null) //ajax 对象准备状态变化的时候会执行函数 xhr.onreadystatechange=fun...

原创 JS函数push的函数实现

//push的函数实现function push(arr){let length=arguments.length-1let oldlength=arr.lengtharr.length+=lengthfor (let i = oldlength; i < arr.length; i++) {arr[i]=arguments[i-oldlength+1]//i-oldlength为0的时候，就是我们arr数组，所以排出从arr}return arr.length}...

原创 js用函数实现字符串的方法includes

function pdstr(str,key){let result=""for (let i = 0; i < str.length; i++) {for (let j = 0; j <key.length; j++) {if(str[i]key[j]){result +=str[i]}}}if(resultkey){return true}else{return false}}

原创 float的应用

浮动通过浮动可以设置一个元素向它的元素左侧或者右侧移动可选值none 默认值 元素不浮动left 元素向左浮动right 元素向右浮动特性1.文本环绕2.有多行浮动元素的情况 多个盒子浮动 从左往右依次浮动一行排列不下“换行”排列3.块级化 将元素强行转换为块级元素。它具有块级元素的所有性质，但是不具有独占一行和父元素100%宽度的特性，宽高由里面的元素撑开4.换行方式：水平排列之后，如果当前排列不下，会原地往下缩直到有空间可以浮动排列开发的时候，尽量保证浮动元素都等高

原创 绝对定位与相对定位的区别

相对定位方向的优先级：多个位置偏移量出现 左上为尊1.相对定位的掺照物是参照自身2.不会脱离文档流（保留之前位置） 移动是不会影响其他袁术的布局3.不会改变元素的性质4.相对定位提高元素的层级 定位是最高的层级5.z-index：2；在定位里面改变元素谁先谁后（在static里面是无效的）6.常规后面的元素层级比前面的高绝对定位更大的作用：相对定位元素的绝对定位后代元素可相对于他进行移动1.绝对定位的参照物：有相对定位属性 最近的 祖先元素2.父相子绝（父亲相对定位，儿子绝对定位，儿

原创 HTML图片的空隙解决

关于插入图片时候，在基线对齐的情况下，图片的底部是有空隙的：1.给图片设置vertical-align不是baseline即可，一般在初始话下就设置。2.给父级设置font-size:0;3.设置成块级元素display:blcok;

原创 css自主定义字体

@font-face{font-family: “ljf”;/指定字体的名字/src: url();/服务器字体路径/}/问题：1.版权 2.加载慢/

原创 斐波拉契计算第几位的数字

// 斐波拉契 递归没有记忆那么他将消耗很名时间来算结果 list={} function a(n){ //已经算出来的结果直接查表 if(list[n]){ return list[n] } if(n<3){ list[n]=1 return list[n] } list[n]=f(n-1)+f(n-2)

原创 javascript递归函数的理解

<script> // 递归函数：将一个复杂问题，分解成几个简单的问题，然后重复下去并解决掉（每次递出去都要拿回来） // sum(n)=1+2+3+....n-1+n // sum(n-1)=1+2+3+....n-1 // sum(n)=sum(n-1)+n function sum(n){ if(n===1) return 1//终止函数，不让函数陷入死循环 return sum(n-1)+n }

原创 js轮播图的简易封装案例

js轮播图的简易封装案例<script> //初始化 let imglist = [ "imgs/1.jpg", "imgs/2.jpg", "imgs/3.jpg", "imgs/4.jpg", ] let lunbo = { leftBt

原创 js中数组方法字符串的字母计算reduce的使用

let str="hhhhdhhdhjjjv" function reduce(str){ let obj={} //存放结果的对象 let arr=str.split("") //将字符串转化成一个数组 arr.reduce(function (total,item){ //判断迭代体有没有这个这个属性 if(total[item]){ .

原创 js冒泡排序

//冒泡排序 相邻的进行排序 let arr=[3,5,6,1,2,9] function bubbleSort(arr){ let length=arr.length //多次进行排序 for(let j=0;j<length;j++){ for(let i=0;i<length-1;i++){ if(arr[i]&.

原创 js中数组的sort封装实现排序

let arr=[4,6,8,1,2] function sort(arr){ let result=[] //新建一个数组 let len=arr.length //得到数组的长度（记住不要把arr.length直接写入循环里面，得到的数字会不准确） for(let i=0;i<len;i++){ let s=Infinity //创建一个数 ..

原创 javascript中为什么有闭包的出现？

闭包：一个函数引用了一个函数执行完成了的函数作用域里面的值，就是闭包函数缺陷：（1）内存开销非常大，会存在 （2）内存溢出，内存泄露核心功能：状态保留闭包的出现：是因为var是全局变量，当在循环中访问时，得到是函数最终的值，为了解决这个问题，就使用到了闭包...

原创 JavaScript中var let const 变量声明的区别？

原创 CSS响应式运用？

原创 响应式和自适应的区别是什么？

自适应：为一个网站开发多个不同的页面,针对不同的设备用户返回不同的页面响应式：做一个网站,能够自动的响应不同设备的变化,出现不同的效果

原创 css鼠标都有哪些样式？

鼠标样式：cursor:pointer; 小手掌 ==>常用cursor : move 表示对象可以移动cursor:wait 表现正在加载cursor:help 表示需要帮助cursor :url(“5.png”),pointer; 自定义鼠标样式

原创 HTML中外边距合并问题？

盒子外边距合并有两种：父子外边距合并，兄弟外边距合并。解决办法：父子外边距合并，父子级之间的外边距 是针对于第一儿子：1.给父级加上border​ 2.给父级加上padding​ 3.父级overflow:hidden;超出隐藏兄弟外边距合并中，没有特殊解决方法，主要是：1.谁大谁做主，取最大值2，设置好其中一个值就好...

原创 css文本省略代码？

省略时需要三个属性：overflow:hidden（溢出隐藏）white-space:nowrap（不允许换行）text-overflow:ellipsis（溢出文本用省略号）文本指定单句省略：display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;（指定行省略）text-overflow:ellipsis;...