项目开发实用小技巧
关注
分享
扫一扫
文章平均质量分 57
吴迪98
喜欢敲代码的吴小迪~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端图片质量压缩
图片压缩：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <script type="text/javascript"> /* 三个参数 file：一个是文件(类型是图片格式)， w：一个是文件压缩的后宽度，宽度原创 2020-12-25 13:57:16 · 329 阅读 · 0 评论 -
项目权限的那些事
感谢内容提供者：金牛区吴迪软件开发工作室文章目录权限前端跟后端关系请求接口权限控制权限前端跟后端关系对于权限控制，首先需要明白一点：“权限的真正控制都必须是在服务端负责的”。权限控制，本质是控制的用户对于 API 的操作权限，举一个例子，如果非管理员没有点击某个按钮执行某个操作的权限，那么如果仅仅是前端把这个按钮隐藏是无法做到真正的权限控制的。因为理论上用户可以直接发送一个接口请求服务端来完成这个操作。真正的权限验证应该放在服务端，这样哪怕用户绕过前端的限制请求了后端的接口也无法真正的完成操作.原创 2021-07-23 23:30:06 · 986 阅读 · 2 评论 -
使用rc-form做个验证不符合rules规则的组件
今天我们就来看看怎么基于rc-form做一个验证rules规则的组件。最终效果图如下所示：领用人和申请部门都是必填项，如果提交数据的时候没有选择的话则给出第一个错误提示，【比如俩个都不符合规则那么只报第一个错误】。并且不符合规则的那一项变红。不符合规则的改变时对应的状态消失。接下来我们看一下我们最终实现的样式：1.初始样式：2.提交验证时：3.选择数据后【只是选择了数据并没有点...原创 2020-03-21 15:12:17 · 27023 阅读 · 0 评论 -
vue与react当路由页面跳转时滚动位置不对的处理
在我们开发react或者vue项目的时候会发现当切换路由进行页面跳转的时候如果在前一个页面将滚动条滚到了最下面然后进行跳转那么接下来的那个页面也会默认滚动在最下面。这个时候我们就需要处理一下。在处理之前我们首先需要知道原因在哪里：原因是因为虚拟dom的算法问题，导致不会更新scroll解决方法：在你的外层框架监听history.location.pathname的变化，只要变了那就将b...原创 2020-01-15 14:26:01 · 21618 阅读 · 0 评论 -
数组中的对象去重方法(使用时将我的参数数组改成你自己的就可以了)
项目开发过程中经常会处理数据，其中数组中的对象去重是最凡人的，今天笔者就将数组当中的对象去重方法分享给大家，大家使用的时候只需要调用这个方法，传入你要去重的数组以及对象的唯一值就可以了。PS:笔者封装的这个方法不论是参数是对象还是普通的数字或者字符串都可以实现去重// 首先搞三个数组用来待会测试// 要进行去重的数组const arr = [ { id: 1, name: '...原创 2019-08-15 19:00:44 · 38606 阅读 · 2 评论 -
JS特性检测，检测元素上是否有指定属性或当前浏览器是否支持某元素或某属性
我们在开发的过程中如果要向后兼容的话我认为这篇文章还是很能帮助到你的。可以把笔者的代码copy过去使用。我们要检查指定元素上面是否有特定的属性，可以使用下面这个函数：function elementSupportsAttribute(elementName, attribute) { if (!document.createElement) return false; let temp =...原创 2019-08-11 16:32:00 · 39217 阅读 · 0 评论 -
开发移动端项目在真机上面的调试方法
我们很多朋友开发移动端的时候只知道在浏览器中开控制台（按F12就可以打开控制台了）然后点击小手机在浏览器中模拟手机，就像下面这样：但是并不知道如何在开发的过程中在手机上调试。只有上线后才通过下载软件或其他方式拿手机去看，或者搞个手机模拟器啥的连接，麻烦的一笔。我们今天就交给大家最简单的方法：启动你的项目将你启动后的项目连接copy下来查看你的本机IP（查看方法：查看本机IP的方法(...原创 2019-08-11 16:14:47 · 36274 阅读 · 6 评论 -
前后端分离前端在没联调的时候设置允许跨域
chrome浏览器的跨域设置做前后分离的webapp开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，好在chrome浏览器就是支持可跨域的设置，网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。下面笔者简单介绍一下新版本chrome的跨域设置方法。版本号49之前的跨域设置先介绍一下老方法，参考了一些网上的教程，其实直...原创 2019-07-27 12:51:10 · 31118 阅读 · 0 评论 -
如何为移动开发选择技术栈？
今天就来聊一聊如何选择移动应用开发的技术栈选择合适的技术栈是移动开发领域最关键的决策之一。你选择的技术栈将为你开发的移动应用提供基本的功能、可拓展和维护性。选择技术栈时应该注意项目的类型、预期投入市场的时间和创意的可行性。原则上来说，选择何种技术栈取决于产品的设计目标。例如，跨平台方法对于初创公司是一个很好的解决方案，而原生开发适合构建具有出色性能的复杂移动应用。对于缺乏技术背景的客户来说...原创 2019-07-21 18:08:01 · 48763 阅读 · 4 评论 -
webpack以及gulp介绍
webpackwebpack3和4的区别：4是零配置的；$npm i webpack -D$npm i webpack -cli -D就可以在命令行使用webpack命令；入口文件可以写成字符串，数组或者对象。写成数组就打包到一起，写成对象会分片打包。webpack-plugin:html-webpack-pluginwebpack-dev-serverwebpack-me...原创 2019-07-17 22:07:30 · 34888 阅读 · 0 评论 -
IT项目工程化
JS项目工程化：版本控制自动化持续继承，继续交付（CI / CD）代码质量控制（QA）工具模块化文档demo编译过程：自动化处理每次push,tag,release的任务队列安装：安装npm命令行工具安全审计：npm auditLint：格式检查：eslint / stylelint格式化：prettier测试测试套装：jest / mocha / ava ...原创 2019-07-17 21:55:05 · 34488 阅读 · 0 评论 -
钉钉企业微应用调试方法
解决钉钉企业微应用需要反复部署调试的方法(钉钉企业微应用调试方法)启动你的本地项目（前提要后端允许本地的id地址访问）首先下载钉钉RC版，加QQ：1336791007免费领取（备注，求钉钉RC版）进到RC版的钉钉点击工作（一定要是RC版的，不要普通的钉钉）选择企业，点击要调试的微应用在本地chrome浏览器下输⼊url:localhost:16888，然后点击你已经打开的相应⻚⾯...原创 2019-08-07 12:16:52 · 35730 阅读 · 28 评论 -
前端开发应知网站(强烈推荐)
作为一名前端开发者（所有程序员）最起码遇到bug就算不会解决也应该会搜解决问题的答案。一般笔者会先在百度搜（关键词一定要输入正确）如果没搜到会再去bing里面看看还没有的话就去github的Issues里面再看看如果还不行就只能自己去看官方文档然后自己研究了。只是知道搜解决问题的方法这是最基础的，遇到问题才会去想办法解决，而作为一名...原创 2020-03-31 12:29:59 · 128734 阅读 · 0 评论 -
项目中常用插件
lodash - - 节流防抖插件原创 2019-06-05 21:13:05 · 38265 阅读 · 0 评论 -
写移动端自适应屏幕的方法
前端移动端开发的时候肯定是会面对不同型号的手机的页面展示问题的，今天给大家推出另外一种自适应不同移动端的方法，使用vw，vh单位。vw和vh单位的大小是多少？vw和vh是根据设备的宽度和高度来决定的，设备的宽就是100vw，设备的高就是100vh，你设置的50vw就是相当于设备宽度的50%，你设置的100vh就是相当于设备高度的100%。切记：不要把vw和vh弄混淆了，如果你给元素宽度设置...原创 2019-04-14 19:37:50 · 47702 阅读 · 15 评论