weixin_40422539的博客

原创 node引用文章

路劲问题

原创 vue-axios拦截器及封装

axiosaxios是基于promise对ajax的一种封装axios的拦截器axios提供两大拦截器一种是请求方向的（成功or失败）一种是响应方向的（成功or失败）拦截器的作用用于我们在网络请求的时候在发起请求或者响应时对操作进行响应的处理发起请求时可以添加网页加载的动画 强制登陆响应的时候可以进行相应的数据处理请求方向axios.interceptors.request.use(config=>{ console.log("进去请求拦截器"); con

原创 node.js 的 orm——sequelize(针对mysql) 使用教程

orm使用事前准备：npm install sequelize -Snpm install mysql2 -S引入Sequelizeconst { Sequelize} = require('sequelize');创建Sequelize实例连接数据库const sequelize = new Sequelize('database', 'user', 'password', { host: 'localhost', dialect: 'mysql'

原创 vuex核心概念

vuex的核心概念Statestate提供唯一的公共数据源，所有共享数据都要统一放到Store的State中进行存储组件访问State中数据的第一种方式：this.$state.全局数据名称第二种方式1.从vuex中按需导入mapState函数//import {mapState} from 'vuex'通过刚才导入的mapState函数，将当前组件需要的全局数据映射为当前组件的computed计算属性2.将全局组件映射为当前组件的计算属性computed:{

转载 css居中

原创 9.27[]匹配网易笔试

我离正确答案只差一句代码，暴风哭泣规则'[‘必须’匹配]’‘]’括号开头为false'.'可作为‘[’ 或‘]’或空白字符空白字符也是可以的输入 一个字符串输出：如果符合规则就返回true，否则返回false代码 function solution( data ) { // write code here var map = [] var tag = 0 for(let i=0;i<data.length;i++){ i.

原创 面试凉经

书山有路勤为经，学海无涯苦作舟。文件在前端以什么样的方式存在以multipart/form-data为例，知道了文件是以二进制的形式存在，application/json 是以文本形式进行传输，js的正则写一个邮箱var reg=/^([A-Za-z]|[0-9])+@([A-Za-z]|[0-9])\.([a-zA-Z]{2,4})$/reg.test(email)计算机网络的拥塞控制防止过多的数据注入到网络中，这样可以使网络中的路由器或链路不致过载方法慢开始，发送方让自己的发送.

原创 proxy&keep_alive

Object.defineProperty的缺点深度监听需要一次性递归无法监听新增属性/删除属性无法原生监听数组，需要特殊处理proxy基本使用reflect返回布尔值判断是否成功keep_alivekeep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。场景用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列

原创 vue面试题

v-show和v-if的区别v-show通过CSS display控制显示和隐藏v-if组件真正的渲染和销毁，而不是显示和隐藏频繁切换显示状态就用v-show,否则用v-if为何在v-for中用key必须用key,且不能是index和randomdiff算法中通过tag 和key来判断，是否是sameNode减少渲染次数，提升渲染性能描述Vue组件生命周期（父子组件）vue组件如何通信父子组件props和this.$emit自定义事件event.noevent.no even

原创 寻找第k小/&js实现&快排思路

<script> var findK = function(arr,k) {　　if (arr.length <k) { console.log("数组长度小于k"); return }　　var pivotIndex = 0;　　var pivot = arr.splice(pivotIndex, 1)[0];　　var left = [];　　var right = [];　　for (var i = ..

原创 js-运行环境

网页加载过程性能优化安全页面加载过程题目从输入url到渲染出url的整个过程window.onload与DOMContentLoaded的区别css放在head中，为什么先生成cssom与dom形成render树一步到位渲染，若不是头部可能重复渲染。js放在最后，为什么js可能修改dom先生成页面，然后再根据js再修改页面，如果等js加载执行完，可能要阻塞很久img不会阻塞渲染性能优化让加载更快让渲染更快CDNSSR服务器渲染先预览pr.

原创 js_web_api --- ajax

题目手写一个ajax跨域的常用实现方式知识点XMLHttpRequest状态码跨域：同源策略，跨域解决方案XMLHttpRequestxhr.readyState

原创 js-web-API-事件

题目编写一个通用的事件监听函数<script> const btn=document.getElementById('btn') function bindEvent(elem,type,fn){//elem元素，type绑定的事件类型，fn事件触发 elem.addEventListener(type,fn) } bindEvent(btn1,'click',event=>{ event.preventDefau

原创 js-web-API-BOM

题目如何识别浏览器的类型分析拆解url各个部分知识点navigatorscreenlocationhistory识别浏览器类型

原创 js web API-DOM

DOM题目DOM是哪种数据结构（除了树难道还能是图？？？）DOM操作常用的apiattribute和property的qubie的区别一次性插入多个DOM，考虑性能知识点DOM本质树DOM节点操作获取DOM节点document.getElementById()//元素document.getElementsByTagName()//集合document.getElementsByClassName()//集合document.querySelectorAll()//集合

原创 异步

题目同步和异步的区别？…省略手写用promise加载一张图片？<script> function loadImg(src){ const p =new Promise( (resolve,reject)=>{//resolve,reject为函数 const img =document.createElement('img') im

原创 js_作用域和闭包

题目this的不同应用场景，如何取值手写bind函数实际开发中闭包的应用场景，举例说明闭包作用域应用的特色情况，有两种表现函数作为参数被传递函数作为返回值被返回自由变量的查找，实在函数定义的地方，向上级作用域查找不是在执行的地方//函数作为返回值 // function create(){ // const a=100 // return function(){ // console.log(a)

原创 原型和原型链

题目如何判断一个变量是不是数组？class的原型本质，怎么理解手写简易jQueryclass 和继承和java的思想基本一致类型判断instanceofxialuo instanceof Student//truexialuo instanceof People//truexialuo instanceof Object//true[] instanceof Array//true[] instanceof Object//true{} instanceof Object//t

原创 变量类型和计算

深拷贝 <script> const obj1={ age:20, name:22, address:{ city:'guangzhou' }, arr:['a','b','c'] } const obj2=deepClone(obj1) obj2.address='shang

原创 vue源码——object的变化侦测

什么是变化侦测渲染：vue.js会自动通过状态生成DOM，并将其输出到页面上显示出来在运行时应用内部状态不断变化，此时需要不断渲染。那我们如何确定发生了哪些变化？这个时候就需要变化侦测了。变化侦测拉：Angular、React，当状态发生变化时，它只知道状态变了，给框架发送信息，而框架内部则进行暴力对比找出需要渲染的DOM节点，在Angular属于脏检查，在React使用的是虚拟DOM。推：Vue.js，当状态发生变化，vue立刻就知道了，而且在一定程度指导的消息更多，可以进行更细粒度的更新

转载 js_数组

原文跳转创建1: 常规方式:var myCars=new Array();myCars[0]="Saab"; myCars[1]="Volvo";myCars[2]="BMW";2: 简洁方式:var myCars=new Array("Saab","Volvo","BMW");3: 字面:var myCars=["Saab","Volvo","BMW"];数组属性属性描述constructor返回创建数组对象的原型函数。length设置

原创 js——promise

resolve&rejectresolve 和 reject 都是函数，其中调用 resolve 代表一切正常，reject 是出现异常时所调用的：参数为要输出的信息new Promise(function (resolve, reject) { var a = 0; var b = 1; if (b == 0) reject("Diveide zero"); else resolve(a / b);}).then(function (value) {

原创 他山之石，可以功玉

数据劫持or数据代理

原创 js——__proto__&constructor&prototype

今天看深入浅出vue.js看到Array的变化侦测，遇到prototype和proto感到很陌生，于是就探索了一番引用博文.总述：我们需要牢记两点：①__proto__和constructor属性是对象所独有的；② prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和constructor属性。__proto__属性的作用就是当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会去它的__proto__属性所指向的那个对象（父对象）里找，.

原创 web前端day8--vue-router&子路由&路由抽离

vue-loader如何在webpack中使用vue-loader呢1在main.js.导包中import VueRouter from 'vue-loader'当然前提你得安装先。2.手动安装VueRouter,也是在main.jsVue.use(VueRouter)这里的也是导入的vue.js的对象3.创建路由对象4.挂载路由注意：router-view写到app组件中去，不要写道id=app的div中去，因为render渲染的组件会覆盖掉根元素。children rou

原创 web前端dya07--ES6高级语法的转化&render&vue与webpack&export

js处理类语法webppack无法处理一些ES6的高级语法，需要babel来处理，比如类.1.装包2.配置正则3.配置.babelrc文件render渲染组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

原创 web前端day6——webpack&loader

webpack为什么要引入webpack网页加载慢，二次请求多要处理错综复杂的依赖关系解决合并压缩，精灵图，图片base64编码requireJS、webpack(基于node.JS，基于真个项目构建的)、gulp(基于task任务，基于部分构建）使用webpack1.初始化npm init -y在node开发中使用npm init会生成一个pakeage.json文件，这个文件主要是用来记录这个项目的详细信息的，它会将我们在项目开发中所要用到的包，以及项目的详细信息等记录在这

原创 web前端day05——数据监听&watch，computed&nrm

数据&路由监听@keyup在input标签后添加一个keyup事件，没啥需要多说的watchwatch既可以监听数据也可以监听路由监听数据在vue对象中添加一个 watch:{//使用这个属性可以监听data中的数据改变且触发对应的处理函数 'firstname':function(newval,oldval){//first的‘’可选，但为first-name形式时必须加 this.fullname=new

原创 web前端day4-组件&动画&路由

动画动画钩子函数v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to：2.1.8 版及以上定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 v-enter 被移除)，在过渡/动画完成之后移除。v-leave：定义离开过渡的

原创 web前端day03_组件&过度动画&API调用

使用this.http.get和this.http.get 和 this.http.get和this.http.post传参 getInfo(){ console.log(this.page) this.$http.get('http://localhost:8080/resourceController/requestResourceListData',{params:{page:this.page,rows:this.rows}},{

原创 web前端day2——crud&过滤器&生命周期函数

vue 的crud增加add(){ //添加的方法// 分析// 1.获取到id和name,直接从 data 上获取// 2,组织一个对象// 3.把这个对象,调用 数组的 相关方法,添加到 当前 data的list里面// 4.在Vue中已经实现了数据的双向绑定了,改动都会自动更新 var car = { id: this.id, name: this.name, cTime: new Date() } this.list.push(car) this.id = t

原创 web前端day1——MVC与MVVM&V-指令

MVC 与MVVMmvcmvc是前后端的设计模型mvvmmvvm是前端的页面双向数据绑定v-for中的key属性使用时注意v-for 可以通过一个对象的属性来迭代将对象的所以属性注意展示出来key保证使用时的数据唯一性v-for="(value, key, index) in object“，展示时候key，value转换，第三个参数为索引。v-if 与 v-showv-if 更高的切换消耗，v-show有更高的初始渲染消耗。所以如果条件不常改变的就用v-if,时常改变的就用v

原创 python 产生 hash值，数字指纹实现

要求用Sage或Python实现这样一个程序，输入任意文件，产生该文件的数字指纹。要求：1、命令行操作：fileDig -i Filename -s HashFunc2、-s参数后面可以选用不同的hash函数。3、最后能统计出输入的文件大小，以及产生数字指纹所需要的时间。代码import hashlibimport osimport timedef CalcSha1(file...

原创 Elgamal算法解码具体实践，python实现

题目已知公开参数：g 和 p分别等于11, 1125899906842679已知Bob的公钥：B=42548555979246已知Alice给Bob发的密文：C1 = 459789841564816 , C2 = 885654270236026求Alice发给Bob的明文。提示：1、明文编码方法：https://paste.ubuntu.com/p/J5mkvRBjRd/2、用最普...

原创 总结写图书管理网站——jsp,jdbc,分页

一、关于连接数据库插入数据乱码问题情景：从jsp通过表单传递数据到servlet中插入数据库我检查了数据库的默认设置编码，一级jsp得encoding都是utf-8编码；都没发现有问题；解决：最后在servlet里写入了response.setCharacterEncoding("utf-8");request.setCharacterEncoding("utf-8"); 成功解决，...

原创 RSA求解

def decode(n, base=256): #n = Integer(n) # make input a integer v = [] while n != 0: v.append(chr(n % base)) n //= base return ''.join(v)def egcd(a,b): if b==0:...

原创 网络编程——请求，会话，servlet上下文&Response的重定向sendRedirect方法

网络编程论述客户端请求、会话、servlet上下文之间的关联。客户端请求会话上下文Response的重定向sendRedirect方法中的参数该如何指定①HttpServletResponse.sendRedirect(String)②HttpServletRequest.Dispatcher(String)③ServletContext.getRequestDispatcher论述客户端请求、...

原创 计算机网络与因特网——web开发技术

web开发技术1远程过程调用RPC1.1RPC概述1.2 远程过程调用RPC（c语言编写）1.3通信插件和中间件2 远程对象调用RMI3动态网页3.1 Web文档发展背景：3.2 Web文档的三种基本形式和特点：3.3 动态Web文档的CGI实现：4 活动Web技术4.1活动Web技术产生背景：4.2 活动网页实现技术：重点理解和掌握：1、远程过程调用RPC概念和方法2、远程对象调用RMI概...

原创 安卓实现打电话与发短信通信录

界面代码activity_main.xml<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" androi...

转载 vue入门（4）——路由

vue中的.$mount(’#app’)手动挂载配置了el属性则：new Vue({el:"#app",router});没有配置new Vue({router}).$mount('#app');路由简单例子 // 0. 如果使用模块化机制编程，导入 Vue 和 VueRouter，要调用 Vue.use(VueRouter) // 1. 定义（路由）组件。// 可...