- 博客(23)
- 收藏
- 关注
RSS订阅原创 小程序入门·
1.首先我们需要了解小程序是什么小程序是一种无需下载安装，即可使用的手机应用。只需要扫描二维码，或是搜一搜，就能立即使用。简单的来说，就是以往大家想在手机上使用摩拜、携程等，需要专门下载特定的APP，现在可以直接在微信里面搜索就能找到该款小程序，不需要下载和安装，随时随地直接使用，不用担心流量下载以及手机内存不够用的问题。当然，作为微信的新产品，小程序只能在微信里使用。1.1. 项目的目录结构pages:utils: 编写工具类的地方app.js：创建程序实例的位置app.json: 编写全局配
2022-05-27 18:17:30
352
原创 前端HR20问
1、请你自我介绍一下你自己 回答提示：一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有，其实，企业最希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事，主要的成就等，这些都可以和学习无关，也可以和学习有关，但要突出积极的个性和做事的能力，说得合情合理企业才会相信。企业很重视一个人的礼貌，求职者要尊重考官，在回答每个问题之后都说一句“谢谢”。企业喜欢有礼貌的求职者。2、你觉得你个性上最大的优点是什么？ 回答提示：沉
2022-05-27 09:14:44
1047
原创 前端面试题
21.箭头函数与普通函数的区别？答：（1）定义的形式不同。（2）箭头函数全都是匿名函数。（3）普通函数的this指向调用者，箭头函数的 this 永远指向其上下文的 this，任何方法都改变不了箭头函数this指向，如 call() , bind() , apply()（4）箭头函数不具有prototype属性，新建的对象的隐式原型无法被指定为箭头函数的原型（5）箭头函数不能用于构造函数（6）箭头函数不能Generator函数（7）箭头函数不具有arguments对象22.如果Promis
2022-04-12 20:22:36
1202
原创 前端面试题
1.什么是事件委托？为什么这样做？答：它还有一个名字叫事件代理，事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。为什么这样做呢？通过事件委托可以减少事件处理程序数量，这样就能大大的减少与dom的交互次数，提高性能；2.js数据类型？答：JS的数据类型有8种。在ES5的时候，我们认知的数据类型确实是 6种：Number、String、Boolean、undefined、object、Null。ES6 中新增了一种 Symbol 。这种类型的对象永不相等，即始创建的时
2022-04-12 19:58:52
112
原创 js闭包函数
定义：闭包函数：声明在一个函数中的函数，叫做闭包函数。闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。特点： 让外部访问函数内部变量成为可能； 局部变量会常驻在内存中； 可以避免使用全局变量，防止全局变量污染；缺点：会造成内存泄漏（有一块内存空间被长期占用，而不被释放）解决方法是退出闭包时把不用内部的变量删除 闭包的创建：闭包就是可以创建一个独立的环境，每个闭包里面的环境都是独立的，互不干扰。闭包会发生内存泄漏，每次外部函数执行
2022-04-10 19:56:24
1362
原创 js判断类型的方法
// 1.typeofconsole.log(typeof null);//objectconsole.log(typeof '');//stringconsole.log(typeof 123);//numberconsole.log(typeof '123 ');//string // 2.instanceofvar a = [1,2,3]console.log(a);//1 2 3console.log(a instanceof Array); //truecons
2022-04-08 08:56:03
41
原创 js去重方式
1.arr.splice var arr=[1,3,5,6,3,5,6,3,7,9,23,23] function a(arr){ for(var i=0;i<arr.length-1;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ arr.splice(j,1); j--; } } } return arr; } var arr1 .
2022-04-06 20:31:58
195
原创 js冒泡排序
var arr = [12, 32, 54, 36, 74, 98, 3];//首先创建一组数组 for (var i = 0; i < arr.length; i++) {//循环里面的每一项 for (var j = 0; j < arr.length - 1 - i; j++) {//j代表其中一个项，然后循环，-i的目的是为了更精准，少循环几次，让代码运行速度更快 if(arr[j] < arr[j + 1]){/
2022-04-05 14:38:46
347
原创 important
昨天在写项目的时候遇到一个bug在写按钮切换的时候样式就是出不来然后找了一下午还是找不到问题一开始没多想以为是逻辑写错了后来就一直找后来问了问朋友也是一直测试一直找也是没找到然后他思考了一会吧样式加上了!important他就好了。所以说我们先来了解css样式优先级最高的是行内样式>内嵌>外链接；最后!important加到那那个样式优先级更高这就是!important的作用...
2022-04-05 14:28:06
169
原创 面向对象1
面向对象是什么1. 面向对象编程和面向过程的区别面向对象编程：1）用抽象的方式创建基于现实世界模型的一种编程方式2）将需求抽象成一个对象，在这个对象上分析它的属性和方法3）将函数的封装转为对对象的封装面向过程编程分析实现效果的步骤，然后按照步骤用函数形式一步一步实现 2. 面向对象的特点： 封装 继承 多态 3. 创建对象的方式有几种 1）直接给对象绑定属性和方法 2) 通过字面量方式创建对象
2022-03-30 20:28:37
102
原创 js数组方法使用
shift：从数组开头删除一个数，并返回删除的值原数组改变var b = [1,2,3]console.log(b)//2,3unshift：数组开头增加内容，并返回新数组:var b = [1,2,3]var a = b.unshift[0]console.log(b)//0,1,2,3toString：将数组转为字符串var b = [1,2,3]console.log(b.toString());// '1,2,3' 而不是'123'concat：拼接成新数组，原数组不变。var
2022-03-29 20:10:07
224
原创 flex布局
//flex-direction属性决定主轴的方向（即项目的排列方向）row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。//flex-wrap属性默认情况下，项目都排在一条线（又称”轴线”）上,如果一条轴线排不下，如何换行nowrap（默认）：不换行。wrap：换行，第一行在上方。wrap-reverse：换行，第一行在下方。//flex-fl
2022-03-28 08:58:32
72
原创 this指向
//但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。在方法中，this 表示该方法所属的对象。如果单独使用，this 表示全局对象。在函数中，this 表示全局对象。在函数中，在严格模式下，this 是未定义的(undefined)。在事件中，this 表示接收事件的元素。改变this指向call()方法格式 函数名.call();参数： 第一个参数： 传入该函数this指向的对象，传入什么强制指向什么 第二个参数开始:将原函数的参数往后顺延一位。ap
2022-03-27 20:00:23
42
原创 git常用指令
本地仓库中git push 把本地仓库中的数据推送到远程仓库上添加用户git config --global user.name 用户名添加邮箱git config --global user.email 邮箱名添加远程仓库地址git remote add origin 远程仓库地址切换远程地址git remote set-url origin 远程仓库地址第一次像远程仓库提交的时候使用git push -u origin master创建分支git branch 分支
2022-03-24 20:25:02
54
原创 Proxy预处理ES6
//参数1 被处理的对象 参数2 处理的{ } 方法obj = {name:"zhangsan"} var b = new Proxy(obj,{ set(){ }, get(){ }})//set方法// 参数1 原对象 参数2 调用的属性名 age 参数3 你传入的属性值 //set 可以做过滤var obj = {'name':"zhangsan",age:18,img:'1.png'}; var b = new Proxy(obj,{
2022-03-24 20:17:08
51
原创 ES6新增数组方法
forEach() 数组遍历var arr = [1,2,3,4,5];arr.forEach(function(itme, index ,arr){//item 当前遍历到的元素 index当前遍历到元素的下标 arr数组本身})map()映射var arr = [1,2,3,4,5];var newArr = arr.map(function(itme, index ,arr){ //遍历要做的事情，映射关系 retuen item + 5;})//最后得到的新数组newArr
2022-03-22 20:05:54
270
原创 ES6 class类
//class类是构造函数的语法糖//使用class 定义的类 没有变量提升 class aa{ //构造方法 constructor(name,age){ this.name =name this.age = age this.and=function(){ console.log(this.name+"会跳舞")
2022-03-21 22:12:04
42
原创 vuex是什么
## 首先要知道vuex是什么是实现组件全局状态数据管理的一种机制,可以方便的实现组件之间数据的共享## 先说state在组件中如何用1.直接在 computed:{ list(){//全局数据名称 this.$store.state.list } }2.从vuex 中按需导入mapState 函数import {mapState} from "vuex" computed计算属性computed:{ ...mapState(['name'])}## mutatio
2022-03-17 20:07:12
108
原创 vue全局过滤器案例
<div id="box"> <!-- ！！！注意 过滤去只能在 v-bind 和 {{}} 中用 --> // 使用 谁要被过滤|过滤器名 //全局过滤器 <!-- <p v-text='num | abc'></p> --> //全局过滤器结果54321 //局部过滤器 <div> {{'123'|abc|list}}</div> //局部过滤器打印结果cba张三
2022-03-16 20:10:32
76
原创 vue生命周期函数
<div id='box'> <button @click='xx = !xx'>切换<button/><div/><script>Vue.component('abc',{ template:"<div>abc组件 <input type='text' v-model='mess' </div>> " data(){ return{ mess:'' } created(){
2022-03-15 19:48:22
279
原创 vue监听watch
名字 你想监听哪个属性,就写相同的名字触发条件. 当你监听的属性发生变化时,会自动调用对应监听方法使用场景 异步处理 开销比较大的运算 watch:{ name(newvalue,oldvalue){ //监听可以接受两个参数,第一个参数是新的属性值,第二参数是老的属性值 // this.age // console.log('name属性发生变化了')
2022-03-14 17:49:13
813
原创 VUE自定义事件
```javascript<div id="box"> <p v-aa="bb">玛卡巴卡</p> </div> <script> Vue.directive("aa",{ //当指令插入父节点中调用此方法,之后执行一次(生命周期方法) inserted(a,b){ console.log(a) console.log(b.value)
2022-03-13 20:23:16
1102
原创 瀑布流怎么写
瀑布流列表代码首先我们要了解瀑布流是什么简单来说抖音都刷过吧，随着往下滑动就会有源源不断的视频，比如京东往下滑动也会有源源的断的商品，像这种就是瀑布流。好了话不多说上干货首先我们在data定义一个变量控制他显示隐藏data(){return{isLoading：false} }用声明周期函数的挂载完成函数mounted(){this.scrollHandler = throttle(1000,this.scroll.bind(this));window.addEventListene
2022-03-10 20:40:54
355
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人