前端工具
文章平均质量分 50
1091214370的博客
以前很狂,现在很菜!
展开
-
Git 常用功能总结
常用的git命令总结mkdir xxxx //创建文件夹,文件夹的名字为xxxxgit init //初始化仓库git add '文件名.格式' //提交文件,可以一次提交多个,格式为git add '文件名1.格式' '文件名2.格式'git commit -m"message" //告诉git,文件提交到仓库, -m"message"为本次提交增加说明,message为说原创 2017-02-21 20:14:40 · 611 阅读 · 0 评论 -
webpack打包复制文件插件 -- copy-webpack-plugin
在离线应用中,前端所有文件都需在在本地,有些文件(比如iconFont)需要转为离线文件,这些文件可以直接引用更方便些,这就需要在打包时直接复制到打包文件下。 前端的文件复制让人直接联想到node的fs,可以在打包时调用文件复制方法,当然webpack提供一款插件来解决这一问题:copy-webpack-plugin。 安装插件: cnpm i copy-webpack-plugin -D /*...原创 2019-01-28 13:32:58 · 12216 阅读 · 0 评论 -
记一次npm发包失败的经历
前言 早就注册了npm,就发布了一版测试包,搁置到此,最近想封装一些常用组件,发布到npm上面,也算是一种技术储蓄了。 从昂首挺胸到灰头土脸 正常的发布流程其实很简单: 注册个npm账号 本地使用npm登录npm login,填写用户名、密码、邮箱完成登录 在待发布的文件内执行npm publish,即可完成npm包的发布 按照这个流程,直接登录就可以了,之前我已注册完成了,直接npm log...原创 2018-09-30 14:32:57 · 6511 阅读 · 1 评论 -
适用于React的富文本编辑器 -- react-umedito 图片上传本地服务器解决方案
react-umeditor,这是liuhong1happy同学将百度富文本编辑器用react封装的一个组件。 安装:npm install react-umeditor –save 使用:react-umeditor github文档中有介绍 这篇文章不是介绍插件是怎么用的,是总结如何将图片上传到本地服务器,并且正常使用。 问题:插件本身使用七牛作为图片服务器,与实际需求不符,我们希望上...原创 2018-02-24 16:42:36 · 6760 阅读 · 1 评论 -
webstorm不能自动重新编译问题
问题: 项目是react+webpack的,已经设置好,页面改动一次,就会自动更新,实际却需要手动执行 npm start,偶尔也会自己更新。 问题原因: system setting 里面默认勾选了safe write选项,其作用是首先把文件的修改保存到一个临时文件里,当确定保存完毕之后再用临时文件替换原文件。 解决方案: 取消safe write的勾选。 webstorme带有原创 2018-02-01 09:36:39 · 10193 阅读 · 0 评论 -
mongodb的常用指令
安装过程: 1、本地安装,在mongodb官网下载msi文件。下一步下一步的安装。在c盘根目录创建M_DB和M_LOG文件夹,在安装目录下bin文件内创建文件mongo.config,并输入一下内容。 ##数据库目录 dbpath=C:\M_DB##日志输出文件 logpath=C:\M_LOG\mongodb.log然后配置环境变量。 2、本地安装好后,在node环境下安装mongodbnpm原创 2017-06-04 16:12:58 · 554 阅读 · 0 评论 -
偏偏在面试的时候踏入一个大坑--360浏览器兼容模式
之前从来没使用过360浏览器,也不知道他有兼容模式和极速模式。在线打开之前做过的案例(兼容模式),就完全傻眼了—乱七八糟。很绝望(最气人的是当时竟然没想到换个浏览器试试,哎,第一次面试果然让人记忆深刻呀,~~(>_<)~~)。 回来后就立马查看,但是在其他浏览器包括ie9中试了试,完全没问题呀,泪奔~~~~ 于是百度了一下,大概意思如下: 360兼容模式和极速模式 兼容模式:以电脑中IE版本原创 2017-05-22 21:15:30 · 2787 阅读 · 0 评论 -
jade模板引擎的使用方法
jade模板引擎的使用方法原创 2017-06-06 09:25:27 · 1867 阅读 · 0 评论 -
less简单的入门知识总结
less的注释:/**/ 会编译出来,作为注释保存在css文件里面 // 仅仅是注释,不会再被编译less的变量//@变量名:变量值; @red:red; body{ background:@red; }//编译结果 body{ background:red; }less混合//@变量名:变量值; @red:red; .box{ background:@red;原创 2017-06-15 20:40:35 · 306 阅读 · 0 评论 -
webpack 个人配置
a.在全局中安装webpack:npm install webpack -g b.将webpack安装到项目并将webpack写入package.json的devDependencies中:进入项目根目录,然后在命令行中输入npm install webpack –save-dev。 c.全局安装服务器:npm install webpack-dev-server -g d.在项目中安装并将依原创 2017-05-13 23:52:01 · 285 阅读 · 0 评论 -
web前端的SEO优化问题学习总结
关于前端SEO优化主要从两个方面入手:网站结构布局优化和页面代码优化关于网站结构优化:最主要的要求就是网站结构层次结构要少,最好的是扁平化的网站结构设计。 1. 控制首页的链接。网站首页的链接最好在100个以内。 2. 网站结构扁平化铺开,最好是三层到底。结构大概是首页-分类页-详细页。 3. 导航设置。建议导航多设置几个,导航不止能在头部,也可以在底部,还可以在中间。导航还可以设置成主原创 2017-03-05 16:58:35 · 1312 阅读 · 0 评论 -
eCharts增加图例(legend)的点击事件--echarts-for-react
1. 功能需求: 用户点击图例,进入下钻页面。 2. 背景 使用echarts-for-react开发的图表,echarts的点击事件不能应用与图例,点击图例会触发legendselectchanged事件。图例选择与非选中状态会直接影响到图表的展示效果,非选中状态图例对应的内容不会再图表内展示。当我点击图例时,页面跳转至下钻页面。 3. 解决思路 需要保证点击图例时,页面跳转至下钻页面,但是被点...原创 2019-04-20 16:10:47 · 10063 阅读 · 0 评论