Caroline_x的博客

原创 vue总结1

vue异步加载组件为什么使用？js解释器是单线程，一次加载所有文件会影响用户体验。异步组件在使用的时候才加载js等文件。问题：使用import返回Promise报错unexpected token。components:{‘hello-world’ : () => import(url)}解决方法：引入插件：npm install --save-dev babel-plug...

原创 英语单词学习-词根词缀记忆思维导图

原创 vscode 格式化setting

{“editor.tabSize”: 2,“files.associations”: {“*.vue”: “vue”},“eslint.options”: {“extensions”: [“.js”,“.vue”,“.ts”]},“eslint.format.enable”: true,“eslint.validate”: [“javascript”,“typescript”,“html”,“vue”],“search.exclude”: {“/node_module

原创 css写一个时间标尺

时间组件

原创 多层数组的延迟执行 - for循环中执行定时器timeout async await

var c = [[11,22,33],[44,55,66]];var a=async function(){for(var key in c){var xxx = function() {return new Promise((res)=>{var b = async function(){for(var keys in c[key]){await new Promise((res1)=>{setTimeout(()=>{console.log(c[key][keys]);

原创 前端下载文件流的大坑

后台返回的是文件流，前端下载是乱码，网上说需要加responseType是blob，结果还是不生效。查了axios各种文档，结果最后再网上找到一个帖子说是mockjs影响，导致responseType加不上。mock去掉果然就好了。...

原创 前端面试题目：数组

题目：数组平铺，去重，然后排序[15, [1, new Number(1), 2], {a: 3, b: [4, 7, 8]}, [6, 7, 8, 9, [11, 12, [12, 13, [14]]]]]function arrayOpe (param){var newData = [];(function getArray(v){console.log(v,v instanceof Object)if(v instanceof Number || typeof v === “number”){

原创 前端面试题目： index和nums是两个整数数组，将nums[i]的元素插入到target的index[i]位置上

var nums = [1,2,3,4,0],index=[0,1,2,3,0],target=[],length = nums.length > index.length ? nums.length : index.length;for(var i = 0 ; i < length;i++){console.log(target.length,index[i]);if(target.length>index[i]){for(var j = target.length;j>i

原创 javascript类型化数组-webgl

webgl中的缓冲区：缓冲区对象是webgl系统中的一块存储区，你可以在缓冲区对象中保存想要绘制的所有顶点的数据。步骤：1.先创建一个缓冲区2.然后向其中写入顶点数据3.你就可以一次性向顶点着色器中传入多个顶点的attribute变量的数据。（无法直接向顶点着色器传值，attribute变量可以）...

原创 JavaScript 类型化数组

JavaScript类型化数组是一种类似数组的对象，并提供了一种用于访问原始二进制数据的机制。普通数组的创建方式是使用运算符中括号[]或者Javascript语言内置的Array()构造函数。类型数组适合计算量大的场景，需要大规模处理数据，比如矩阵计算。类型化数据最早 引入的原因就是为了WebGL的需要 ，关于计算机图形学的应用涉及到大量 的顶点数据数据处理，大量的矩阵变换，如果在使用原来的数组Array，效率低，浪费内存。几种不同数组创建方式对应的内存分配图1.arr1 = [10,12,13];或

原创 vue 实现 公告滚动效果

{{ i }}

原创 js异步-手写一个promise

手写一个promisePromise使用例子：let p = new Promise(（resolve,reject）=>{ //do some thing let res = 'any'; resolve(res);}}p.then(res=>{ //res是接到从resolve来的值 console.log(res);},err=>{ console....

原创 js基础-类型转换

valueOf 和 toString基本类型的valueof返回自身的原始类型，Array,Object，Function返回自身。Date返回对应的时间戳。toString:{age:1}function（）{}[1,2,3][{age:1}]new Date()“asfd”123falsevalueOf{age: 1}ƒ (){}[1, 2, 3]...

原创 js基础-深浅拷贝

浅拷贝var a = {age:1};var b = a;一层拷贝var b={…a};var b=Object.assign({},a);var c=[1,2,3];var d=[].concat( c );深拷贝JSON.parse(JSON.stringify(a));可以解决大部分的问题，除了function，symbol，undefined。序列化后会丢失。...

原创 js基础-数据类型

原始类型：number、boolean、null、undefined、string、symbol存放在栈中，占内存小，读取快引用类型：object 可以动态分配内存、可以存大数据原始数据的值存放在栈中原始类型保存值在栈中，而引用类型保存的是指针。例：var a=1;var b=false;var c={name:‘xp’,hobies: [‘running’,‘liste...

原创 js基础-类型判断

typeoftypeof 对于原始数据类型的判断（除了null）以外是准确的。对象和数组类型返回的是object。函数内部有一个[call]方法，有这个表示可以调用，会返回function。使用构造函数new出来的原始数据类型也是Object，因为new出来的总是对象。instanceofinstanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型...

原创 c3 hover 效果

直接在控制台选中想要的样式复制http://www.jq22.com/yanshi5881

原创 ng不是内部命令

1.node -v 和 npm -v都没有问题，装完angular cli以后，ng不是内部命令。2.原来是 angular4以后需要配置path环境。3.环境变量里配置了 PATH C:/program file/nodejs4.重启cmd还是不对，是ng.cmd是在nodejs下的node_cache里（为啥会在这里不明）5.配成C:/program file/nodejs/nod...

原创 debugger for Chrome如何在vue文件中打断点

vue官网：https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.htmlvs code官网：https://github.com/Microsoft/vscode-recipes/blob/master/vuejs-cli/README.md刚开始我用的vue官网的，一直找不到哪里配错了，原来是"webpack:///./src/": ...

原创 js执行过程

代码执行过程：1.宿主环境（浏览器）把一段代码给js引擎–js引擎按顺序执行 。（因为是宿主环境发起，这也是一条宏任务）2.（需要知道每个宏观任务尾部会跟着微任务队列）当有微观任务出现，会把他放在微任务队列中，在上一步的宏任务执行完后再执行3.若有宏观任务出现，会放入宏观任务队列中，等待上一步微任务队列都执行完以后执行一条宏观任务，重复第二步技巧：1.分析有几个宏观任务2.每个宏观任务...

原创 前端题目整理

听了冰山工作室的每日一题，整理下来如何跳出forEach循环every和some方法a.some(item=>{if(item===4){return true}else{return false;}})a.every(item=>{if(item===4){return false}else{return true;}})跑空循环var tag;a.forEa...

原创 vue总结3

AMD CMD commonJS es6区别模块化的概念和好处vuejs包括运行和编译运行的过程编译的过程编译：转换成AST 优化AST AST生成render函数webpack的vue-loader做了预编译处理，所以vuejs采用vue.runtime.min.js，导致mian.js里的App组件就要用render函数加载。并且this.$message等没法用（将iview中...

原创 创建对象的几种模式与原型对象

几种模式分析：直接使用Object创建会有创建多个相似对象代码冗余问题工厂模式：解决上述问题，但产生的对象无法知道是从哪来的。构造函数模式：解决工厂模式的问题，但是对象的方法每次都重新创建。原型函数模式：修改原型对象的属性，所有的实例对象都受到影响。构造函数和原型函数组合使用：最常见的使用方式。1.this的用法，详见阮一峰this2.构造函数的new都做了什么：创建对象，...

原创 vue总结2

1.混入mixin尽量少用混入，复用性较高时再用。会给别的开发人员定位问题造成麻烦。组件对象可以使用混入对象的数据和方法，当两者有冲突时以组件数据优先：a.钩子函数：先执行混入对象的，后执行组件的；b.methods、components 和 directives：合并，冲突时以组件数据优先；2.自定义指令使用场景： 想要对dom进行操作，仅限那几种钩子。3.渲染函数和jsx另外一...

原创 字符串的包装对象方法

var stringA = 'abcdef';1.stringA.chartA(3); //d2.stringA.charCodeAt(3)); //100返回对应编码3.stringA.indexOf('d'); //33.stringA.lastIndexOf('d'); //34.stringA.split('d'); // ["abc", "ef"]slice（a,...

原创 《高级程序设计》整理

《高级程序设计》整理在喜马拉雅上听了沙翼的《高级程序设计》的音频课程，记录了一些题目当做整理复习用q1q2q3q4q4q5q6q7q8q9在喜马拉雅上听了沙翼的《高级程序设计》的音频课程，记录了一些题目当做整理复习用q1js区分大小写，html和css不区分大小写。那么请问，js在html中是否区分？a: onClick不区分，triggerClick区分q2汉字是否可以作为变量...