
前端
文章平均质量分 68
青春微凉不悲伤
为人坦率、热情乐观、讲求原则;处事乐观、专心、细致、头脑清醒;富有责任心、乐于助人。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Echarts柱状图label优化历程
echarts柱状图label错落显示、立体柱状图原创 2022-11-30 20:53:49 · 3515 阅读 · 0 评论 -
优化编译速度&包优化
借助config-overrides.js+customize-cra在不暴露webpack文件时修改打包的配置对象原创 2022-06-27 11:00:47 · 1226 阅读 · 0 评论 -
webpack —— 处理其他资源(以图片为例)
前面我们了解了webpack处理css文件的loader,但是如果想在项目中使用其他文件,也需要对应的loader去处理。案例需求:在网页上显示图片。在项目中使用图片,常见的有两种方式:1、通过img元素,设置src属性;2、其他元素,常见的如div,设置background-image的css属性。接下来让我们用上面两种方式各加载一张图片,在src目录下添加两张图片,在component.js文件中添加图片相关的代码:代码编写完之后,进行打包,发现报错,提示我们需要适当的loa原创 2022-05-31 17:05:40 · 561 阅读 · 1 评论 -
webpack —— loader
前面我们学习了webpack的安装、打包、配置文件等功能,现在我们接着来探索webpack的loader。需求:创建一个div元素,元素内容为一个字符串,并给该元素设置一些样式。在前面代码的js目录里创建component.js文件;在src目录下创建css文件夹,并且创建component.css文件,并且给div设置红色字体。代码编写完之后,进行打包,发现报错,提示我们需要适当的loader去处理css文件。通过查看文档,我们可以知道,loader可以对模块的源代码进行转换,而c..原创 2022-05-30 13:53:12 · 231 阅读 · 0 评论 -
webpack的配置文件 —— webpack.config.js
上篇文章我们学习了webpack的安装、打包等基本配置,现在我们来学习一下webpack的配置文件——webpack.config.js。前面我们想要打包的时候直接运行命令,npm run build即可,那么如果我们的项目中没有index文件,或者我们想指定main.js文件进行打包,会如何呢?执行打包命令,发现报错,大概意思是文件不存在。那么我们该如何进行其他文件的打包呢,有下面三种方法:方法1:执行命令:npx webpack --entry ./src/main.js该方法可以成原创 2022-05-29 14:17:44 · 1196 阅读 · 0 评论 -
useEffect、useLayoutEffect的区别及简单实现
一、useEffect 它跟class组件中的componentDidMount、componentDidUpdate和component WillUnMount具有相同的用途,只不过被合并成了一个API。const App = () => { const [count, setCount] = useState(0); useEffect(() => { document.title = count; }); return ( <di...原创 2021-08-26 17:37:52 · 527 阅读 · 0 评论 -
ReactHooks总结
自定义Hooks可以实现逻辑复用等,在多个组件中可以复用我们自定义的Hooks,并且里面的状态是独立的,自定义Hooks以use开头。});}, []);}, []);原创 2021-06-19 14:19:41 · 384 阅读 · 0 评论 -
jquery常用方法
JQuery 基本常用方法$().addClass(css中定义的样式类型); 给某个元素添加样式$().attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值$().html(); 获得该元素内的...原创 2015-01-24 20:32:12 · 827 阅读 · 1 评论 -
MobX入门基础
公司新项目使用的是mobx做的状态管理,由于之前没有接触过该技术,临时抱佛脚的看了一下,现在总结一下学习成果,不足之处,望小伙伴们多多指教。 MobX是什么? 官方文档是这样介绍的,简单、可扩展的状态管理(Simple, scalable state management)。简单来说,Mobx可以很好的管理应用程序的状态/数据,同时又简单、易扩展。 ...原创 2018-12-09 22:35:11 · 1045 阅读 · 0 评论 -
VUE
Vue是一套构建用户界面的渐进式框架。使用npm命令创建vue项目的步骤npm是依赖node的内部命令,所以应该先安装node; npm安装vue:npm i vue 安装脚手架:npm i vue-cli -g 初始化项目:vue init webpack xxx 初始化项目名、项目描述、作者等信息 ESLink、e2e这两项选No,其他项选Yes 进入项目文...原创 2018-09-16 22:59:43 · 705 阅读 · 0 评论 -
checkbox的checked事件
之前刚接触HTML的时候,关于checkbox,也研究过好多次,但大都是一些零碎的知识点,也没有及时的总结消化,现在小编就把过去的那些知识点好好的梳理一下,以便今后参考,如果有不足之处欢迎大家指正。1、获取单个checkbox选中项$("input:checkbox:checked").val() 或者$("input:[type='checkbox']:checked").v原创 2015-12-07 14:16:26 · 7997 阅读 · 1 评论 -
js插件+UploadFile类实现图片的批量上传
文件上传无疑是web应用中一个非常常用的功能,下面小编给大家分享一下diyUpload.js+ThinkPHP中的UploadFile类实现图片的批量上传。 首先,给大家介绍展示一下具体操作页面:html代码如下: 1上传图片 2上传图片信息文件(可省略) 完成原创 2015-12-15 15:42:21 · 15445 阅读 · 21 评论 -
js动态增加ul节点li及input
之前也做过有关节点的追加或者删除,但相对下面我要介绍的功能简单多了,都是单个节点的追加或者删除。下面小编将这个功能大概介绍一下。 这个功能的目的是创建多级专区,类似书籍的目录那种的,如下图: 这个功能的具体添加步骤如下:1、创建根专区 首先,在上图input框中输入一级专区的名称,如果符合需求将展示在页面上,如下图:原创 2015-12-09 16:53:38 · 11460 阅读 · 1 评论