前端问题
文章平均质量分 65
进击的你
这个作者很懒,什么都没留下…
展开
-
小程序环境切换自定义组件
该组件可全局拖拽,点击环境切换后,需重启小程序原创 2022-11-27 12:36:14 · 1857 阅读 · 0 评论 -
当Number类型的id超过16位时,JavaScript的数据处理和储存问题
当Number类型的id超过16位时,JavaScript的数据处理和储存问题原创 2022-06-27 10:39:00 · 2311 阅读 · 0 评论 -
Vue指令-禁止输入特殊字符
介绍:无入侵的输入检测,感觉是比较优雅的解决问题关键点:1.正则要写对,正则匹配的值需确认无误2.重新触发双向绑定的方式import Vue from 'vue'// 禁止输入特殊字符Vue.directive('disable-synmol', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 // /[`~!@#$%^&*()_\-+=<>?:"{}|,.\.原创 2022-03-02 10:39:21 · 2366 阅读 · 1 评论 -
双项轮播组件(vue2)
仓库:https://github.com/JACK-Liang-2020/jar-common-tool演示:https://jarv2021.github.io/#/indexhttps://qiu2046.gitee.io/jarv2021.github.io/#/index##双项轮播组件###使用```使用方式:<carousel:swiperConfig="swiperConfig":displayConfig="disp...原创 2021-08-24 16:10:53 · 188 阅读 · 0 评论 -
pdf阅读组件(vue2)
pdf阅读组件该pdf组件有两种模式,翻页阅读和滚动阅读,适用于页数少的pdf仓库:https://github.com/JACK-Liang-2020/jar-common-tool演示:https://jarv2021.github.io/#/indexhttps://qiu2046.gitee.io/jarv2021.github.io/#/index使用```!前提模块安装:pdfjs-distpdfjs-dist文档:https...原创 2021-08-24 15:55:42 · 428 阅读 · 3 评论 -
前端工程师查看招聘要求的细节问题了解
前端招聘细节问题文章背景:招聘要求大多相互抄袭,没能准确明白他们想要什么样的人,我们尝试从更多的细节去触达他们的需求文章目的:给程序员们一些当看招聘消息的启示,有思考方向和辨识能力,节省时间,顺利找到心仪工作seo相关seo关于前端,ssr渲染,简易seo方案ps:暂无资料,欢迎朋友们补充1.前后端交互的全面认识,对Http协议有足够了解2.熟悉DNS,HTTP及其他相关网络层数据传输协议HTTP基础与DNS分析https://blog.csdn.n原创 2021-05-23 11:40:28 · 380 阅读 · 0 评论 -
前端面试题整理总结--2021
ms题:双向绑定的原理:把 Dep / Observer/ Watcher几个类的关系,如何做到双向绑定、依赖的更新怎么处理https://www.cnblogs.com/libin-1/p/6893712.htmlhttps://www.cnblogs.com/kidney/p/6052935.html?utm_source=gold_browser_extensiondiff的原理:https://www.cnblogs.com/wangtong111/p/11198393.html原创 2021-04-19 14:30:00 · 586 阅读 · 0 评论 -
html和css常见问题(持续更新)
html和css常见问题(持续更新)你不知道的 web 生命周期:https://juejin.im/post/6844904133321818119html - 使<td>跨表中的整个行:https://www.coder.work/article/299158<img>标签是行内元素还是块级元素?https://segmentfault.com/q/1010000001862222css晦涩难懂的点:https://juejin.im/pos原创 2020-11-13 15:26:42 · 255 阅读 · 0 评论 -
Vue mixin (应用篇)
vue官方文档中是这么解释的: 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。人话: Vue.mixin给我们提供了一种混入Vue实例的方法,创建了混入对象之后,我们自定义的方法或者变量可以很轻松的挂载在Vue实例上。V...原创 2020-04-29 16:03:32 · 524 阅读 · 0 评论 -
gulp 重命名 vue-cli3的发布文件
前置条件:npm install --save-dev gulpgulp-replace不多说,上代码constgulp=require('gulp')constreplace=require('gulp-replace')constfs=require('fs')constjoin=require('path').joinc...原创 2020-04-29 11:44:16 · 398 阅读 · 0 评论 -
Event-emitter (理解篇)
最近使用event-emitter比较多,特地去查看了相关源码和加上自己的理解,写下点笔记,各位大佬觉得写得有错的指教一下,谢谢。参考资料:Event emitter的监听事件:https://www.php.cn/xiaochengxu-391850.htmlJS的EventEmitter使用步奏详解:https://www.php.cn/xiaochengxu-39184...原创 2020-04-23 10:49:44 · 6632 阅读 · 0 评论 -
Object.prototype.toString.call(obj)精确判断对象的类型
在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object”,“function” 六种。对于数组、null、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。要想区别对象、数组、函数单纯使用 typeof 是不行的,JavaScri...转载 2020-02-16 17:18:24 · 490 阅读 · 0 评论 -
Mockjs的应用记录
#Mockjs的应用记录github:https://github.com/15815407241/mock-use##此次为不需要开启node服务器的模拟应用```Mock官网:http://mockjs.com/``````使用方法:1.引用mock目录下的mock.js2.参考loginjs进行应用```var Moc...原创 2019-08-20 16:54:49 · 114 阅读 · 0 评论 -
#简易的车牌号选择器(vue版本)
github:https://github.com/15815407241/License-Plate-Selector<template> <div class="container"> <div class="in-mask" @click="clickMask"></div> ...原创 2019-08-20 16:38:57 · 5787 阅读 · 2 评论 -
vue+axios 前端实现登录拦截(路由拦截、http拦截)
参考资料:https://segmentfault.com/a/1190000009506097https://www.cnblogs.com/guoxianglei/p/7084506.html一、路由拦截登录拦截逻辑第一步:路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路...转载 2019-08-05 10:02:08 · 190 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(VUE篇)
#Vue##1.熟练使用Vue的API、生命周期、钩子函数官网:https://cn.vuejs.org/v2/api/##2.MVVM框架设计理念参考资料:http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.htmlhttps://segmentfault.com/a/1190000009397476...原创 2019-07-31 15:53:57 · 346 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(浏览器原理篇)
#浏览器原理##1.各浏览器使用的JavaScript引擎以及它们的异同点、如何在代码中进行区分各浏览器使用的JavaScript引擎:https://www.cnblogs.com/gdutbean/archive/2012/02/21/2362003.html##2.请求数据到请求结束与服务器进行了几次交互参考资料:https://blog....原创 2019-07-31 15:51:15 · 498 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(浏览器API篇)
#浏览器API##1.浏览器提供的符合W3C标准的DOM操作API、浏览器差异、兼容性参考资料:https://blog.csdn.net/TrackerMe/article/details/83852573https://developer.mozilla.org/zh-CN/docs/Web/API##2.浏览器提供的浏览器对象模型 (BOM)提供的所有全...原创 2019-07-31 15:48:00 · 380 阅读 · 0 评论 -
ES6里的修饰器Decorator
修饰器(Decorator)是一个函数,用来修改类的行为。一、概述 ES6 引入了这项功能,目前 Babel 转码器已经支持Decorator 首先,安装babel-core和babel-plugin-transform-decorators。由于后者包括在babel-preset-stage-0之中,所以改为安装babel-preset-stage-0亦可$ npm i...转载 2019-07-22 15:12:02 · 153 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(数据结构和算法篇)
#数据结构##1.理解常见数据结构的特点,以及他们在不同场景下使用的优缺点参考资料:https://blog.csdn.net/u014419014/article/details/78770812##2.理解数组、字符串的存储原理,并熟练应用他们解决问题参考资料:https://blog.csdn.net/donspeng/article/details/8...原创 2019-07-18 15:30:08 · 267 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(手动实现前端轮子篇)
#手动实现前端轮子##1.手动实现call、apply、bind参考资料:https://www.jianshu.com/p/3b69fb0d4c2f##2.手动实现符合Promise/A+规范的Promise、手动实现async await手动实现符合Promise/A+规范的Promise:https://www.jianshu.com/p/8d5c3a...原创 2019-07-18 15:09:36 · 401 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(JavaScript编码能力篇)
#JavaScript编码能力##1.多种方式实现数组去重、扁平化、对比优缺点参考资料:https://blog.csdn.net/xiaobing_hope/article/details/79458288https://blog.csdn.net/ganyingxie123456/article/details/77947704###简单数组去重...原创 2019-07-18 15:04:30 · 464 阅读 · 0 评论 -
解析通用版的JS函数柯里化
什么是柯里化?在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。函数柯里化的主要作用和特点就是参数复用、提前返回和延迟执行。function curry(fn, args) { var length = fn.length; var args = ...原创 2019-07-10 14:47:52 · 766 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(计算机基础篇)
#编译原理##1.理解代码到底是什么,计算机如何将代码转换为可以运行的目标程序编译原理参考资料:https://baike.baidu.com/item/%E7%BC%96%E8%AF%91%E5%8E%9F%E7%90%86/4194?fr=aladdin##2.正则表达式的匹配原理和性能优化参考资料:https://www.cnblogs.com/wang...原创 2019-06-27 17:28:11 · 602 阅读 · 0 评论 -
Web前端研发工程师编程能力飞升之路
【背景】如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指引,几乎所有从事这个...转载 2019-05-31 10:33:06 · 159 阅读 · 0 评论 -
子div设置margin-top使父div也跟着向下移动
html:<div class="main"> <div class="content"></div></div>css:body{ margin:0; padding:0;}.main{ width:200px; height:200px; background:tomato;}.content{...转载 2019-05-30 09:16:27 · 1260 阅读 · 1 评论 -
一名【合格】前端工程师的自检清单(HTML和CSS篇)
#HTML##1.从规范的角度理解HTML,从分类和语义的角度使用标签参考资料:https://www.jianshu.com/p/1ee96def153c##2.常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼容问题的方式###常用页面标签的默认样式参考资料:https://www.cnblogs.com/madman-dong/p/58...原创 2019-05-29 15:22:38 · 922 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(语法和API篇)
##语法和API###1.理解ECMAScript和JavaScript的关系ECMAscript到底是什么?它和JavaScript的关系?要讲清楚这个问题,需要回顾历史。1996年11月,JavaScript的创造者Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这种语言能够成为国际标准。次年,ECMA发布262号标准文件(ECM...原创 2019-05-24 15:00:59 · 357 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(执行机制篇)
##执行机制###1.为何try里面放return,finally还会执行,理解其内部机制参考资料:https://segmentfault.com/a/1190000019224768?utm_source=tag-newest###2.JavaScript如何实现异步编程,可以详细描述EventLoop机制####JavaScript如何实现异步编程...原创 2019-05-24 14:40:16 · 564 阅读 · 1 评论 -
一名【合格】前端工程师的自检清单(作用域和闭包篇)
##作用域和闭包###1.理解词法作用域和动态作用域####作用域####静态作用域。作用域是指程序源代码中定义变量的区域。作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限。JavaScript 采用词法作用域(lexical scoping),也就是静态作用域。function f1() {alert(v)...原创 2019-05-23 15:32:10 · 460 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(原型和原型链篇)
##原型和原型链###1. 理解原型设计模式以及JavaScript中的原型规则####原型设计模式JavaScript是一种基于对象的语言, JavaScript中的所有对象, 都具有prototype属性。 prototype属性返回对象的所有属性和方法, 所有 JavaScript 内部对象都有只读的 prototype 属性, 可以向其原型中动态添加属性...原创 2019-05-22 15:45:47 · 771 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(变量和类型篇)
#一、JavaScript基础##变量和类型###1.JavaScript规定了几种语言类型JavaScript规定了七种语言类型,他们是:Undefined、Null、Boolean、String、Number、Symbol、Object###2.JavaScript对象的底层数据结构是什么表意不明###3.Symbol类型在实际开发中的...原创 2019-05-22 11:28:24 · 468 阅读 · 0 评论 -
html px em pt单位区别
html px em pt单位区 目录 认识3单位 html单位案例对比 单位换算 em单位介绍 推荐单位PX(像素) 关于px pt em总结单位一、PX\EM\PT单位介绍 - TOPpx单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐; em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多;扩展阅读:html em标原创 2017-09-21 16:39:26 · 505 阅读 · 0 评论 -
ionic4关于ion-tabs的研究
最近在研究ionic4,对ion-tabs的用法有疑惑在tab模块里的写法tab.html<ion-tabs selectedIndex="{{constants.rootTab}}"> <ion-tab [root]="tab1Root" tabTitle="主页" tabIcon="home"></ion-tab> <ion-tab [...原创 2019-04-09 15:58:26 · 1678 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(版本控制篇)
#版本控制##1.理解Git的核心原理、工作流程、和SVN的区别git核心原理 : https://www.cnblogs.com/yelbosh/p/7471979.htmlgit工作流程 : https://blog.csdn.net/slowlifes/article/details/79569084git和SVN的区别 : https://www....原创 2019-07-31 16:01:31 · 164 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单(多端开发和框架篇)
##4.可以在React、Vue等框架中使用TypeScript进行开发vue + typescript : https://segmentfault.com/a/1190000011744210react + typescript :https://www.html.cn/doc/typescript/doc/handbook/tutorials/React.ht...原创 2019-07-31 15:58:55 · 212 阅读 · 0 评论 -
webpack面试题整理
前言:面试被问到webpack的问题,趁机补充一下知识面gulp/grunt 与 webpack的区别是什么?三者都是前端构建工具,grunt和gulp在早期比较流行,现在webpack相对来说比较主流,不过一些轻量化的任务还是会用gulp来处理,比如单独打包CSS文件等。grunt和gulp是基于任务和流(Task、Stream)的。类似jQuery,找到一个(或一类)文件,对其做一系列链式操作,更新流上的数据, 整条链式操作构成了一个任务,多个任务就构成了整个web的构建流程。w.原创 2021-03-21 11:44:01 · 344 阅读 · 0 评论 -
前端之还原设计稿篇
最近来了个有设计感的产品,经常扣设计稿细节,因为研究了一些能更好还原设计稿的东西。1.Chrome浏览器默认显示最小字体为12px,但是用scale可以把字体设置得更小。目前来看其实即使缩小也很有可能达不到设计稿的效果,折中的方案是:太小的文字直接用图片参考资料:https://blog.csdn.net/weixin_36210698/article/details/85219282https://blog.csdn.net/im_dogg/article/details/93.原创 2021-02-26 17:12:57 · 1343 阅读 · 0 评论 -
Element UI常见问题 (持续更新)
Element UI常见问题 (持续更新)element-ui el-upload http-request自定义上传方法 :https://www.jianshu.com/p/0a0d2ba76c3cElement UI 弹窗(Dialog)改成自适应高度,仅body内容部分滚动 :https://blog.csdn.net/tomabow/article/details/89332683Vuecli3.0 中使用element-ui,生产环境中icon图标无法显示 :http原创 2020-11-13 17:32:38 · 340 阅读 · 0 评论 -
js(javascript)和jq(jquery)常见问题(持续更新)
js(javascript)和jq(jquery)常见问题(持续更新)浏览器基础从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理:https://segmentfault.com/a/1190000012925872JS offset、client、scroll家族:https://juejin.im/post/6869735468771721223DOMContentLoaded 事件:https://developer.mozilla.org/zh-CN/docs原创 2020-11-13 17:30:53 · 524 阅读 · 0 评论