Vue指令-禁止输入特殊字符 介绍:无入侵的输入检测,感觉是比较优雅的解决问题关键点:1.正则要写对,正则匹配的值需确认无误2.重新触发双向绑定的方式import Vue from 'vue'// 禁止输入特殊字符Vue.directive('disable-synmol', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 // /[`~!@#$%^&*()_\-+=<>?:"{}|,.\.
双项轮播组件(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...
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...
仿 twitter头像上传组件(vue2) 头像上传组件(此组件为仿twitter版)组件需求和思路分析```需求:1.需允许上传gif|jpg|jpeg|png|bmp|GIF|JPG|PNG等比较通用的图片格式2.鼠标滚轮可以缩放,并且获取缩放的百分比3.截图框不能拖动,上传的图片可以拖动,但是图片的拖动不能离开截图框扩展:1.是否做上传图片大小限制2.是否截图框和上传图片都能拖动3.上传图片是否按比例变大或缩小,填满截图框针对需求的优化:1.参考vue-Cropp...
前端工程师查看招聘要求的细节问题了解 前端招聘细节问题文章背景:招聘要求大多相互抄袭,没能准确明白他们想要什么样的人,我们尝试从更多的细节去触达他们的需求文章目的:给程序员们一些当看招聘消息的启示,有思考方向和辨识能力,节省时间,顺利找到心仪工作seo相关seo关于前端,ssr渲染,简易seo方案ps:暂无资料,欢迎朋友们补充1.前后端交互的全面认识,对Http协议有足够了解2.熟悉DNS,HTTP及其他相关网络层数据传输协议HTTP基础与DNS分析https://blog.csdn.n
前端面试题整理总结--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
webpack面试题整理 前言:面试被问到webpack的问题,趁机补充一下知识面gulp/grunt 与 webpack的区别是什么?三者都是前端构建工具,grunt和gulp在早期比较流行,现在webpack相对来说比较主流,不过一些轻量化的任务还是会用gulp来处理,比如单独打包CSS文件等。grunt和gulp是基于任务和流(Task、Stream)的。类似jQuery,找到一个(或一类)文件,对其做一系列链式操作,更新流上的数据, 整条链式操作构成了一个任务,多个任务就构成了整个web的构建流程。w.
前端之还原设计稿篇 最近来了个有设计感的产品,经常扣设计稿细节,因为研究了一些能更好还原设计稿的东西。1.Chrome浏览器默认显示最小字体为12px,但是用scale可以把字体设置得更小。目前来看其实即使缩小也很有可能达不到设计稿的效果,折中的方案是:太小的文字直接用图片参考资料:https://blog.csdn.net/weixin_36210698/article/details/85219282https://blog.csdn.net/im_dogg/article/details/93.
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
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
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.
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.
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
移动端常见问题(持续更新) 移动端常见问题(持续更新)移动端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.
前端调试常见问题(持续更新) 调试常见问题(持续更新)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
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年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...
Vue mixin (应用篇) vue官方文档中是这么解释的: 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。人话: Vue.mixin给我们提供了一种混入Vue实例的方法,创建了混入对象之后,我们自定义的方法或者变量可以很轻松的挂载在Vue实例上。V...