最新通知

搜索结果

vue图片上传,预览,压缩组件

vue图片上传,预览,压缩组件

利用H5的FileReader对象将上传的图片转base64格式,利用canvas的drawImage方法重绘上传的图片(注:drawimage是一个异步方法,需要在图片读取成功后在进行重绘,否则可能会压缩不成功)在利用canvas的toDataURL方法将图片压缩

2018年08月12日
4168 0 0 0
追梦猪追梦猪
vue
服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

报错redux-persist failed to create sync storage. falling back to ”noop" storage (redux persist无法创建同步存储。回到“noop”存储),我们很蒙蔽会找redux的问题,还有各种交流网站上跟react开发的react-native的连贯问题,但是发现跟着写也没有解决,在回退到原始找寻路径,我们去了官网的git上的issues上我们找到了蛛丝马迹如图

2020年04月11日
4174 0 0 0
追梦猪追梦猪
react
next.js出现Warning: Expected server HTML to contain a matching问题解决

next.js出现Warning: Expected server HTML to contain a matching问题解决

使用next.js对react进行服务端渲染的时候我们遇见如图问题,Warning: Expected server HTML to contain a matching <div> in <li>.原因是我们的页面上出现了跟服务端不匹配的标签,这个标签产生的原因就是我们动态判断显示的内容,比如说我们在登陆的时候,登陆成功是不是要显示我们的用户信息,填充到界面上,这样我们就知道页面跟服务端的页面发生了变化!

2020年04月11日
7346 0 0 0
追梦猪追梦猪
react
react-native报错信息之 The component for route 'X' must be a React component.

react-native报错信息之 The component for route 'X' must be a React component.

错误语句​The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件问题原因就是我们没有把组件导出造成的在最后加上export default 导出页面即可

2019年09月22日
3435 0 0 0
追梦猪追梦猪
react-native
react-native报错信息之Super expression must either be null or a function

react-native报错信息之Super expression must either be null or a function

react-native报错信息之Super expression must either be null or a function一般检测如下四步方可解决。1、确认一下React.Component是否书写正确,不是React.component或者React.Comonent…2、检查下React版本,确保更新到0.13.x及更高版本3、检查模块间是否存在循环依赖4、确认导入的库是否正确

2019年09月22日
3296 0 0 0
追梦猪追梦猪
react-native
react-native报错信息之Can't find variable

react-native报错信息之Can't find variable

Can't find variable找不到变量,所有在引用前要先定义,官方文档引入的都是在react-native这个本地库里

2019年09月21日
2925 0 0 0
追梦猪追梦猪
react-native
react.js报错信息(四)之npm run build打包空白报错

react.js报错信息(四)之npm run build打包空白报错

React项目npm run build打包上线后,页面出现空白的原因同vue打包空白错误一样就是路径问题,在react打包运行的时候出现错误导致页面空白无法访问

2019年09月01日
5598 0 0 0
追梦猪追梦猪
react-native
react.js从入门到精通(七)——数据交互

react.js从入门到精通(七)——数据交互

在react脚手架创建的项目中,类似像axios请求这样的公共方法,需要给它设定到一个全局的方法中。对比vue,vue可以直接在main.js中直接Vue.prototype.$axios = function(){}这样的形式绑定全局的方法。这样就不用每一个vue文件都去引用axios这个文件了,也方便进行统一的管理。那么react是不是也可以类似的在index.js中react.prototype绑定全局方法呢。答案是不行!!!

2019年08月25日
3428 0 0 0
追梦猪追梦猪
react
react.js从入门到精通(六)——路由的使用

react.js从入门到精通(六)——路由的使用

在pc端页面之间的切换,我们要使用a标签来实现在react.js开发中,我们采用组件化操作,一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。 我们知道react.js是一种单页面项目开发,就是在一个主页面的基础上存放各种子页面。这就好像一根网线连接路由器,而路由器能分出很多根网线连接大量的电脑。所以我们将单页面项目的页面跳转称为路由。 在第一篇放出的框架中,我们介绍过专门用来管理路由的文件——routes.js文件。

2019年08月25日
2936 0 0 0
追梦猪追梦猪
react
react.js从入门到精通(五)——组件之间的数据传递

react.js从入门到精通(五)——组件之间的数据传递

组件之间在静态中的数据传递,从上面的代码我们可以看出,两个组件之间的数据是分离,但如果我们有某种需求,将数据从一个组件传到另一个组件中,该如何实现?

2019年08月25日
2578 0 0 0
追梦猪追梦猪
react
react.js从入门到精通(四)——组件的基本使用

react.js从入门到精通(四)——组件的基本使用

(1)一个.js文件中代码量过大,不好维护。(2)某些功能或样式在项目中大范围使用,组件起到了封装代码的作用。

