- 博客(57)
- 收藏
- 关注
RSS订阅
原创 #简易的车牌号选择器(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
原创 当Number类型的id超过16位时，JavaScript的数据处理和储存问题
当Number类型的id超过16位时，JavaScript的数据处理和储存问题
2022-06-27 10:39:00
2311
原创 Vue指令-禁止输入特殊字符
介绍：无入侵的输入检测，感觉是比较优雅的解决问题关键点：1.正则要写对，正则匹配的值需确认无误2.重新触发双向绑定的方式import Vue from 'vue'// 禁止输入特殊字符Vue.directive('disable-synmol', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 // /[`~!@#$%^&*()_\-+=<>?:"{}|,.\.
2022-03-02 10:39:21
2367
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
原创 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
原创 仿 twitter头像上传组件（vue2）
头像上传组件（此组件为仿twitter版）组件需求和思路分析```需求：1.需允许上传gif|jpg|jpeg|png|bmp|GIF|JPG|PNG等比较通用的图片格式2.鼠标滚轮可以缩放，并且获取缩放的百分比3.截图框不能拖动，上传的图片可以拖动，但是图片的拖动不能离开截图框扩展：1.是否做上传图片大小限制2.是否截图框和上传图片都能拖动3.上传图片是否按比例变大或缩小，填满截图框针对需求的优化：1.参考vue-Cropp...
2021-08-24 15:47:16
165
原创 前端工程师查看招聘要求的细节问题了解
前端招聘细节问题文章背景：招聘要求大多相互抄袭，没能准确明白他们想要什么样的人，我们尝试从更多的细节去触达他们的需求文章目的：给程序员们一些当看招聘消息的启示，有思考方向和辨识能力，节省时间，顺利找到心仪工作seo相关seo关于前端，ssr渲染，简易seo方案ps：暂无资料，欢迎朋友们补充1.前后端交互的全面认识，对Http协议有足够了解2.熟悉DNS，HTTP及其他相关网络层数据传输协议HTTP基础与DNS分析https://blog.csdn.n
2021-05-23 11:40:28
380
原创 前端面试题整理总结--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
原创 webpack面试题整理
前言：面试被问到webpack的问题，趁机补充一下知识面gulp/grunt 与 webpack的区别是什么?三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过一些轻量化的任务还是会用gulp来处理，比如单独打包CSS文件等。grunt和gulp是基于任务和流（Task、Stream）的。类似jQuery，找到一个（或一类）文件，对其做一系列链式操作，更新流上的数据， 整条链式操作构成了一个任务，多个任务就构成了整个web的构建流程。w.
2021-03-21 11:44:01
344
原创 前端之还原设计稿篇
最近来了个有设计感的产品，经常扣设计稿细节，因为研究了一些能更好还原设计稿的东西。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
1344
原创 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
原创 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
原创 Chrome插件常见问题（持续更新）
Chrome插件常见问题（持续更新）Chrome插件(扩展)开发全攻略：https://www.bookstack.cn/read/chrome-plugin-develop/spilt.1.8bdb1aac68bbdc44.md谷歌插件api https://crxdoc-zh.appspot.com/extensions/runtime#method-connect使用postMessage进行Iframe跨域通信：https://greenfavo.github.io/blo.
2020-11-13 16:56:06
317
原创 Vue常见问题（持续更新）
Vue常见问题（持续更新）Vue ui组件，开发框架等资料收集：awesome-github-vuehttps://github.com/opendigg/awesome-github-vue什么是 开发环境、测试环境、生产环境、UAT环境、仿真环境 :https://blog.csdn.net/aaa333qwe/article/details/77482099vue项目的环境变量https://www.cnblogs.com/zhyzhy/p/10222512.html.
2020-11-13 15:29:31
434
原创 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
原创 移动端常见问题（持续更新）
移动端常见问题（持续更新）移动端vw、vh适配方案https://www.jianshu.com/p/87d43d241501移动端适配方案 :https://z-index.me/2018/05/26/CSS-evolution/移动端适配（px转vw）（postcss-px-to-viewport配置） :https://juejin.im/post/6844903903478153224如何在Vue项目中使用vw实现移动端适配 :https://www.cnblogs.co.
2020-11-12 18:01:54
314
原创 前端调试常见问题（持续更新）
调试常见问题（持续更新）HTTP抓包神器 - Fiddlerhttps://www.wenyuanblog.com/blogs/fiddler-free-web-debugging-proxy.htmlFiddler抓包https://www.cnblogs.com/yyhh/p/5140852.htmlhttps://www.cnblogs.com/yoyoketang/p/6778006.htmlfiddler本地代理替换js文件 ：https://blog.csdn.net/qq
2020-11-12 17:54:17
243
1
原创 js常见错误相关资料（持续更新）
js常见错误相关资料（持续更新）来聊一聊JavaScript中的异常捕获 :https://blog.cuiyongjian.com/fe/catch-error/Error :https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ErrorURIError :https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Ref
2020-11-12 17:51:08
141
原创 前端常见问题的解决方案
以下是2020年3月到11月遇到问题的解决方式和部分技术积累移动端vw、vh适配方案https://www.jianshu.com/p/87d43d241501移动端 滚动隐藏浏览器地址栏和工具栏https://wanghi.cn/202003/26727.html移动端真机调试指南https://aotu.io/notes/2017/02/24/Mobile-debug/index.htmlvue 移动端调试工具（vconsole）https://www.cnblogs.co...
2020-11-02 11:44:38
1025
1
原创 Vue mixin (应用篇)
vue官方文档中是这么解释的： 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。人话： Vue.mixin给我们提供了一种混入Vue实例的方法，创建了混入对象之后，我们自定义的方法或者变量可以很轻松的挂载在Vue实例上。V...
2020-04-29 16:03:32
524
原创 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
原创 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
转载 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
原创 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
转载 vue+axios 前端实现登录拦截（路由拦截、http拦截）
参考资料：https://segmentfault.com/a/1190000009506097https://www.cnblogs.com/guoxianglei/p/7084506.html一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路...
2019-08-05 10:02:08
190
原创 一名【合格】前端工程师的自检清单（版本控制篇）
#版本控制##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
原创 一名【合格】前端工程师的自检清单（多端开发和框架篇）
##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
原创 一名【合格】前端工程师的自检清单（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
原创 一名【合格】前端工程师的自检清单（浏览器原理篇）
#浏览器原理##1.各浏览器使用的JavaScript引擎以及它们的异同点、如何在代码中进行区分各浏览器使用的JavaScript引擎：https://www.cnblogs.com/gdutbean/archive/2012/02/21/2362003.html##2.请求数据到请求结束与服务器进行了几次交互参考资料：https://blog....
2019-07-31 15:51:15
499
原创 一名【合格】前端工程师的自检清单（浏览器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
转载 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
原创 一名【合格】前端工程师的自检清单（数据结构和算法篇）
#数据结构##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
原创 一名【合格】前端工程师的自检清单（手动实现前端轮子篇）
#手动实现前端轮子##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
原创 一名【合格】前端工程师的自检清单（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
原创 解析通用版的JS函数柯里化
什么是柯里化？在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数且返回结果的新函数的技术。函数柯里化的主要作用和特点就是参数复用、提前返回和延迟执行。function curry(fn, args) { var length = fn.length; var args = ...
2019-07-10 14:47:52
766
原创 一名【合格】前端工程师的自检清单（计算机基础篇）
#编译原理##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
转载 Web前端研发工程师编程能力飞升之路
【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个...
2019-05-31 10:33:06
159
转载 子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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人