- 博客(13)
- 收藏
- 关注
RSS订阅
原创 vue开发踩坑记录篇
1、vue项目本地运行局域网如何让同事能访问？打开config>index.js第16行的host的值改成host: '0.0.0.0'然后根目录找到package.json文件，第七行dev的值更改一下，后面的端口就是自己电脑的ip地址，命令行输入ipconfig就能查找到ip，然后启动项目应该就能让同事访问你的地址了，如果不能请检查防火墙是否开启"dev": "webpack-...
2019-12-31 14:18:08
280
1
原创 js移入移出事件被子元素触发解决办法
我们在写鼠标移入移除效果时，常常会用到鼠标移入或鼠标移出的事件。但是当你的div是多层嵌套，有时就会出现你的鼠标没有移出外层的div，只是移入了内层的div，也会触发鼠标的移出事件。解决办法：使用mouseenter来代替mouseover；使用mouseleave来代替mouseout。他们的区别是：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指...
2019-07-26 09:53:34
446
1
原创 vue项目搭建以及全家桶的使用详细教程
前言vue是现阶段很流行的前端框架，很多人通过vue官方文档的学习，对vue的使用都有了一定的了解，但再在项目工程化处理的时候，却发现不知道改怎么更好的管理自己的项目，如何去引入一些框架以及vue全家桶其他框架的使用，以下将详细地介绍本人在处理工程文件构建的过程；对于刚开始解除vue的新手，建议使用官方脚手架vue-cli,当然，如果你对于webpack很熟悉，你也可以自己动手搭建自己的脚手架，...
2019-06-14 15:16:25
516
原创 react模块化css
react中将css模块化的好处就是组件和组件的样式不会去冲突，每个css属性名都是独立的1、引入三个模块npm install style-loader css-loader babel-plugin-react-html-attrs --save2、组件中引入cssimport style from 'xxx.module.css'3、使用<div className=...
2019-06-11 11:01:35
1238
原创 react 路由导航选中高亮显示，切换页面高亮跟随
在react开发中，路由是react中最强大的功能，我们在做一些导航切换内容的时候，页面不会刷新，但是有的人就会问，我们在切换页面时如何选中高亮显示，在切换浏览器左上角的上一级于下一级的按钮时怎么让高亮显示的颜色跟随对应所显示的内容呢，下面将是你想要的效果。定义一个状态current，给他一个初始值，这个初始值就是获取的当前地址的名字，之后切换地址是会触发这个history函数，他会接受一个...
2019-01-28 11:39:45
7866
3
原创 react和js递归遍历树形结构数据
数据结构图{“title”:“我喜欢的明星”,“children”:[{“title”:“杨幂”,“children”:[]},{“title”:“古力娜扎”,“children”:[]},{“title”:“迪丽热巴”,“children”:[]},{“title”:“不喜欢的明星”,“children”:[{“title”:“马蓉”,“child...
2019-01-24 17:20:23
7124
原创 JS去除字符串逗号隔开的每个字符
JS去除字符串逗号隔开的每个字符话不多说，直接上图上图是已经去除数组重复的值实现方法var ss = "成都,成都,北京,上海,天津,深圳,重庆,上海,杭州,西藏,长春,济南,杭州".split(","); var kmArr = []; for(var i = 0;i&lt;ss.length; i++){ var isC = false;//是否存在(...
2018-11-15 11:41:44
1582
原创 react和ant design搭建后台管理系统
前言React是Facebook推出的一个前端框架，之前被用于著名的社交媒体Instagram中，后来由于取得了不错的反响，于是Facebook决定将其开源。出身名门的React也不负众望，成功成为当前最火热的三大前端框架之一。相比于Angular，React更加轻量。而相对于另一个轻量级前端框架Vue来说，React虽然学习和使用起来难度稍微大一些，但是React的社区相对来说人气更旺，而且在...
2018-11-15 11:41:31
8308
4
原创 前端常见面试题
1、居中一个div盒子的三种方法2、行内元素和块级元素行内元素：</a></b></i></span><input></select></br><img><textarea>块级元素：</h1></h6></div></form></Ul></li></p></ol></table>3
2021-01-31 01:03:43
216
原创 vue实现手风琴下拉菜单带动画效果
用vue实现导航菜单的时候，因项目需求要实现下拉菜单带动画效果，而不是简单的显示隐藏，用jquery实现大家应该都会，但是用vue实现怎么办？这就用到了vue的函数式组件1、写好导航样式和导航数据列表，渲染出导航列表，引入collapse-transition.js<style> .menu_box{ width:200px; margin:100px auto; border:1px solid #f00; } .mo_
2020-09-23 16:54:55
1801
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人