摘要:1、访问公司提供的gitlab网址,可呈现以界面: 2、点击Access Tokens(访问令牌),填写名字和期限,下面全部打钩,点击下方“create personal access token”,会得到一个“Your New Personal Access Token”里面的字符串,复制下来保存
阅读全文
摘要:js如何判断一个对象是数组 1.typeof操作符 利用typeof除了array和null判断为object外,其他的都可以正常判断 2.instanceof操作符 var arr = [1,2,3,1]; console.log(arr instanceof Array); // true va
阅读全文
摘要:css实现隐藏多余溢出文字并显示省略号 <meta charset="utf-8" /> <style> .txt{ width:200px; border:1px solid #ddd; overflow: hidden; white-space: nowrap; text-overflow: e
阅读全文
摘要:String类里面常用的20个方法 和长度有关的方法 返回类型 方法名 作用 int length() 得到一个字符串的字符个数(一个中文是一个字符,一个英文是一个字符,一个转义字符是一个字符) 和数组有关的方法 返回类型 方法名 作用 byte[] getBytes() 将一个字符串转换成字节数组
阅读全文
摘要:箭头函数和普通函数的区别? 1**.外形不同**:箭头函数使用箭头定义,普通函数中没有 2.箭头函数都是匿名函数 3.箭头函数不能用于构造函数,不能使用new** 4.箭头函数中this的指向不同 (1)在普通函数中,this总是指向调用它的对象,如果用作构造函数,this指向创建的对象实例。 (2
阅读全文
摘要:什么是Promise,我们用它来做什么? 1.什么是Promise Promise 是异步编程的一种解决方案:从语法上讲,promise是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。promise有三种状态: pending(等待态),fulfiled
阅读全文
摘要:一、为什么会出现data数据改变,页面不更新 vue2是用过Object.defineProperty实现数据响应式,组件初始化时,对data中的数据进行递归遍历,对data的每一个属性进行劫持,添加set,get方法。我们后来新加的newProperty属性,并没有通过Object.defineP
阅读全文
摘要:1.定义 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 2.使用步骤 在components 文件夹中自定义名字,一般命名为mixin 》 文件夹中我们
阅读全文
摘要:**1.**定义 computed**: 是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值; watch:一个对象,键是须要观察的表达式(data中的数据),值是对应的回调函数,用来监
阅读全文
摘要:vue-router是什么?有哪些路由模式? 1.vue-router是什么 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实
阅读全文
摘要:vue中watch原理 1、普通的watch 2、对象属性的watch: 1.对象和数组都是引用类型,引用类型变量存的是地址,地址没有变,所以不会触发watch。这时我们需要进行深度监听,就需要加上一个属性 deep,值为 true 2.watch有一个特点,当值第一次绑定的时候,不会执行监听函数,
阅读全文
摘要:解决移动端1px边框问题的几种方法 1、边框粗细原因 在移动端下设置border为1px,在某些设备上看比1px粗。 这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的
阅读全文
摘要:vue中assets和static目录的区别 相同点 >assets文件夹和static文件夹在vue-cli生成的项目中,都是用来存放静态资源的。 不同点: 一、在打包时候的区别 1.static中的文件是不会经过webpack编译的,一般建议存放一些外部第三方(公用)的静态资源文件。【只支持相对
阅读全文
摘要:router和route区别: 1.router是路由对象,里边包含了很多属性和子对象,例如history对象,主要是用来进行路由跳转的 1.1路由跳转方式: router-link 1.不带参数 // 字符串 <router-link to="apple"> to apple</router-li
阅读全文
摘要:MVVM 基本定义 1.MVVM 即 Model-View-ViewModel 的简写。即模型-视图-视图模型。 2.模型(Model) 指的是后端传递的数据。 3.视图(View)指的是所看到的页面。 4.视图模型(ViewModel)是 mvvm 模式的核心,它是连接 view 和 model
阅读全文
摘要:情况一:接口无任何响应 1.查看接口地址或者IP是否正确 可以通过ping命令查看地址或者IP是否正确 2.查看端口号是否正确或者开启 使用 Telnet 进行验证,如提示Telnet不可用,参考Windows开启Telnet服务 3.查看服务器防火墙是否关闭 Linux系统(CentOS 7为例)
阅读全文
摘要:var promise = new Promise((resolve, reject) => { if (操作成功) { resolve(value) } else { reject(error) } }) promise.then(function (value) { // success con
阅读全文
摘要:1.https协议需要到CA申请证书,一般免费证书较少,因而需要一定费用。2.http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl/tls加密传输协议。3.http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。4.http的连接很简单,是无
阅读全文
摘要:一、什么是前后端联调? 前后端接口联调就是在我们开发的过程中,发送请求的ajax数据都不是后端返回的真数据,而是我们自己通过接口mock模拟的假数据,当前端的代码编写完成后,后端的接口也写好后,我们就需要把mock数据换点,尝试使用后端提供的数据,进行一个前后端的调试, 二、如何进行联调 公司开发是
阅读全文
摘要:1.使用 vue-cli 脚手架搭建项目时 proxy 解决跨域问题 ,在项目目录下配置vue.config.js文件: module.exports={ // hash: publicPath "" // history: publicPath "/" publicPath:"", assetsD
阅读全文
摘要:1、每个组件都是 Vue 的实例。 2、组件共享 data 属性,当 data 的值是同一个引用类型的值时,改变其中一个会影响其他 3、组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返 回一份新的 data,类似于给每个组件实例创建一个私有的数据空间,让各个组件
阅读全文
摘要:一、什么是闭包 “闭包就是能够读取其他函数内部变量的函数。例如在 javascript 中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。”举例:创建闭包最常见方式,就是在一个函数内部创建另一个函数。下面例子
阅读全文
摘要:key值:用于 管理可复用的元素,标识数据的唯一性。因为Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染key的作用主要是为了高效的更新虚拟DOM 当我们修改了某个数据,如果直接渲染到真实dom上会引起整个dom树的重绘和重排,因此采用diff算法来解决上述问题,通过改变局部do
阅读全文
摘要:一个页面从输入URL到页面加载显示完成,这个过程都发生什么? 1.在浏览器中输入url 2.浏览器访问dns服务器,根据域名查找对应的ip 3.通过ip找到服务器,建立tcp连接 4.发送http请求 5.后端服务器接收请求,处理后响应给浏览器 6.浏览器接收后端响应数据,并把数据解析后渲染到页面
阅读全文
摘要:一、为什么会出现跨域? 前端服务和后端服务的协议、Ip、端口这三者中只要有一个不同,就会触发浏览器的同源策略,导致后端响应给浏览器的数据无法被浏览器渲染。 二、如何解决跨域问题? 常用的解决方案有3种: 1.jsonp JSONP实现跨域的原理简单的说,就是动态创建script标签,然后利用scri
阅读全文
摘要:1.区别 axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax ajax不止axios。下面列出代码来对比一下:axios: axios({ url:
阅读全文
摘要:理论: 双向数据绑定的原理就是劫持数据结合发布订阅者模式实现的,数据和视图同步,即数据发生变化,视图跟着变化,视图变化,数据也随之发生改变 实现步骤: 第一步:创建一个监听者,Observer,监听属性变化,当属性变化的时候,通知订阅者。 第二步:创建一个订阅者,watcher 用来接收属于变化的通
阅读全文
摘要:vue是渐进式 JavaScript 框架 渐进式 :主张最少。 优点: 1.轻量级的数据框架 2.双向数据绑定 3.提供了指令 4.组件化开发 5.客户端路由 6.状态管理 缺点: 1.Vue 底层基于 Object.defineProperty 实现响应式,而这个 api 本身不支持 IE8 及
阅读全文
摘要:vue的生命周期 vue实例从创建到销毁的过程就是vue的生命周期 一共有八个生命周期 1.beforeCreate 1.创建之前:什么都是undefined 2.实例初始化之后,this指向创建的实例,不能访问到data、computed、watch、methods上的方法和数据 2.create
阅读全文
摘要:hsah和history的区别: 区别一: 生产环境下:两者无区别 开发环境或者测试环境下: hash:前进和后退正常,刷新页面正常 history:前进和后退正常,刷新页面会报错,报错可能有两种结果:一种是404报错,一种是直接把没有处理的数据展示到页面 history报错的原因:刷新页面,就走后
阅读全文
摘要:事件循环运行机制 (1)执行一个宏任务(栈中没有就从事件队列中获取) (2)执行过程中如果遇到微任务,就将它添加到微任务的任务队列中; (3)宏任务执行完毕后,立即执行当前微任务队列的所有微任务; (4)当前微任务执行完毕,开始检查渲染,然后GUI线程接管渲染; (5)渲染完毕后,JS线程继续接管,
阅读全文
摘要:数组方法及es6新增数组方法 1 arr.push() 从后面添加元素,返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 console.log(arr) // [1,2,3,4,5,5] 2 arr.pop() 从
阅读全文
摘要:es6 新增字符串方法 es6新增了4个字符串处理的方法:startsWith,endsWith,includes,repeat。 1、简单使用 includes()返回布尔值,表示是否找到了参数字符串 startsWith()返回布尔值,表示参数字符串是否在源字符串的头部 endsWith()返回
阅读全文
摘要:一、小程序逻辑层 getCurrentPages 获取当前的页面栈,页面栈是一个数组,记录小城序走过那些页面,方便页面返回。 获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面。 不要尝试修改页面栈,会导致路由以及页面状态错误。 不要在 App.onLaunch 的时候调用 getCur
阅读全文
摘要:微信开发简介 1.微信开发概述 概述 (1)微信开发即微信生态的开发,将企业信息、服务、活动等内容通过微信网页的方式进行表现,用户通过简单的设置,就能生成微信网站。 (2)通俗的说,就是微信对外提供了例如聊天、支付、分享、收藏等功能,同时还提供了丰富的封装好的接口,开发者利用这些接口和功能,写入程序
阅读全文
摘要:.wxml代码: static文件夹>star.png+starFull.png <view class="ping"> <block wx:for="{{[1,2,3,4,5]}}" wx:key="*this"> <image src="/static/{{item>start?'star.pn
阅读全文
摘要:1.Hooks 1.什么是hooks? Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他 的 React 特性。 2主要解决的问题 1.用于在函数组件中引入状态管理和生命周期方法; 2.取代高阶组件和render props来实现抽象
阅读全文
摘要:redux基础 react(组件) 》react-redux《 redux(数据) 》redux-thunk(fetch)《 后端 官网 https://www.cntofu.com/book/4/index.html 三大原则: 1.单一数据源 2.state是只读的 3.只能通过纯函数修改sta
阅读全文
摘要:| # 1.redux | | | | ### 1.action creators | | | | 作用:统一管理所有的Actions | | | | js | | //action creator | | export let actions = { | | changeName: (name)
阅读全文
摘要:1.数据交互 0.配置代理 1.package.json配置 ,需要重启项目 { //配置代理 "proxy":"http://localhost:5000", } axios("后端的路径") 2.手动配置 1.安装依赖 cnpm i http-proxy-middleware --save 2.
阅读全文
摘要:1.路由 安装 npm i react-router-dom --save 模式 HashRouter BrowserRouter import {HashRouter,BrowserRouter} from "react-router-dom" ReactDOM.render( <HashRout
阅读全文
摘要:1.props 1.props可以传递数据,子组件接收 父组件传数据 <Child name={name} age={age} json={json} ></Child> 子组件接收 let { name, age, json: { x }, } = this.props; 2.取值 let { n
阅读全文
摘要:1.下载git 1.下载网址:https://git-scm.com/ 1. 2. 3.点击下载,可选存储位置,然后一路下一步(next) 2.github.com注册账号 1.http://github.com 注册一个账号 2.登录 3.创建远程仓库 4.github.com 右上角 有个+ -
阅读全文
摘要:1.官网: https://vuex.vuejs.org/zh/ 2.什么是vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtoo
阅读全文