2019年08月25日
2595 0 0 0
追梦猪追梦猪
react
react.js从入门到精通(三)——生命周期钩子函数的使用

react.js从入门到精通(三)——生命周期钩子函数的使用

什么是组件?当一个页面所需要呈现出的内容过多,如果我们将所有的页面写在同一个.js文件中,会显得代码比较乱,给往后的代码维护造成困难。所以我们在编写代码的过程中,将某些部分提取出来,写在另一个组件中,然后在主页面中引入这个组件。 组件实际上是代码封装的一种,我们可以将经常使用到的一些功能及样式封装成一个组件,然后只需要调用这个组件便能调用这些功能和样式。这样做既方便了代码的管理又增加了可维护性。

2019年08月25日
3120 0 0 0
追梦猪追梦猪
react
react.js从入门到精通(二)——变量的定义和初始化、事件的使用

react.js从入门到精通(二)——变量的定义和初始化、事件的使用

web前端变量的定义和初始化、事件的使用和通过事件去操作界面的,所以在开发的过程中会用到大量的事件来操作dom

2019年08月25日
2589 0 0 0
追梦猪追梦猪
react
 react.js从入门到精通(一)——我的第一个react实例demo

react.js从入门到精通(一)——我的第一个react实例demo

本篇教程介绍react的从入门到精通,通过简单的demo带领大家走进react的世界

2019年08月25日
3060 0 0 0
追梦猪追梦猪
react
react.js报错信息(三)之使用create-react-app命令创建一个项目,运行npm run eject报错Remove untracked files, stash or commit

react.js报错信息(三)之使用create-react-app命令创建一个项目,运行npm run eject报错Remove untracked files, stash or commit

运行了里面带的start,build命令都会出现以上错误,看到这句话【Remove untracked files, stash or commit any changes, and try again.】翻译【删除未跟踪的文件,隐藏或提交任何更改,然后重试。】有没有一点熟悉,对就是提交git的信息,解决办法如下

2019年09月29日
4009 0 0 0
追梦猪追梦猪
react-native
react.js报错信息(二)之 Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node

react.js报错信息(二)之 Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node

在学习的时候难免遇见奇葩的报错,这个报错就是我们疏忽的报错Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node_modules\React\react'.音译/SRC/导航JS找不到文件:“index.js”与磁盘上的相应名称不匹配:“.\node\modules\react\react”。

2019年08月24日
8927 0 0 0
追梦猪追梦猪
react-native
react.js报错信息(一)之error: 'Link' is not exported from 'react-router'

react.js报错信息(一)之error: 'Link' is not exported from 'react-router'

出错原因:通常在 React 中,一般要引入两个包,react和 react-dom,那么react-router和react-router-dom不同之处就是后者比前者多出了<Link> <BrowserRouter>这样的 DOM 类组件,因此只需引用react-router-dom这个包就OK了

2019年09月29日
3515 0 0 0
追梦猪追梦猪
react-native
angular没有打包文件dist不显示打包文件dist

angular没有打包文件dist不显示打包文件dist

angular没有打包文件dist不显示打包文件dist发现文件夹下面未出现dist文件夹,网上说要配置一下路径问题,但是配置完成以后还是不出现,由此看到控制台出现了报错,我的是这样的,当我把报错解决掉以后再看文件夹下面出现了dist文件夹,由此我们知道控制台报错的情况下不会生产dist文件夹!

2019年10月19日
3213 0 0 0
追梦猪追梦猪
angular
angular解决打包空白问题

angular解决打包空白问题

angular打包以后空白页面不显示解决方法打开angular中的index页修改base路径即可

2019年10月19日
2764 0 0 0
追梦猪追梦猪
angular
angular从入门到精通(七) — 生命周期

angular从入门到精通(七) — 生命周期

每个组件都有一个被 Angular 管理的生命周期。Angular 创建它,渲染它,创建并渲染它的子组件,在它被绑定的属性发生变化时检查它,并在它从 DOM 中被移除前销毁它。Angular 提供了生命周期钩子,把这些关键生命时刻暴露出来,赋予你在它们发生时采取行动的能力。除了那些组件内容和视图相关的钩子外,指令有相同生命周期钩子。

2019年10月19日
2620 0 0 0
追梦猪追梦猪
angular
angular从入门到精通(六) — 数据定义展示与模板语法

angular从入门到精通(六) — 数据定义展示与模板语法

要显示组件的属性,最简单的方式就是通过插值表达式 (interpolation) 来绑定属性名。 要使用插值表达式,就把属性名包裹在双花括号里放进视图模板,如 {{myHero}}。删除 index.component.html 文件,这个范例中不再需要它了。然后,到 index.component.ts 文件中修改组件的模板和代码。

