- 博客(31)
- 收藏
- 关注
RSS订阅原创 Vue2.x自定义指令 & mixin & plugin
Vue2.x自定义指令 & mixin & plugin一、自定义指令二、mixins混入三、plugin插件一、自定义指令出了常见的v-for 、v-on等vue自带的指令，我们还可以去自定义指令。比如我现在做个选项卡切换功能，希望视图和逻辑完全分离，于是定义个自定义指令，该指令可以复用，那么：vue文件：<template> <div class="parent" v-nav-cur="{ curIndex,className:'nav-ite
2020-09-03 11:37:59
212
原创 常见面试题总结归纳（五）
文章目录一、JavaScriptJavaScript的数据类型判断变量的类型\== & === 和 数据类型转换原型和原型链闭包及优缺点call、apply、bindDOM事件流 和 事件委托数组和对象的常见方法new内部做了什么防抖&节流requestAnimationFramethis指向作用域链let/const/varPromise、async await箭头函数javaScript的运行机制实现继承的几种方法垃圾回收一、JavaScriptJavaScript的数据类型基本类
2020-09-03 11:37:13
181
原创 Vue组件通信的7种方式
回顾Vue组件通信的7种方式前言一、Props & $emit()二、callback三、$parent & $children四、provide & inject五、$attrs & $listeners六、ref & $refs七、中央事件总线bus总结前言下周准备开始投简历了，这2天把vue相关的知识做一下整理，也算是一个复习了。主要涉及到vue双向绑定原理，组件通讯方式，自定义指令等等，有错误或者不足，后期再修改文章予以修正和补充。一、Props &am
2020-08-29 00:09:26
213
原创 Vue2.0 vs Vue3.0 响应式原理
Vue2.0 vs Vue3.0 响应式原理Vue2.0 Object.defineProperty()Vue3.0 new Proxy()Vue2.0 Object.defineProperty()只学习用法// Object.defineProperty()// 参数：obj prop descriptor// 需要定义的对象 属性名称 描述符（配置集合）function defineProperty() { var _obj = {}
2020-08-26 23:56:29
396
原创 常见面试题总结归纳（四）
常见面试题总结归纳（四）从输入url到渲染页面的整个过程window.onload跟DOMContentLoaded的区别前端性能优化从输入url到渲染页面的整个过程基础答案：从三个方面来说：1.加载资源的形式。资源的一般形式有html，媒体文件（图片，视频），js，css等。2.加载资源的过程。DNS解析：域名 -> IP地址浏览器根据IP地址想服务器发起Http请求服务器处理http请求，并返回给浏览器3.渲染页面的过程。根据HTML代码生成DOM Tree根据CSS代码生
2020-08-21 22:24:37
149
原创 linux命令基础
linux命令基础公司的线上机器一般都是linux（参考阿里云）。测试机也是需要保持一致，使用linux。测试机或线上机出现了问题，本地又不能复现，需要去排查。一般现需要一个账号登录，比如ssh work@ + 主机地址然后回车之后就会要求你输入密码。然后你就登录到了测试机或者线上机。命令ls 可以查看文件，+ -a，可以查看隐藏文件。ll则是列表形式查看。mkdir abc 就是创建名字为abc的文件夹。rm -rf abc 就是删除文件夹abc（删除文件之前需谨慎）。其中-r是
2020-08-20 12:00:27
190
原创 作用域&闭包&自由变量&this&异步&单线程
作用域&闭包&自由变量&this&异步&单线程作用域自由变量闭包闭包的应用this异步promise单线程作用域作用域建单理解就是代码的一个规划区域，单独区域内的变量和函数只能在区域内使用和访问。作用域分为全局作用域，函数作用域，ES6新增块级作用域。自由变量一个变量在当前作用域没有定义，但被使用了，那么回向上级作用域一层一层一次寻找，直到找到为止。如果直到全局作用域都没找到，就会报错xx is not defined。闭包作用域应用的特殊情况，有两种
2020-08-18 18:13:44
112
原创 Class & 继承 & 原型 & 原型链
Class & 继承 & 原型 & 原型链Class类的声明继承instanceof 类型判断原型 & 原型链整个七月到八月真是一堆事情，现在终于有空了，静下心复习一段时间刷刷面试题，准备去面试找工作了，希望在国庆之前能找到合适的工作，加油。ClassES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只
2020-08-17 17:02:13
904
原创 TypeScript 基础学习（六）
TypeScript 基础学习（六）Ts中的装饰器装饰器的定义类装饰器属性装饰器装饰器工厂方法装饰器方法参数装饰器装饰器的执行顺序今天接着学习ts中的类相关知识Ts中的装饰器装饰器的定义/* 装饰器：装饰器是一种特殊类型的声明，他能够被附加到类声明，方法，属性或参数上，可以修改类的行为，通俗的来说 装饰器就是一个方法，可以注入到类，方法，属性参数上来扩展类属性方法参数的功能。常见的装饰器有：类装饰器，属性装饰器，方法装饰器，方法参数装饰器装饰器的写法： 普通装饰器（无法传参） ， 装饰
2020-06-02 21:55:45
132
原创 TypeScript 基础学习（五）
TypeScript 基础学习（五）之前知识点的运用以及ts中的模块回顾和运用模块命名空间今天接着学习ts中的类相关知识之前知识点的运用以及ts中的模块回顾和运用/* 综合运用+回顾功能： 定义一个操作数据库的库，支持Mysql Mssql MongoDb需求：功能一致 ，都有add update delete get 方法要求：约束统一的规范以及代码复用解决思路：需要约束规范 所以要定义接口，需要代码复用所以用到泛型*/interface DBI<T> {
2020-06-02 19:18:04
304
原创 TypeScript 基础学习（四）
TypeScript 基础学习（四）ts中的 泛型，泛型定义，泛型函数，泛型类，泛型接口泛型定义，泛型函数泛型类泛型接口把类作为参数来约束数据的传入类型今天接着学习ts中的类相关知识ts中的 泛型，泛型定义，泛型函数，泛型类，泛型接口泛型定义，泛型函数// ts中的 泛型的定义和泛型函数// 泛型：软件工程中，我们不仅要创建一致的定义好的API，同时也要考虑可重用性，组件不仅能够支持当前的数据类型，同事也能支持未知的数据类型，这将会在创建大型系统时为你提供十分灵活的功能支持。// 在c#和j
2020-06-01 22:08:03
99
原创 TypeScript 基础学习（三）
TypeScript 基础学习（三）回顾es5继承ts中的类，类的继承，属性修饰符类，类的继承属性接口可选属性函数类型接口可索引接口类类型接口接口的扩展今天接着学习ts中的类相关知识回顾es5继承ts中的类，类的继承，属性修饰符类，类的继承接口的作用：在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范，在程序设计里面，接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范，接口不关心这些类的内部状态数据，也不关心这些类里的方法和实现细节，它只规定这批类里面必须提供某些
2020-05-29 21:42:41
111
原创 TypeScript 基础学习（二）
TypeScript 基础学习（二）回顾es5继承ts中的类，类的继承，属性修饰符类，类的继承属性修饰符类中的静态属性 静态方法 抽象类 以及多态静态属性 静态方法多态抽象类今天接着学习ts中的类相关知识回顾es5继承// es5里面得类 实际上是个方法function Person(){ this.name = 'zhangsan'; this.age = 20;}// 然后实例化var p = new Person();// 这里只有属性 没有方法 这是最最简单的类/
2020-05-29 13:09:11
89
原创 TypeScript 基础学习（一）
TypeScript 基础学习（一）数据类型函数先把前两天学习的基础的数据类型记录一下数据类型// 先可以在空文件夹中tsc init 然后生成tsconfig.json里面的outDir改为./js // 然后在vscode中 点击上方终端 运行任务 监视TS就可以在修改此ts文件时自动生成对应的js文件// 布尔类型var flag:boolean = true// 数字类型var num:number = 123num = 12.3// 字符串类型var str:strin
2020-05-27 19:06:45
357
原创 常见面试题总结归纳（三）
常见面试题总结归纳（三）数组扁平化斐波那契数列(阿里面试题)字节跳动面试题今天继续记录一下相关的面试题以及没有掌握或者不熟练的知识点。数组扁平化let arr = [10,[3,5,15],[24,[51,12,[25,[18]],22],1],33]//不考虑兼容的话， es6里面有Array.prototype.flatarr = arr.flat(Infinity)//括号里面写几就扁平化几层，不知道就是用Infinity//直接将数组变为字符串//数组toString以后，不管有多
2020-05-27 17:38:47
115
原创 常见面试题总结归纳（二）
常见面试题总结归纳（二）一.JS数据劫持二.Vue&reactVue2.0/3.0双向数据绑定的实现原理MVC跟MVVM的区别跨域问题的解决方案和实现原理Vue/React框架中关于组建信息通信vuereactcookie&session今天继续记录一下相关的面试题以及没有掌握或者不熟练的知识点。一.JS继续Js部分的问题。数据劫持var a = ''if( a == 1 && a == 2 && a == 3){ console.log('o
2020-05-26 21:56:02
143
原创 常见面试题总结归纳（一）
常见面试题总结归纳（一）一.CSS相关什么是标签语义化display:none和visibility:hidden的区别？opacity的兼容？filter能干嘛？项目中你什么时候用到了flex？除了这种方式能居中还能用什么办法？响应式布局还可怎么做？盒子模型有哪些？圣杯布局/双飞翼布局 （左右固定，中间自适应）不焦虑其他因素，下面哪种样式写法渲染性能更高？二.JS相关BAT笔试题中几个关于堆栈内存以及闭包相关的问题深拷贝/浅拷贝面向对象（阿里的，2016后大火）同步异步 Js中的EventLoop（出自头
2020-05-25 18:07:55
201
原创 记一次基于公众号的微信H5开发项目（三）
记一次基于公众号的微信H5开发项目（三）微信H5页面 中调用微信支付第一步 还是引入js-sdk第二步 在需要调用支付的页面中，先进行配置第三步 调用支付接口微信H5页面 中调用微信支付搞了很久才更新博客，因为我刚把支付做完测试没问题以后，当天公司就把我裁了，同期的裁了所有中级开发，4月份裁了低级开发以后就有预想，也不意外吧，毕竟小公司在疫情这个情况下生存下去真的很难。后面解决租房退房问题，搬家，离职手续什么的，花了2周多的时间，现在开始静下心搞学习准备新的面试，所以还是把项目支付记录相关一下。第一
2020-05-25 13:24:03
452
原创 记一次基于公众号的微信H5开发项目（二）
记一次基于公众号的微信H5开发项目（二）微信H5页面 中使用js-sdk引入js-sdk扫一扫微信H5页面 中使用js-sdk过去一年项目主要以b端的为主，今年年初公司接了一个c端项目，基于工作号做微信H5开发，需要用到微信的授权登陆，拉取用户信息，扫一扫，支付等功能，记录一下。引入js-sdk引入：1.我选择的是npm i去下载的包，然后全局引入的，在main.js 里面//全局 引...
2020-04-30 20:42:01
477
原创 记一次基于公众号的微信H5开发项目（一）
记一次基于公众号的微信H5开发项目（一）微信H5页面授权授权登陆业务相关和注意事项微信H5页面授权过去一年项目主要以b端的为主，今年年初公司接了一个c端项目，基于工作号做微信H5开发，需要用到微信的授权登陆，拉取用户信息，扫一扫，支付等功能，记录一下。授权登陆微信的授权登陆：首先你需要甲方拿资料去申请一个公众号，然后给与你开发权限。然后要在白名单中配置好域名，注意不要带有https:...
2020-04-29 16:15:38
1547
原创 部分常用JS API源码学习
部分常用JS API源码学习map()filter()some()forEach()map()// map()Array.prototype.gMap = function(fn){ var arr = [] //创建一个新数组 循环并对新数组进行操作 最后返回新数组 这样就不会改变原数组 for(var i = 0; i < this.length; i ++){...
2020-01-02 10:33:22
280
原创 关于vue的warning（一）
今天做项目的时候突然发现用vue-cli启动项目以后发生了几个警告。There are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.Use eq...
2019-03-13 14:10:46
1435
原创 总结一下面试时候遇到的技术面面试题
h5:1.canvas和svg的区别。SVG ：不依赖分辨率 ，支持事件绑定 ，大型渲染区域的程序(例如百度地图) ，不能用来实现网页游戏。Canvas： 依赖分辨率 ，不支持事件绑定 ，最合适网页游戏 。c3:1.谈一下对c3动画的认识可以结合这篇文章了解一下，https://blog.csdn.net/qq_42129063/article/details/80205137js:...
2019-01-17 17:59:37
649
原创 项目中CSS样式初始化
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始 化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的 情况下初始化。这也是常考的面试题。偷懒的办法是直接设置：*{padding: 0; margin: 0;} 但是一般都不推荐所以使用淘宝的样式初始化：body, h1, h2, ...
2019-01-15 18:01:47
127
1
原创 使用axios发送get，post请求
马上要去找工作了，把这大半年自学的和工作室中学到的东西总结一下。顺便刷刷面试题。在vue中发送请求可以通过vue-resource发送，也可以使用axios发送请求。当然两者有一定的区别。vue-resourcevue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。vue-resource特点：体积小vue-resour...
2019-01-14 10:41:19
437
原创 React-Native中使用fetch()方法来发送请求
在React-Native中发送请求使用fetch方法，该方法是封装过的可以直接使用，不需要从react-native中进行引用。import React,{Component} from 'react';import {Button} from 'react-native'; export default class DemoComponentextends Component{ ...
2019-01-14 10:19:05
2277
1
原创 ReactNative中设置自定义样式类
总觉一下常用的2种reactnative中设置样式的方法：第一种<Text style={{opacity:0.5}}></Text>这种方式可是直接设置样式，样式均采用大驼峰命名，宽高边框等都是直接写值，不带单位，因为这里不是采用px。如果要使用自定义样式类的话第二种import {Text,View,StyleSheet} from 'react-nati...
2019-01-14 09:55:57
772
原创 react中父子通信的方式
这几点在整理react的基础知识，记录一下react中父子通讯的方式&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&am
2019-01-07 17:43:53
336
原创 ionic里常用的提示窗
今天继续学习了ionic中的提示窗部分，记录一下。常用的别分有toast，loading，alert，actionSheet，modal五种。import { Component } from '@angular/core';import { IonicPage, NavController, NavParams, ToastController, LoadingController, Al...
2019-01-02 14:21:27
675
原创 VUE项目 打包时关于svg报错问题解决办法
今天使用build打包vue项目的时候疯狂报错，报错信息如下：building for production...Error processing file: static/css/app.316977a049dccd7ae4089d9226e81a34.css(node:11888) UnhandledPromiseRejectionWarning: postcss-svgo: Error ...
2018-12-27 22:51:01
5789
3
原创 微信小程序开发中playBackgroundAudio暂停后再播放从头开始播放问题
最近项目差不多结尾了，所以终于有时间来开通csdn博客发表自己的博客了。记录一下最近小程序项目中遇到的坑。先上代码:onMusicTap:function(){ //1:获取状态 var isp = this.data.isPlayingMusic; //2:如果当前背景音乐己经在播放 if(isp){ wx.pauseBackgroundAudio(); this.setData({ is...
2018-12-27 10:30:10
6206
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人