白嫖我常用的 11 个超火的前端必备在线工具,终于有时间上班摸鱼了

大家好,我是你们的猫哥,一个不喜欢吃鱼、又不喜欢喵的超级猫~ 前言 猫哥是一个常年混迹在GitHub上的猫星人,所以发现了不少好的前端开源项目,在此分享给大家。 公众号:前端GitHub,专注于挖掘GitHub上优秀的前端开源项目,收集、整理、推荐业界高品质前端资源合集,优秀的工具、库、好的教程、了解业界更优秀的代码、工具、业界最新的技术,抹平你的前端信息不

  • 0
  • 0
  • 发布于 2021-06-14 22:00
  • 阅读 ( 43 )

收集11 个超火的前端必备在线工具,终于有时间上班摸鱼了

1.LightHouse LightHouse是一个开源的自动化工具,用于改进网络应用的质量。 可以将其作为一个Chrome扩展程序运行,或从命令行运行。 当为Lighthouse提供一个要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。 让开发人员根据生成的页面性能的报告,来进行网站优化和完善,提高用户体验。 可以参考失败的测试,看看可以采取哪些措施来改进应

  • 0
  • 0
  • 发布于 2021-06-14 22:00
  • 阅读 ( 42 )

web_前端开发JS框架篇-基础语法-Vue-cli脚手架安装及环境配置

Vue-cli脚手架概述 Vue-cli(脚手架): Vue的开发必须是通过脚手架开发 Vue的脚手架:vue-cli 作用是:辅助我们完成vue项目的搭建以及开发 脚手架如何搭建? 搭建脚手架需要几个命令行工具没有配置过这些命令的电脑第一次上来需要进行各种安装配置,配置过的就以后直接使用。 脚手架安装一共需要安装三个命令: npm命令、cnpm命令、vue命令;npm命令是国外的所以我们安装完直接使用会

  • 0
  • 0
  • 发布于 2021-06-14 21:51
  • 阅读 ( 52 )

web_前端开发JS框架篇-Vue基础进阶版-Vue-cli脚手架