2019年10月19日
2842 0 0 0
追梦猪追梦猪
angular
angular从入门到精通(五) — 路由事件

angular从入门到精通(五) — 路由事件

路由链接的激活状态RouterLinkActive 指令会基于当前的 RouterState 为活动的 RouterLink 切换所绑定的 css 类。在每个 A 标签上,你会看到一个到 RouterLinkActive 的属性绑定,形如 routerLinkActive="..."。

2019年10月19日
2856 0 0 0
追梦猪追梦猪
angular
angular从入门到精通(四) — 路由和路由跳转

angular从入门到精通(四) — 路由和路由跳转

下一步的动作就是进行页面搭建路由跳转,为此,我要使用 Angular 的路由器。借助 Angular 路由器,实现路由器可以从一个视图导航到另一个视图。

2019年10月19日
2812 0 0 0
追梦猪追梦猪
angular
angular从入门到精通(三) — 项目文件结构

angular从入门到精通(三) — 项目文件结构

每个工作空间中的所有项目共享同一个 CLI 配置环境 。该工作空间的顶层包含着全工作空间级的配置文件、根应用的配置文件以及一些包含根应用的源文件和测试文件的子文件夹。

2019年10月19日
2944 0 0 0
追梦猪追梦猪
angular
angular从入门到精通(二) —  搭建环境

angular从入门到精通(二) — 搭建环境

你可以使用 Angular CLI 来创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。全局安装 Angular CLI。

2019年10月13日
2555 0 0 0
追梦猪追梦猪
angular
angular从入门到精通(一) — 概述

angular从入门到精通(一) — 概述

AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架, 已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、双向数据绑定、语义化标签、依赖注入等等。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的伪静态文本展示设计的声明式语言, 但要构建WEB应用的话它就显得乏力了。AngularJS通过MVC模式(MVC)功能增强基于浏览器的应用,使开发和测试变得更加容易。

2019年10月13日
2629 0 0 0
追梦猪追梦猪
angular
angular报错信息之 Can't bind to 'ngForOf' since it isn't a known property of 'tr'. ("

angular报错信息之 Can't bind to 'ngForOf' since it isn't a known property of 'tr'. ("

当前错误原因是没有绑定ngforof,在@ngmodule()中添加browsermodule到imports:[],如果它是根模块(appmodule),则为commonmodule。出现此问题是你的组件顺序有误,修改BrowserModule在控制器的位置

2019年10月13日
3815 0 0 0
追梦猪追梦猪
angular
angular报错信息之 'zmz-select' is not a known element

angular报错信息之 'zmz-select' is not a known element

'zmz-select' is not a known element当前错误原因是我们没有在NgModule上暴露出去我们写的组件所有会出现不是已知的元素

2019年10月13日
2831 0 0 0
追梦猪追梦猪
angular
angular报错信息之 The selector "app" did not match any elements

angular报错信息之 The selector "app" did not match any elements

The selector "app" did not match any elements未处理的承诺拒绝:选择器“app”不匹配任何元素;区域<root>;任务:promise.then;值:错误:选择器“app”不匹配任何元素当前错误原因是我们绑定在页面上的选择器不正确,

2019年10月13日
2953 0 0 0
追梦猪追梦猪
angular
angular报错信息之 Unexpected value 'undefined' declared by the module 'AppRoutingModule'

angular报错信息之 Unexpected value 'undefined' declared by the module 'AppRoutingModule'

Unexpected value 'undefined' declared by the module 'AppRoutingModule'//模块“approutingmodule”声明的意外值“undefined”当前错误原因是我们在路由里面声明错误造成的!

2019年10月13日
2804 0 0 0
追梦猪追梦猪
angular

猜你喜欢

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018年12月29日
10818 0 0 0
追梦猪追梦猪
vue

ThinkPHP(tp5)一键生成静态方法

常说的页面静态化分为两种,一种是伪静态,即url 重写,一种是真静态化。前两篇讲了两种静态化方法,基本都是使用TP自带的静态化机制。但TP写的网站页面路由都比较繁琐复杂,不利于引擎优化。

2019年01月19日
10040 0 1 1
追梦猪追梦猪
php

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018年09月15日
9724 0 0 0
追梦猪追梦猪
vue

uniapp打包提示DCloud APPID非当前账号所有

在hbuilderX启动拷贝下来的项目的时候uniapp云端打包提示:“DCloud APPID非当前账号所有,请联系应用所有者设置此账号为协作者,或重新生成APPID后打包”

2019年08月04日
9635 0 0 0
追梦猪追梦猪
uniapp

vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''

报错 npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的,

2019年09月29日
9603 0 0 0
追梦猪追梦猪
vue
Q群
Q群
Q群
反馈
纠错
友链 申请
App