博客专栏  >  前端   >  前端开发项目问题解决方案

前端开发项目问题解决方案

总结归纳前端项目中遇到遇到的问题和解决方案。方便自己记忆,也希望能帮助到遇到这些问题的小伙伴。 路虽远、行则将至,事虽难、做则必成。

关注
9 已关注
31篇博文
  • 【React】使用shouldComponentUpdate对组件性能进行优化

    前言 react中,我们通过this.setState()方法去改变自身组件的state,以及子组件的props,然后触发组件重新渲染。 那么,当我们setState之后,新的state和旧的sta...

    3天前 17:29
    9
  • JS通过url获取参数

    //获取url中的参数 function getQueryString(name) { var reg = new RegExp("(^|&)" + name ...

    2018-03-15 20:31
    90
  • 【微信小程序】公共方法实现实时捕捉input输入

    项目中,一个表单中经常有好几个input,但是微信小程序并不像vue那样实现双向绑定,所以我们要自己去实现当用户输入的时候,实时获取用户输入的值。 方法比较简单,就两个步骤。 1.wxml &a...

    2018-10-09 10:40
    43
  • 【兼容性】ios上设置overflow: scroll不滚动bug

    背景 目前遇到这么一个问题:我有一个可以向下展开的下来菜单,菜单初始高度大于300px左右,没有超过手机屏幕高度,当展开的时候如果超过手机屏幕高度时让父元素出现滚动条滚动,就是说内容的高度是动态的。...

    3天前 16:35
    20
  • router-link传递参数并获取

    跳转链接:<router-link :to="{path:'libraryDetail/', query:{library_id:data.library_id}}"...

    2018-03-16 16:45
    7376
  • vue+element中自定义表单校验特殊字符

    本次项目基于vue和element-ui,需要在前端用户输入的时候去校验输入的内容中是否含有特殊符号,如果有,则提示用户不支持输入特殊符号。 校验规则方法 export function check...

    2018-09-22 16:07
    98
  • CSS实现垂直水平居中

    前言 面试中常常被问到,如何使用css来实现一个元素的垂直水平方向上居中,特别是笔试题的时候,这道题目的出现频率还是比较高的,当然,在我们的生活中,也常常会有垂直水平居中的需求。 css实现垂直水...

    2018-06-11 16:45
    468
  • element-ui中下拉菜单子选项click事件不触发问题

    将@click改为@click.native='logoutHandle';即可监听选项的点击事件。 ...

    2018-02-05 17:14
    4550
  • webpack配置多页面项目

    相信经常使用webpack的人已经深刻体验到自动化工具给我们带来的便利。我自己最常用的是vue,平时就是使用vue-cli或者nuxt构建的项目,聪明的前辈已经为我们配好了项目,可以让我们不必去配置就...

    2018-02-04 23:21
    5843
  • git添加远程仓库

    在git服务器已经搭建好的情况下,仓库: 1-进入你服务器的git目录下: 2-使用git init --bare test.git 初始化一个名为test的仓库; 3-使用chown -R g...

    2018-02-04 22:04
    163
  • github中提交预览演示静态页面

    有时候我们写的开源的项目,可能有一些打包出来的静态页面需要直观的展示给他人,github上我们除了可以上传源码之外,还可以上传我们的打包出来的静态页面,用户通过访问相应的链接就可以直接访问到这些页面。...

    2018-02-04 23:45
    177
  • css实现鼠标上移图标旋转效果

    鼠标上移图标旋转效果在企业的项目中经常会使用到,特别是顶部导航栏,比如: 接下来就是要使用css实现鼠标上移图标旋转效果。 div,img,...

    2017-06-17 11:57
    2908
  • 微信小程序点击控件修改样式

    现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它。 第一步:在wxss中定...

    2017-06-30 18:23
    32723
  • MySql下载、配置、安装、启动

    1.下载 进入mysql官网进行下载,选择适合你的操作系统,我选择的如下: 点击download你会进入如下页面, 以上两个按钮分别是登录和注册,因为我们一般使用不到收费的功能,...

    2017-09-20 17:13
    458
  • mysql报错Access denied for user 'ODBC'@'localhost' (using password: N O)解决

    在my.ini文件中的 [mysqld] 添加 skip-grant-tables这一句。 然后net stop mysql停止mysql;然后net start mysql重启即可...

    2017-09-20 17:58
    334
  • a标签拨打电话,打开qq,table消除表格间隙

    拨打电话: a href="tel:020-8888888"> a> 打开qq: a class="o-btn" href="http://wpa.qq.c...

    2018-02-04 21:37
    565
  • vue中监听路由变化

    mounted(){ this.currentRouterPath=window.location.pathname; }, watch: { '$route' (to, from)...

    2018-01-15 15:59
    3065
  • vue中解决v-for使用报红并出现警告问题

    代码报红对于追求优美代码的强迫症患者来说看着很不舒服,报红如下: 控制台中也会有: (Emitted value instead of an instance of Error) : comp...

    2018-01-15 16:10
    3351
  • Nuxt.js中引入ElementUI

    nuxt.config.js中配置 module.exports = { /* ** Headers of the page */ head: { title: 'front', ...

    2018-01-12 16:42
    1941
  • Nuxt.js设置页面跳转过渡动画

    1.在/assert目录下建立一个page-transletion.css文件,里面包含过渡动画内容,内容如下: .page-enter-active, .page-leave-active...

    2018-01-08 14:13
    1382
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部