2020年01月_水蜜桃那么甜

原创 js对象学习

1 对象基础知识初级和中级的分水点：面向对象(类、原型和原型链) 平时使用的json都是new Object()缩写 var json=new Object(); var json2={}; console.log(json,json2)//都一样字面量：字面上显示的东西就叫做字面量 var a1='abc' console.log(a1)//abc 包装类：没有new的...

2020-01-19 14:04:07 168

原创九种跨域方案解决(偏后台)

同源策略：协议、域名和端口号都一致叫同域为什么浏览器不支持跨域呢？ cookie localstorage等等不支持跨域 dom元素也有同源策略，比如iframe ajax不支持跨越实现跨域： jsonp cors postMessage document.domain window.name location.hash http-proxy nginx websoc...

2020-01-18 09:33:49 163

原创 vuex的学习

1 vuex的基础 vuex主要应用于vue中管理数据状态的一个库，通过创建一个集中的数据存储，供程序中所有组件访问。先创建一个项目叫做vuex-test npm install npm install install express -g npm install -g vue-cli vue init webpack-simple vuex-test cd vuex-test npm...

2020-01-17 14:11:23 157

原创 webpack打包工具用法

1 webpack的基础知识 webpack是一个前端资源加载/打包工具，将根据模块的依赖关系进行静态分析，并依据规则生成对应的静态资源。安装：先安装nodex.js，再安装npm install webpack -g 然后再npm install webpack-cli -g 检查版本webpack -v 2 打包一个js到另外一个js webpack sh...

2020-01-16 16:31:40 146

原创单元测试

1 什么是单元测试单元测试：对软件中的最小可测试单元进行测试，比如一个方法为什么要用单元测试？分模块开发，方便定位到哪个单元出了问题保证了代码质量驱动开发单元测试的类型 TDD 测试驱动开发，从需求角度看，即我需要结果是什么，如果不是就是错误的 BDD 行为驱动开发，从具体功能角度看，即结果是什么，如果不是就出错核心内容：测试框架--帮助测试断言库--断言最后的...

2020-01-16 15:05:04 196

原创 JS中call,apply和bind方法的区别和使用场景

一、call，apply和bind方法的来历在js中所有的函数都是Function的实例，而且对于Function来说，它的原型即Function.prototype中含有很多东西，其中call,apply和bind方法就是Function原型中的方法，所以根据原型的规则，所有的函数都可以使用原型中属性和方法，所以来说，对于所有的函数都可以使用call，apply和bind方法。 ...

2020-01-07 15:25:21 392

原创面试官常问的web前端问题

1. 标签上 alt与 title属性的区别是什么？ alt ：搜索引擎识别，在图像无法显示时的替代文本； title ：元素注释信息，主要给用户解读。当鼠标放到文字或是图片上时有 title 文字显示。（因为 IE 不标准）在 IE 浏览器中 alt 起到了 title 的作用，变成文字提示。在定义 img 对象时，将 alt 和 title 属性写全，可以保证在各种浏览器中都能正常使用...

2020-01-06 11:58:49 2274 1

原创 uni-app上传头像base64转码

uni-app上传头像base64转码首先需要调起相册，使用 uni.chooseImage 方法选择相册，点击相册里面的图片，确定可以选择图片并获取到图片的路径之后，uni-app官网有插件可以来使用，引入插件之后，使用插件的方法就可以获取base64转码。插件网址：http://ext.dcloud.net.cn/plugin?id=123 import { pathToBase6...

2020-01-03 17:30:04 493

原创 es6学习

1 基础知识补充 ESnext--下一代js语言任何人都可以向标准委员会(TC39)，要求更改语言标准 Stage 0 展示阶段 Stage 1 征求意见阶段 Stage 2 草案阶段 Stage 3 候选阶段 Stage 4 定案阶段(标准) 2 声明变量let const 块级作用域{} let 相当于之前的var const ...

2020-01-03 14:03:30 406

原创贪吃蛇

这个游戏用到了最基础的js。 html部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css...

2020-01-03 11:23:31 305

Lemontree_fu的博客