4 web还不是

尚未进行身份认证

正在努力的成为一位web大拿

等级
TA的排名 8w+

VUE组件中data属性双向绑定的原理源码部分解读

// src/core/instance/state.js// 初始化组件的stateexport function initState (vm: Component) { vm._watchers = [] const opts = vm.$options if (opts.props) initProps(vm, opts.props) if (opts.methods) initMethods(vm, opts.methods) // 当组件存在data属性 if (op.

2020-05-15 20:32:13

web前端面试的模糊问题

Ajax 的原理是什么?有什么优缺点?Promise 的原理是什么?请你手写一个 Promise 出来Http 2.0 做了哪些升级?TCP 与 UDP 的区别?MVC 与 MVVM 的区别?实现对象深度拷贝的方式?html5的新特性...

2020-05-07 15:42:17

vue 父子组件传递数据的几种方式 props,$emit, eventbus, provide/inject

1:常用的是props和$emit的方式来处理,也是最常用的方式 a:父组件传值到子组件父组件<parent> <child :message="msg"></child></parent>data(){ return { msg: "this is parent message" }...

2020-04-29 15:49:54

简单的websocket服务

socket_service.js (node版本)let ws = require('ws');let socketServer = ws.Server;let uuid = require('uuid');let wss = new socketServer({port:8090})let User = require('./user.js');let clients =...

2019-12-01 17:14:41

css小技巧

一、meta基础知识01、H5页面窗口自动调整到设备宽度,并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />02、忽略将页面中的数字识别为电话号码&l...

2019-09-10 14:24:19

前端面试点收集

bind call apply 三个函数的认识 是否能自己实现web前端的requestAnimationFrame了解么 有使用过么 说一下使用场景web前端优化前后端跨域可以说一下么 有碰到过跨域问题么,怎么去解决跨域nodeJs的异步IO原理react的Dom的diff算法描述浏览器cookie和session的认识跨域分为哪几种类型 如何解决...

2019-08-16 09:45:17

javascript 箭头函数

箭头函数的特点1:箭头函数只有一个参数的时候,可以省略参数的圆括号2:当箭头函数的语句只有一个return语句的话,可以同时省略return和外面的大括号3:箭头函数不能被当作构造函数来使用,不能使用new4:箭头函数不绑定this。他的this就是当前的上下文环境,使用call/apply的时候会忽略第一个参数,直接去时候后面的参数!5:箭头函数没有prototype属性...

2019-07-29 20:20:41

Vue 自定义组件

Vue实现的无限极菜单注意点1:点击的展开或隐藏的时候 会有事件捕获 所以需要@click.stop 来阻止事件捕获2: 在获取的数据里面设置一个标志 值为boolean 来做展示或者隐藏的功能3: 无限极涉及到递归调用,这里就是组件自己调用自己 所以给组件一个名字 与文件名相应4: props默认的是没有数据的,只有在第二次调用自己的时候 才会有值...

2019-03-27 18:12:22

浅谈WebPack打包流程,原理

shell 与 config 解析每次在命令行输入 webpack 后,操作系统都会去调用./node_modules/.bin/webpack这个 shell 脚本。这个脚本会去调用./node_modules/webpack/bin/webpack.js并追加输入的参数,如 -p , -w 。(图中 webpack.js 是 webpack 的启动文件,而 $@ 是后缀参数)在...

2019-03-24 14:15:55

移动端常见的兼容性问题

一般上传的视频都没法占满video,看起来很不美观,解决办法很简单video{ object-fit:fill; }上传图片,支持预览html<input type="file" name="" class="upload-pic"><div class="pics-area-wrap img-div"></div>js//page对象g...

2019-03-22 17:06:34

react refs event

有一些场景很适合使用refs: 1.管理焦点,文本选择,或者媒体播放 2.触发命令性动画 3.和第三方DOM库集成创建和访问refs的几种方法class Login extends Component{ constructor(){ super(); this.odiv = React.createRef(); this.funcDiv =...

2019-03-21 09:53:51

promise fetch

promisepromise是一个对象,从它可以获取异步操作的消息,promise提供了统一的API,各种异步操作都可以用同样的方法进行处理。promise对象的特点(1)对象的状态不受外界影响,promise对象代表一个异步操作,有三种状态,pending(进行中)、fulfilled(已成功)、rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法...

2019-03-19 14:47:13

复习点

一,硬核 1.常见算法 https://blog.csdn.net/suilz/article/details/80013241 2.数据结构 http://php.net/manual/zh/spl.datastructures.php https://www.cnblogs.com/leedaily...

2019-03-15 09:39:26

HTML5 新特性API汇总

1、document.querySelector()和document.querySelectorAll()方法document.querySelector():根据css选择器返回第一个匹配的元素,如果没有匹配返回null;document.querySelectorAll("selector"):querySelectorAll和querySelector作用一样的,只是querySe...

2019-03-07 12:04:01

react state 生命周期详解 props-type Children

不能直接修改state//错误this.state.title='React';正确修改方式是使用setState();//正确this.setState({title:'React'});也可以使用另一个函数作为参数的setState,这个函数有两个参数,第一个参数是当前的最新状态(本次组件状态更新后的状态)的前一个状态preState(本次组件状态修改前的状态),第二个参数是...

2019-03-06 20:05:57

css 查漏补缺

css强制换行 多出来的文字用...来代替word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all;box-sizing、transition...

2019-02-24 13:47:21

vue axios 实现文件下载

download(index,data){ //php下载界面 访问该地址可以直接下载文件 let downloadUrl = 'http://www.kuang.com/admin_api/app_update/download'; //获取要下载的文件名的接口地址 let getFilename = 'http://www.kuang.com/admin_api/a...

2019-01-25 11:13:37

react 小记

React  绑定属性的特殊注意:      class 要变成 className         for 要变成  htmlFor      style属性和以前的写法有些不一样               <div style={{'color':'blue'}}>{this.state.title}</div>           <div s...

2019-01-03 18:50:49

ES6 一些新定义的API

ES6  新定义的字符串函数repeat    includes  startsWith  endsWith  padStart  padEnd//repeat'x'.repeat(3) //'xxx'//参数如果是小数的话 会先被取证 就是向下取整 Math.floor//如果repeat的参数是负数或者Infinity,会报错。//如果参数是 0 到-1 之间的小...

2019-01-01 20:26:59

nodeJs框架express基础知识

1:学习node的第一个框架一般都是express  学习express之前只是要简单的安装一下express,2条命令即可安装成功  第一:npm init -y   生成package.json文件  这个相当于是node包管理的配置文件  第二:cnpm install express --save-dev    将express下载安装到本地2:在根目录下面新建app.js 内...

2018-12-29 21:47:45

查看更多

勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。