vue项目基本目录结构以及启动最基本组件 在文件路径输入cmdvue-initwebpack文件纯英文小写名称回车4个回车ynnnvcd文件名(输入文件首字“v母按teb键,自动切换以”v"开头的)npminstall下载以依赖,自动检索目录package.json,npmrundev启动一个项目build文件夹: 构建项目的文件夹里面的文件都是配置当前项目构建的一些信息;例如:热更新,项目实时更新 config文件夹: 做项目配置的文件夹

  • 0
  • 0
  • 发布于 2021-06-14 21:50
  • 阅读 ( 42 )

web_前端开发JS框架篇-Vue基础入门版-基础语法

vuejs概述 jQuery库是针对js的dom的封装,封装了好多原生js的dom操作繁琐的地方,那Vuejs是针对html+css+js的一个封装虽然vuejs没有脱离这三大技术,但是在原有基础上进行了整合推出了组件化开发的概念。 MVC框架: Model---View---Controllor模型---视图---控制者 框架(vue使用的): Model---View---View---Model模型---视图---视图---模型 数据直接对应页面;数据变化页面就变化;页面变化数据就变化;

  • 0
  • 0
  • 发布于 2021-06-14 21:50
  • 阅读 ( 42 )

React框架入门-创建项目、JSX了解

安装react官方脚手架(这里如果没有安装的话需要安装,安装一次即可) npminstall-gcreate-react-app 创建项目 初始化项目 create-react-appmy-project 进入项目  cdmy-project 运行项目  npmstart 运行项目后打开文件:,可以看到public内存放的是静态文件,src内存放的是代码,index.js是项目的入口文件。 运行项目打开后的结果为下图时,表示运行正常。   这里的整个简单的react就创建好了,可

  • 0
  • 0
  • 发布于 2021-06-14 21:44
  • 阅读 ( 46 )

Ant Design Vue日期选择器DatePicker设置日期格式、获取并设置数据

导入 在使用日期选择器前需要先引入momnet: importmomentfrom"moment"; import"moment/locale/zh-cn" 在引入后使用选择器: <a-date-picker format="YYYY-MM-DDHH:mm:ss" v-decorator="['time',{rules:[{required:true,message:'请输入时间!'}]}]" :showTime="{initialValue:moment('00:00:00','HH:mm:s

  • 0
  • 0
  • 发布于 2021-06-14 21:43
  • 阅读 ( 43 )

Ant Design Vue给a-form表单赋值及获取表单数据

这里先说一下v-decorator指令: v-decorator 下面是form表单内的文本输入框,使用了v-decorate进行数据绑定: <a-inputplaceholder="请输入名称"v-decorator="['name',{rules:[{required:true,message:'请输入名称!'}]}]"></a-input> 这个是v-decorate的用法,类似于v-model,但是v-decorator可以更方便的添加校验,必填项等;v-model可以更方

  • 0
  • 0
  • 发布于 2021-06-14 21:42
  • 阅读 ( 71 )

前端学习笔记

JS js对象是通过引用来传递的,我们创建的每个递归函数是在一个函数通过名字调用自身的情况下造成的 functionfactorial(num){ if(num<=1){ return1; }else{ returnnum*factorial(num-1); } } callapplybind继承 第二个参数不一样,call()第二个参数是数,apply()第二个参数是数组 模块化:公共&私有方法(闭包) 块级作用域(通常称为私有作用域)的匿名函数的语法: function关键字会被当做一

  • 0
  • 0
  • 发布于 2021-06-14 20:48
  • 阅读 ( 82 )

web前端页面性能优化笔记(包括缓存,资源压缩合并,server worker等)

添加小程序,兑换各种视频教程/数据资源。 包括:资源的合并与压缩,图片编码原理和类型选择,浏览器的渲染机制,懒加载预加载,浏览器存储,缓存机制,PWA,Vue-SSR等页面优化的功能。 1.基础优化:    1.1资源的合并与压缩:        1.1.1理解减少http请求和减少请求资源大小的优化:包括html压缩,css压缩,js压缩,文件合并,开启gzip。          ①html压缩:包括

  • 0
  • 0
  • 发布于 2021-06-14 20:48
  • 阅读 ( 64 )

axios 上传文件_聊一聊前端上传大文件的几种方式。

文件上传的几种方式 首先我们来看看文件上传的几种方式。 普通表单上传 使用PHP来展示常规的表单上传是一个不错的选择。首先构建文件上传的表单,并指定表单的提交内容类型为enctype="multipart/form-data",表明表单需要上传二进制数据。 <formaction="/index.php"method="POST"enctype="multipart/form-data"><inputtype="file"name="myfile"><inputtype="s

  • 0
  • 0
  • 发布于 2021-06-14 20:48
  • 阅读 ( 38 )

前端压缩图片后上传,图片压缩

jquery图片压缩后上传(layui文件上传) HTML:我这里是用了layui的表单css代码:inputtype="file"样式js代码:压缩后的图片转化为base64格式再传给后端 项目需求:表单内选择图片上传,图片要在前端压缩后传给后端 如下图所示:仅展示图片上传部分代码: HTML:我这里是用了layui的表单 <!--银行卡照片--> <divclass="layui-form-item"id="bank_card_image_box"> <labelc

  • 0
  • 0
  • 发布于 2021-06-14 20:47
  • 阅读 ( 70 )

使用Vue开发微信小程序:mpvue框架

原文链接:https://www.jianshu.com/p/8f779950bfd9接触微信小程序有一段时间的开发者或开发团队,我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架,尤其是一些做过Web开发的开发者,受到现如今Web主流开发框架如Angular,React,Vue等的核心思想的影响,对数据/状态管理、组件化、跨平台等都有较高的追求。 所以,从小程序出现到现在,已经陆陆续续出现了一些遵循了这

  • 0
  • 0
  • 发布于 2021-06-14 19:46
  • 阅读 ( 68 )

前端开发的你,必须知道这些前端的坑

原文链接:https://www.jianshu.com/p/6f5649b9f368前端是一个相对比较新的行业。但在这几年期间,随着W3C标准的不断更新以及node.js的兴起,基于node.js一系列的工具和诸多前端框架都参差不齐的浮出水面。 大多数不了解前端的人想转行前端,第一点原因是前端极其低的门槛,第二点是他们对前端的理解,普遍停留在毫无计算含量的网页布局以及和美工一样的样式设计。 计算机专业的

  • 0
  • 0
  • 发布于 2021-06-14 19:46
  • 阅读 ( 29 )

学习WEB前端开发是选择自学还是去培训机构?

WEB前端开发是目前最火的行业之一,竞争很大,工资很高,未来发展也极好。 我做WEB开发有很长一段时间,现在经常看见大家在留言问我想转行学习WEB前端但是不知道是选择自学,还是选择培训。 今天根据我对于这行业的了解,给大家详细对比一下这两个选择的优势和劣势。 如果我解释的大家还是不懂可以直接私聊我。 希望可以帮助零基础入门的你少走弯路。个人经历: 我

  • 0
  • 0
  • 发布于 2021-06-14 19:46
  • 阅读 ( 42 )

前端开发——两种定时器

js的两种定时器分别是setInterval和setTimeout。他们的区别在于计时的方式不同,前者为循环计时,后者为定时计时。下面我们来分别介绍一下。 setInterval window.setInterval([function],[interval])设置一个定时器,并且设定了一个等待的时间[interval],每隔一段时间,就会执行一次对应的方法function,直到计时器被清除为止。计时器的清除方法为window.clearInterval(计时器名称) 例一: 本案例需要

  • 0
  • 0
  • 发布于 2021-06-14 19:46
  • 阅读 ( 63 )

优秀的前端开发者为什么难找

这是一个合理的问题。对外行而言,前端开发一定看起来易如反掌吧。但如果是这样的话,为什么前端开发者不是多如牛毛呢? 答案很简单:前端开发,就像任何特殊行业或体育比赛一样,比它看起来难得多。它不难,直至你把脚趾放进去,方知水很深。 前端开发比它看起来要复杂 且不说服务器端的开发有多难,要知道客户端的工作所遇到的问题仍然很重要。作为一名前端

  • 0
  • 0
  • 发布于 2021-06-14 19:46
  • 阅读 ( 62 )

jQuery特效,网站模板,商城模板,网页特效各种前端源码免费下载

原文链接:https://www.jianshu.com/p/3e4b9960e033素材520网免费下载各种前端素材源码 https://www.sucai520.com/有需要前端相关学习资料与网易内部资料的私我,回复“资料”即可获取哦!

  • 0
  • 0
  • 发布于 2021-06-14 19:46
  • 阅读 ( 44 )

nginx通过压缩json的大小,提高访问速度

最近自己搞了个项目,但是发现返回的json的数据很大,大概接近500KB,每次请求大概需要接近2S,对于一个web项目是无法容忍的?怎样解决这个问题那?压缩json大小还是改造项目那? 通过查阅资料,发现nginx提供gzip压缩,通过压缩可以减少json的大小 我们看一下效果如下: 1、大小又接近500KB降低到25.2KB 2、请求时长又1.7-2S之间降低到166MS左右 具体配置 gzipon; gzip_min_length102480;

  • 0
  • 0
  • 发布于 2021-06-14 19:36
  • 阅读 ( 48 )

Vscode下快速开始编写html的方法

1.首先在第一行输入! 2.然后将光标移动到!后 3.按下tab键 4.完成 效果如下:

  • 0
  • 0
  • 发布于 2021-06-14 19:36
  • 阅读 ( 62 )

今天,有什么经验需要分享呢?

立即撰写

热议话题 »