- 博客(19)
- 收藏
- 关注
RSS订阅原创 前端面试题
项目：什么是跨域？解决的办法？跨域，就是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。同源的话就是，域名，协议，端口均相同。解决办法：1.jsonp：通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的callback函数，并把把我们需要的json数据作为参数传入。在服务器端，当req.params参数中带有callback属性时，则把数据作为callback的参数执行，并拼接成一个字符串后返回。2.后端在头部.
2022-02-23 13:13:05
1613
原创 VUE用户代码拍片段
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", "export defau.
2021-12-21 14:59:23
178
原创 创建一个vue2的脚手架
首先看vue版本，使用 vue -V 来查看你的vue版本1.打开npm命令行工具，cd到你想要的某个目录中，并输入：vue init webpack projectname(开始创建名为projectname的脚手架，官方提供了webpack-simple和webpack两种)2.敲完命令后会引导你创建最基本的脚手架之后基本项目结构就创建好了：只需要关心src目录中的内容就好:assets: 存放图片、音频等一切静态资源components: 存放所有的vu.
2021-12-06 16:20:57
928
原创 vue脚手架如何从4降到3
想让vue从4到3，需要两个命令卸载npm uninstall -g @vue/cli重装npm install -g @vue/cli@3.11.0然后就可以得到一个vue 3.11.0的版本了
2021-12-06 15:01:16
2015
原创 for...in...和for...of...的区别
今天我们来说说 for...in...和for...of...的区别：第一个区别：从遍历数组角度来说，for···in遍历出来的是key(即下标)，for···of遍历出来的是value(即数组的值)。var arr = [99,88,66,77];for(let i in arr){console.log(i); //0,1,2,3}for(let i of arr){consoel.log(i); //99,88,66,77}...
2021-05-24 20:58:17
222
原创 创建一个4版本的脚手架
下载前，先在小黑框运行代码vue -V查看vue的版本（4版本之后在下载）下载步骤：1.首先，在你要下载脚手架的文件夹上的路径上面cmd打开小黑框2.打开脚手架后在输入命令：vue create domo(这个名字随便起)3.选择第三个4.之后在按照我的选择，做完之后在敲回车 （空格是选择）5.选择3x版本6.选择No7.选择Yes8.选择Yes9.选择Sass/Scss(with node-sass)10...
2021-05-20 22:06:54
174
原创 let、const、var 的区别
在ES5中，声明变量只有var和function两种形式。但是因为var声明的变量会有一定的缺点，于是ES6提出了使用let和const声明变量,弥补了ES5中var的缺点。一.var （属于函数作用域）1.var声明的变量存在变量提升。2.var允许重复声明变量。3.var不存在块级作用域。4.var能修改声明的变量。二、let（属于块级作用域）1.let不存在变量提升。2.let存在暂时性死区。3.let在同一作用域不允许重复声明变量。4.let存在块..
2021-05-18 15:31:03
168
原创 js中常用的10种数组方法总结
因为一直忘记这写数组方法，于是我就把这个方法整理了一篇博客，然后，以防以后忘记了 回来 翻一番1.splice(index,howmany,[item1,...])从数组中添加/删除元素，返回被删除项。2.slice(start,[end])从已有数组中返回选定元素,此操作不会修改原始数组。3.shift()删除数组第一个元素，返回删除项，改变原始数组，不产生新数组。4.unshift(newelement1,[...])在数组开头添加一或多个元素，并...
2021-05-17 23:11:51
264
原创 十大排序
1、冒泡排序（Bubble Sort）冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。算法描述：比较相邻的元素。如果第一个比第二个大，就交换它们两个。2、选择排序（Selection Sort）选择排序(Selection-sort)是一种简单直观的排序算法。它的工作原理：首先..
2021-05-16 19:25:25
125
原创 微信小程序
一：小程序优势有哪些？1.几乎不占用手机内存如果你的电脑是低配的话，那么你就必须要合理取舍安装的软件。笔者曾经拿学校机房的电脑做过简单实验，我给电脑安装若干杀毒软件，然后同时开始体检、木马扫描操作。实验结论：只需两个杀毒软件同时体检、杀毒操作就会导致死机，2分钟内鼠标键盘无响应且电脑无法正常工作；四个杀毒软件同时体检，电脑大概率蓝屏。电脑为什么会死机，会蓝屏？就是因为电脑资源耗尽。同理，你如果给自己的手机装上几十个APP，效果可想而知。微信小程序几乎不占用系统内存，能给用户，尤其是低配手机用.
2021-05-13 23:19:13
263
原创 移动端PC端的一些事件
今天我们来说一下移动端的一些事件。一、基础事件1、PC端事件onclick 鼠标点击触发onmousedown 鼠标按下触发onmousemove 鼠标移动触发onmouseup 鼠标抬起触发2、移动端触屏事件ontouchstart 手指按下触发ontouchmove 手指移动触发onTouchend 手指抬起触发3、PC端事件和移动端事件的区别通过on的方式添加touch事件在谷歌模拟器下无效通过on的方式添加事件会前后覆盖鼠标事件在移动端可以使用，但有.
2021-05-11 21:45:31
494
原创 this关键字(指向)？
this是JavaScript语言的一个关键字，它是函数运行时，在函数体内部自动生成一个对象，只能在函数体内部使用。函数的不同使用场合，this有不同的值。总的来说this就是函数运行时所在的环境对象。情况一：纯粹的函数调用：这是函数的最通常的用法，属于全局调用，因此this就代表全局对象。var x = 1;function test(){ console.log(this.x);}test(); // 1 情况二：作为对象方法情况二：作为对象方法的调用：函数
2021-05-11 07:49:52
208
原创 节流防抖以及EventBus
一、节流防抖节流：所谓节流，就是指连续触发事件但是在 n秒中只执行一次函数。两种方式可以实现，分别是时间戳版和定时器版。function throttle (fn, delay) { // 利用闭包保存时间 let prev = Date.now() return function () { let context = this let arg = argumentslet now = Date.now() if (now - prev ...
2021-05-10 21:31:20
348
原创 原型与原型链
原型原型的概念：每个对象都有一个特殊的属性叫作原型（prototype），在原型上定义的属性和方法会被每一个实例对象共享。原型链每个构造函数都有一个原型对象，原型有一个属性指回构造函数，而实例有一个内部指针指向原型。如果原型是另一个类型的实例呢？那就意味着这个原型本身有一个内部指针指向另一个原型，相应地另一个原型也有一个内部指针指向另一个构造函数的原型对象，这样就在实例和原型之间构造了一条原型链。...
2021-05-10 20:54:27
115
原创 正则
什么是正则表达式？正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。基本概念：字符串匹配，查询，替换的一种模式，外表风骚，功能强大。正则的创建方法：字面量方式var rep = /^1[34578]\d{9}$/构造函数形式 var rep = new RegExp("表达式","修饰符") //比如下面匹配一个手机号 var r.
2021-05-09 20:36:45
155
原创 深拷贝与浅拷贝的简单理解
什么是深拷贝与浅拷贝？拷贝是什么？拷贝（kǎobèi）是由英文copy的音译词，拷贝就是复制的意思，就是一个变量的值传给另外一个变量，就是拷贝。浅拷贝和深拷贝的区别？浅拷贝：浅拷贝是指把存放变量的地址传给被赋予的值，最后两个变量引用了同一份地址。深拷贝：深拷贝是指被赋值的变量开辟了另一块地址用来存放要赋值的变量的值。简单来说，浅拷贝就是会因拷贝者和被拷贝者的改变而改变；而深拷贝就是拷贝者和被拷贝者发生改变的时候，相互不会受到影响。...
2021-05-09 20:23:22
267
原创 仿照微信写的uni-app项目
仿照微信写的uni-app项目登录布局路由搭建{ "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "app-plus":{ "titleNView":false } } }, { "path": "pages/index/login", "style": { "navigationBarTitleText":
2021-05-08 07:40:10
254
原创 uni-app
初入uni-app一、介绍uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。二、功能框架浏览图三、先下载好所需的软件：uni-app官网：https://uniapp.dcloud.io/微信小程序下载地址：https://developers.weixin.qq.com/miniprogram/...
2021-05-06 22:01:27
268
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人