- 博客(51)
- 收藏
- 关注
RSS订阅转载 前端面试-综合
一. 深拷贝，浅拷贝深浅拷贝都是针对引用类型而言的，浅拷贝只是复制对象的引用，如果拷贝后的对象发生变化，原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。1.浅拷贝浅拷贝只是复制了引用，并没有实现真正的复制。这里，我们无论改变原来的值还是克隆的值，它们都会相互影响，并没有实现隔离var arr = [1,2,3];var obj = {a:'a', b:[1,2], c:{cc:'cc'}}; var cloneArr = arr;var cloneObj = obj; clone
2022-05-13 15:15:19
4583
原创 vue、ECharts、flexible.js在移动端的自适应安卓、苹果等机型的分辨率
因我们在移动端中大多数是使用rem、 vw、vh，而 echarts 里面的尺寸只能写 16或16%，有的如：fontSize 之类的只有16 。导致写的时候按分辨率750×1334px ，在分辨率480×800px的机型上就差异跟大，字体大小、宽高、left、top、right、bottom等在设置的值是16或16%时，会有很大偏差，这就需要我们自己去计算处理了。解决思路：将实际窗口的大小与设计图窗口大小做比得到要给相对的比率，每个单位数值和这个比率相乘即可。即：按比例缩放字体。比如设计图是750x1
2022-03-23 11:10:43
2010
1
原创 在vue上使用clipboard.js拷贝内容
一、引入clipboard.js方法1：npm install clipboard --save在main.js中：import clipboard from 'clipboard'Vue.prototype.clipboard = clipboard方法2：直接把clipboard.js下载下来注释：可以在使用webpack打包时候，把clipboard.js和其他文件一起打包编译为一个JS文件，然后压缩在utils.js中：import ClipboardJS from './clip
2021-10-22 10:49:26
576
原创 10、Math&Date
一、Math（数学）对象方法（一）定义一个保存数学公式和信息的对象，一般用于执行数学任务（二）属性：Math.PIMath.PI ==> 3.1415926（三）方法1、round(3.6) //四舍五入取整2、ceil(11.3) //12 向上取整3、floor(11.8) //11 向下取整4、random() //返回0-1之间的随机数（不包括1）5、max(...
2021-09-23 15:53:03
115
转载 Vue的编码规范
一、基于模块开发始终基于模块的方式来构建你的 app，每一个子模块只做一件事情。Vue.js 的设计初衷就是帮助开发者更好的开发界面模块。一个模块是应用程序中独立的一个部分。怎么做？每一个 Vue 组件(等同于模块)首先必须专注于解决一个单一的问题，独立的, 可复用的, 微小的 and 可测试的。如果你的组件做了太多的事或是变得臃肿，请将其拆分成更小的组件并保持单一的原则。一般来说，尽量保证每一个文件的代码行数不要超过 100 行。也请保证组件可独立的运行。比较好的做法是增加一个单独的 demo
2020-08-07 17:33:30
437
转载 Visual studio code 使用手册
一、前端必备插件Auto Close Tag - 自动闭合 HTML 标签Auto Import - 自动 import 插件Auto Rename Tag - 修改 HTML 标签时，自动修改匹配的标签Bracket Pair Colorizer - 给括号前后进行着色Can I Use - HTML5、CSS3、SVG 的浏览器兼容性检查Code Spell Checker - 检查代码中的拼写错误Code Runner - 运行选中代码段（支持大量语言，包括 Node）Git Bla
2020-08-06 18:04:37
1113
1
原创 前端开发过程中遇到问题记录
1、vue + iview + 高德地图,把map组键放在Modal中，搜索（Autocomplete）结果不显示问题2、静态引入的有一些图片过大，在一些机型上，会导致整个页面显示白屏3、同一个组件，table切换请求数据，再回到原来的table下时候，需停留原来的位置，滚动条位置不变4、在Vue项目中使用element的select组件，select选中的值不显示，watch监听也不触发5、五、在Vue单页面项目中，A页面跳转2、静态引入的有一些图片过大，在一些机型上，会导致整个页面显示白屏
2020-03-09 16:40:18
708
1
原创 vuex在实例化前与在页面中的使用
一、在项目中安装依赖包yarn add vuex -Dyarn add vuex-persistedstate -D二、新建一个store文件夹在之中建立6个js文件：1、index.jsimport Vue from 'vue'import Vuex from 'vuex'import actions from './actions'import mutations from ...
2020-01-16 15:43:50
486
1
原创 vue filter(过滤器)全局用法(时间、算法、保留小数）
一、新建一个filters.js文件import { JSMul } from './JSOperation.js'const filters = { // 时间转换 $timeConvers: function (timestamp, option) { if (!timestamp) return 0 var date = new Date(Number(times...
2020-01-14 14:23:18
710
原创 封装wx.request
configs.jsconst env = 'internal';const configs = { internal: { origin: 'https://internal.wang.com/customer', originActivity: 'https://internal.wang.com/activity', originPay: 'https://...
2020-01-10 10:56:34
344
原创 写小程序使用到的方法封装（限制字数、时间方法）
一、小程序中使用在.wxml文件第一行引入引入：使用：{{util.textLimit(item.unitName,9)}}二、方法封装// val 要限制的内容// strNum 要限制的字数const textLimit = function (val, strNum) { if (typeof val === 'string' && val.length...
2020-01-10 10:42:47
235
原创 遍历两组数组，其中一组数组的值赋值到另一组数组中
let allArr = [1,2,3,4,5,6,7,8] let params = [ { type: 1, isVerify: this.B_isVerify, amount: JSMul(this.B_amount, 100) }, { ...
2019-10-18 17:52:25
2831
转载 js前端性能优化之函数节流和函数防抖
原创传送门：https://www.cnblogs.com/ljx20180807/p/10161051.html前言：针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能节流：节流：使得一定时间内只触发一次函数。它和防抖动最大的区别就是，节流函数不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正的...
2019-10-08 16:48:43
162
原创 工作篇-在PC端使用拖拽功能+（上移、下移+删除）数组操作记录
注一：本方案结合了vue+iview注二：ondragstart 事件（菜鸟教程：https://www.runoob.com/jsref/event-ondragstart.html）1、定义和用法ondragstart 事件在用户开始拖动元素或选择的文本时触发。注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。提示： 链接和图片默认是可拖动的，不需要 dra...
2019-09-20 16:36:14
627
转载 vue中解决file input 选择相同文件不触发change事件
原创传送门：(https://www.cnblogs.com/alantao/p/10010181.html)JS方法HTML结构<input id="file" type="file" accept=".map" onchange="upload()" />JS代码document.getElementById('file').value = null;// docu...
2019-06-20 16:46:43
7262
2
原创 5、JS 数组与对象的判断和深拷贝方法及判断是否为空对象
原创传送门：https://www.jianshu.com/p/b08bc61714c71、迭代递归法这是最常规的方法，思想很简单：就是对对象进行迭代操作，对它的每个值进行递归深拷贝。function deepClone(obj) { if (!isObject(obj)) { throw new Error('obj 不是一个对象！') } let ...
2019-05-27 17:59:48
206
转载 4、JS数组去重方法收录
更详细、更多方法可前往（1、https://www.cnblogs.com/guangyan/articles/6682686.html ；2、https://www.cnblogs.com/jiayuexuan/p/7527055.html）1、利用for循环；先声明一个 res 的空数组；再遍历原数组，每遍历一次原数组都赋值给 item ,再建一层for循环，对 res 这数组遍历，然后对...
2019-05-27 15:06:13
142
原创 3、身份证、数字、日期、手机号码等等的验证判断
一、使用方法1、在main.js中引入import { validatorUtil } from '../until/validatorUtil.js';2、挂载到vue的原型链上Vue.prototype.$validatorUtil = validatorUtil3、在需要使用的地方 if (this.$validatorUtil.IsEmpty(条件值)) { ...
2019-05-25 15:15:41
305
原创 2、JS可以有效避免精度问题的乘法与除法封装
一、使用方法1、在使用的页面引入import { JSDiv, JSMul } from '../../until/jsOperation'1、对需要计算的数值 JSDiv(除数, 被除数) 如：10000/100 JSDiv(10000, 100) JSDiv(bargainAmountMin, 100) JSMul()的用法亦如次二、方法1、乘法expor...
2019-05-25 14:41:25
449
原创 1、时间撮转换时间格式方法封装,拿来就可用
注：这里只写在vue中的用法，但是在react与其他框架，用法大体差不多用法一：1、在main.js中引入封装代码文件，然后挂载在原型链上，例如：1、引入import { handlerResDate, timeFormat, formatDate, formatDateTime} from './until/dateUtil'2、挂载原型Vue.prototype.$h...
2019-05-22 16:42:34
453
原创 1、node & 模块介绍
node安装node环境npm install gulp写一份gulpfile.js配置gulp的参数gulp命令执行js来完成代码处理（压缩，重命名）install如果没有安装的node环境去node官网安装维护版本查看版本号，在cmd中执行，node -vintroduceNode.js®是一个基于Chrome V8引擎的JavaScript运行时前端（浏览器端）...
2019-03-16 20:15:20
280
原创 9、Gulp浅解
gulpgulp是当下最流行的自动化工具 ，可以自动化完成我们开发过程中大量的重复工作。如：编译：less->csssass->csscoffeescript->jses6->es5(兼容)合并: css, js压缩 ：css, js, html优化：图片优化官网：http://gulpjs.com/中文网：http://www.gulpjs.c...
2019-03-16 20:10:27
197
原创 1、Ajax
一、了解AJAXAJAX: Asynchronous Javascript And Xml，Ajax 技术的核心是XMLHttpRequest对象（简称XHR），这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现*Ajax起源：最早出现在2005年的google搜索建议ajax优点增加速度：减轻服务器的负担,按需加载数据,最大程度的减少冗余请求改善的用户体验：...
2019-03-16 20:07:23
140
原创 1、Git详解
一、安装与配置1、下载地址：https://git-for-windows.github.io2、配置个人信息（名字与邮箱） 使用Git的第一件事就是设置你的名字和email,这些就是你在提交commit时的签名git config --global user.name "Your Name"git config --global user.email "email@example.com...
2019-03-16 20:05:21
241
原创 1.mySQL基本语法
什么是数据库数据库（Database）是按照数据结构来组织、存储和管理数据的仓库热门数据库OracleSQLServerMySQL > 关系型数据库(用来关联的键称之为> 外键)MongoDBSQLite(不怎么用)access(不怎么用)DB2(不怎么用)MySql的特点MySql是目前最流行的关系型数据库管理系统，由瑞典MySQL AB公司开发，目...
2019-03-16 20:03:42
305
原创 1、PHP的概念+数组
一、概念PHP是一种通用开源服务端脚本语言，将程序嵌入到HTML文档中去执行，结果以纯 HTML 形式返回给浏览器。PHP: Hypertext Preprocessor “超文本预处理器”，1994年由Rasmus Lerdorf创建，刚刚开始仅仅是为了要维护他本人个人网页而制作的一个简单程序（Perl语言编写），原名Personal Home Page（PHP由此得名），后用C语言重新编...
2019-03-16 20:02:24
317
原创 7、jQuery插件
jQuery下载与安装官网下载http://jquery.com/download/CDNhttps://code.jquery.com/jquery-3.0.0.jshttps://code.jquery.com/jquery-3.0.0.min.jshttps://www.bootcdn.cn了解插件什么是插件插件(Plugin)也称为jQuery的扩展。以jQu...
2019-03-16 20:01:36
242
原创 6,jQuery基本API
一、jQuery的基本使用jQuery的都是方法（一）、获取jQuery对象 ==> jQuery(选择器||dom节点，上下文对象) ==> $(css选择器|dom节点，上下文对象)var $output = jQuery("#output");或var $output = $("#output");1、上下文对象可以是css选择器、jQuery对象2、jQue...
2019-03-16 20:00:54
149
原创 21、继承+闭包
原型链实例对象与Object原型对象之间的链条称为原型链原型模式的访问机制（原型搜索机制）读取实例对象的属性时，先从实例对象本身开始搜索。如果在实例中找到了这个属性，则返回该属性的值；如果没有找到，则继续搜索实例的原型对象，如果在原型对象中找到了这个属性，则返回该属性的值如果还是没找到，则向原型对象的原型对象查找，依此类推，直到Object的原型对象（最顶层对象）；如果再Obje...
2019-03-16 19:53:18
200
原创 19、oop面向对象
面向对象利用对象进行编程的一种思想。object-oriented programming，简称oop。一、创建对象及使用1.创建对象2.对对象进行描述* 有什么(属性)* 能做什么（方法）3.指挥对象做事情二、对象的创建方式1、字面量 {} 一般只用于创建单一对象var student = {id:10,name:'小明',age:18} 2、new Object()...
2019-03-16 19:51:39
116
原创 18、Anumation动画
一、Animation（一）运动原理利用定时器，改变对象的属性，从而改变样式，产生动画效果（二）动画分类1、匀速运动 ==&gt; 速度保持不变的运动案例：飞翔的小鸟//(二) 匀速动画 //1.初始化速度变量 //2.开启定时器 //(1)获取当前值 //(2)改变当前值：当前值+速度 ...
2019-03-15 10:15:41
200
原创 17、ES6
一、声明变量（一）let: 声明变量1.没有声明提前的概念2.不能在同一作用域重复声明同一个变量3.块级作用域{}let a = 20;function show(){ let a = 20;}console.log(a)报错：Identifier 'a' has already been declared 变量a已经被声明案例：输出按钮索引值//ES5方法//相当于...
2019-03-15 10:15:06
147
原创 16、ES5
支持ES5的浏览器Opera 11.60+Internet Explorer 9+ (IE9不支持严格模式)Firefox 4+Safari 5.1+Chrome 13+一、页面加载顺序及事件（一）页面加载顺序1、解析HTML结构。2、加载外部脚本和样式表文件。3、 解析并执行脚本代码。4、DOM树构建完成。(获取元素) ==>DOMContentLoaded...
2019-03-15 10:13:17
149
原创 15、RegExp正则
一、正则()（一）、创建正则表达式：备注：表单中的正则阻止默认行为可用 ==> e.preventDefault(); 也可用 ==> return false;（这个写在最后面）1、字面量 ==> var reg = /字符串||正则表达式/gi;2、构造函数 ==> var reg = new RegExp("字符串","gi");3、构造函数变量写法 =...
2019-03-15 10:12:43
116
原创 14、Cookie
一、cookie的概念cookie 是客户端与服务器端进行通讯使用的一个能够在浏览器本地化存储的技术PS：chrome不支持本地文件的cookie读写二、cookie的基本设置及获取1、设置 ==> document.cookie = ‘name = value’每次只能设置一条cookie2、获取 ==> document.cookie（2.1）一次性获取到所有...
2019-03-15 10:11:51
115
原创 13、Event
Event事件事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。事件是一瞬间触发。一、 事件绑定方式DOM节点绑定（格式）：节点.on+事件名 = 事件处理函数;1、DOM节点绑定（1）同名事件会被覆盖（2）事件处理函数只能冒泡阶段执行div.onclick = function(){}2、作为html属性（...
2019-03-15 10:10:53
195
原创 12、DOM
一、什么是DOMDOM是Document Object Model（文档对象模型）的缩写 ，由w3c制定Web标准 二、节点类型（了解）1、每个节点都有一个nodeType属性，用于表明节点的类型。2、常用节点类型与对应nodeType值：备注： 用于判断获取到的元素属于什么类型节点元素节点 <==> 1文本节点 <==> 3属性节点 <==>...
2019-03-15 10:10:23
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人