- 博客(326)
- 收藏
- 关注
原创 nodejs图片的压缩上传和base64的上传接受显示
安装multer中间件和fs,formidablenpmimulter--save npmifs--save npmiformidable--save配置constfs=require("fs"); constp...
2019-12-05 10:11:33
1441
原创 vue 非父子传递EventBus事件总线模式开发
EventBus 是一个非常重要且常用的东西,在不相关组件通信方面有着很强大的作用。EventBus想想如果从最顶层组件传一个 data 给最底层组件,仅仅使用父子传递的方式会变得十分麻烦。而 EventBus就是用来解决这个问题的:在需要获取 data 的组件上设置一个监听器,...
2019-12-05 09:19:24
454
原创 MySQL查询当天当月数据
今天select*from表名whereto_days(时间字段名)=to_days(now());昨天SELECT*FROM表名WHERETO_DAYS(NOW())-TO_DAYS(时间字段名)<=1近7天SELECT*FROM...
2019-12-04 16:41:59
442
原创 vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first...
安装npminstallvue-echarts在vue中引入vue-echarts组件的时候报错了,如下图Error in mounted hook: "Error: Component series.line not exists. Load it first解决方法...
2019-12-04 16:31:29
7408
5
原创 MySQL查询一年的十二个月份,形成echart图形报表数据
统计某一年中的1-12个月的数据总和selectyear(now())年度, sum(casewhenmonth(时间)=1then1else0end)一月, sum(casewhenmonth(时间)=2then1else...
2019-12-04 16:18:33
1404
原创 js事件实现全屏和退出全屏
在做前端PC端项目中,我们经常会遇到让页面全屏的需求。大多情况下,这样可以使得用户在该页面更加专注,屏蔽掉该页面之外的干扰。1. 状态判断首先,我们需要给出一个默认状态,即非全屏。然后,在此基础上我们进行DOM操作,每次用户进行操作时,我们先判断当前状态,进行相应的操作,操作过后改变...
2019-12-04 15:50:16
1896
3
原创 vue-echarts npm run build 编译生产版本报错 UglifyJs
问题描述: webpack构建vue项目, 使用 vue-echarts组件时, npm run build 编译生产版本报错ERROR in 0.build.js from UglifyJsUnexpected token: name (raf) [./node_modules/...
2019-12-04 15:32:00
735
原创 vue打包字体文件路径错误的问题
在我的项目中遇到的情形是:打包后,css里加载的font文件路径变成了:/static/css/static/fonts/iconfont.eot,原先的打包没有这样的问题,而期望的应该是/static/fonts/iconfont.eot。修改方式:在build/utils.js3...
2019-12-04 11:17:12
862
原创 node中Session的使用
session的介绍 为什么使用session: session运行在服务器端,当客户端第一次访问服务器时,可以将客户的登陆信息保存。 当客户访问其他界面时,可以判断客户的登陆状态,做出提示。 可以保存一些客户的常用信息,当客户端再次获取常用信息...
2019-12-04 11:05:59
2093
原创 NodeJs - Express项目 自动生成API文档之apidoc
登录ApiDoc官网,熟悉官方文档ApiDoc官网由官网所知,我们使用WebStorm创建好Express项目后,需要安装一个ApiDoc库,代码如下:npmiapidoc-g#全局安装方式一:根目录配置apidoc.json{ "name"...
2019-11-01 09:32:00
1521
原创 angular没有打包文件dist不显示打包文件dist
执行打包发布命令ngbuild发现文件夹下面未出现dist文件夹,网上说要配置一下路径问题,但是配置完成以后还是不出现,由此看到控制台出现了报错,我的是这样的,当我把报错解决掉以后再看文件夹下面出现了dist文件夹,由此我们知道控制台报错的情况下不会生产dist文件夹! ...
2019-10-17 10:25:55
1028
原创 angular解决打包空白问题
将index.html 里面的<basehref="/">改为<basehref="./">如图前面加一个 点 就好了,然后再次打包。本地是无法打开的,文件需要运行在服务器环境下,可以用自己配置的服务器打开也可以下载HBui...
2019-10-17 10:21:04
1279
原创 angular从入门到精通(六) — 数据定义展示与模板语法
六、数据定义展示与模板语法你可以通过把 HTML 模板中的控件绑定到 Angular 组件的属性来显示数据。1.使用插值表达式显示组件属性要显示组件的属性,最简单的方式就是通过插值表达式 (interpolation) 来绑定属性名。 要使用插值表达式,就把属性名包裹在双花括号里放进...
2019-10-16 14:17:51
283
原创 angular从入门到精通(七) — 生命周期
八、生命周期每个组件都有一个被 Angular 管理的生命周期。Angular 创建它,渲染它,创建并渲染它的子组件,在它被绑定的属性发生变化时检查它,并在它从 DOM 中被移除前销毁它。Angular 提供了生命周期钩子,把这些关键生命时刻暴露出来,赋予你在它们发生时采取行动的能力...
2019-10-16 14:17:28
230
原创 angular从入门到精通(五) — 路由事件
五、路由事件路由链接的激活状态RouterLinkActive指令会基于当前的RouterState为活动的RouterLink切换所绑定的 css 类。在每个 A 标签上,你会看到一个到RouterLinkActive的属性绑定,形如routerLinkActive...
2019-10-16 13:08:04
233
原创 angular从入门到精通(四) — 路由和路由跳转
四、路由和路由跳转安装启动完成后,出现下图:下一步的动作就是进行页面搭建路由跳转,为此,我要使用 Angular 的路由器。借助 Angular路由器,实现路由器可以从一个视图导航到另一个视图。首先我们要注册路由在项目src/app/app.module.ts下// 引入路由组件i...
2019-10-16 11:30:27
344
原创 angular从入门到精通(三) — 项目文件结构
三、项目文件结构安装完成我们会看到下面的文件结构:每个工作空间中的所有项目共享同一个CLI 配置环境。该工作空间的顶层包含着全工作空间级的配置文件、根应用的配置文件以及一些包含根应用的源文件和测试文件的子文件夹。文件作用每个工作空间中的所有项目共享同一个CLI 配置环境。该工...
2019-10-16 09:34:31
225
原创 angular从入门到精通(二) — 搭建环境
二、环境搭建前提条件在开始之前,请确保你的开发环境中包括Node.js 和 npm 包管理器。Node.jsAngular 需要Node.js版本 10.9.0 或更高版本。要检查你的版本,请在终端/控制台窗口中运行node -v。要获取Node.js,请转到nodej...
2019-10-16 09:14:19
207
原创 angular从入门到精通(一) — 概述
一、概述1、angular是什么?AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架, 已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、双向数据绑定、语义化标...
2019-10-16 09:00:24
740
原创 angular报错信息之 Can't bind to 'ngForOf' since it isn't a known property of 'tr'. ("
angular报错信息之Can'tbindto'ngForOf'sinceitisn'taknownpropertyof'tr'.("//无法绑定到“ngforof”,因为它不是“tr”的已知属性。(“...
2019-10-15 15:29:00
9303
原创 angular报错信息之 'zmz-select' is not a known element
angular报错信息之'zmz-select'isnotaknownelement://“zmzselect”不是已知元素:当前错误原因是我们没有在NgModule上暴露出去我们写的组件所有会出现不是已知的元素vendor.js:30013Uncau...
2019-10-15 13:28:32
977
原创 angular报错信息之 The selector "app" did not match any elements
angular报错信息之Theselector"app"didnotmatchanyelements//选择器“app”与任何元素都不匹配 UnhandledPromiserejection:Theselector...
2019-10-14 16:41:30
1618
原创 angular报错信息之 Unexpected value 'undefined' declared by the module 'AppRoutingModule'
angular报错信息之Unexpectedvalue'undefined'declaredbythemodule'AppRoutingModule'//模块“approutingmodule”声明的意外值“undefined”当前错误原...
2019-10-14 15:31:07
971
原创 vue - 如何打造属于自己的CLI脚手架工具?
有哪些CLI?Vue-cliGulpcreate-react-appwebpackyeomanexpress-generator...为什么需要CLI?减少重复性工作。根据动态命令更方便的生成开发环境。团队协同,效率高。我们要达到的设计?zmz-vuecli init demozmz...
2019-10-12 16:53:55
182
原创 angular快速开发之热加载配置
安装 hmr 依赖包npminstall--save-dev@angularclass/hmr配置 hmr 文件在 src/environments 目录下添加 environment.hmr.ts 配置文件文件内容如下 :exportconstenvironment=...
2019-10-11 18:08:09
961
原创 angular快速开发之脚手架搭建
1. 检查电脑是否安装在cmd中输入(请先在终端/控制台窗口中运行命令 node-v 和 npm-v, 来验证一下你正在运行node 8.x 和npm 5.x 以上的版本。 更老的版本可能会出现错误,更新的版本则没问题。)node版本号node–v npm版...
2019-10-11 16:57:18
318
原创 PM2来部署nodejs服务器永久开启
1. pm2 是什么?日常开发中需要启动一个node项目,需要用npm run …,,如果终端被关掉,程序也就自动停止,有时候几个项目一起跑起来,好几个终端开着,个人不太喜欢,有一神器可以解决:pm2。pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用...
2019-09-30 11:12:36
402
原创 react.js报错信息(一)之error: 'Link' is not exported from 'react-router'.
使用路由 提示'Link' is not exported from 'react-router'报错代码如下importReact,{Component}from'react'; importlogofro...
2019-09-30 11:12:06
787
原创 vue报错信息(三)之 Cannot use v-for on stateful component root element because it renders multiple element...
Cannotusev-foronstatefulcomponentrootelementbecauseitrendersmultipleelements.翻译:无法对有状态组件根元素使用v-for,因为它呈现多个元素。看完翻译我们要确定几个关键词(见翻译红字)...
2019-09-30 11:11:50
719
原创 react.js报错信息(三)之使用create-react-app命令创建一个项目,运行npm run eject报错Remove untracked files, stash or commit...
环境:window系统,在使用create-react-app命令创建一个项目,运行npm run eject命令暴露配置文件的时候出现了如下提示NOTE:CreateReactApp2+supportsTypeScript,Sass,CSSModulesand...
2019-09-30 11:11:33
331
原创 vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''
报错npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的,1. 尝试执行npm cache clean清除缓存2. 尝试关闭项目文件夹以及命令行,重新启动 ...
2019-09-30 11:09:23
37629
原创 http地址双斜杠//开头的url(依赖协议的url)
Html-双斜杠//开头的URL(依赖协议的URL)发现好多网站的链接都是这种<a href="//taobao.com">淘宝</a>URL是以双斜杠“//”开头的,这种写法有特殊的用途,它会判断当前的页面协议是http 还是 https 来...
2019-09-27 09:01:16
3364
原创 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-24 09:16:49
1070
原创 react-native报错信息之Super expression must either be null or a function
查了下stackoverflow,把这个问题的解决方法记录一下。一般导致这样的问题可能是你引入的命名错误1、确认一下React.Component是否书写正确,不是React.component或者React.Comonent… 2、检查下React版本,确保更...
2019-09-23 15:42:54
618
原创 react-native从入门到精通搭建app(九) 一一 标签导航和抽屉导航嵌套使用
九、标签导航和抽屉导航嵌套使用前面几个例子我们看到了要不只有底部导航,要不只有侧栏导航,但是怎么让底部导航跟侧栏导航一起使用呢那我们就有点犯难,下面教大家嵌套使用侧栏和底部导航侧栏导航用的是createDrawerNavigator创建的底部导航用的是createBottomTabN...
2019-09-23 10:55:42
374
原创 react-native从入门到精通搭建app(八) 一一 标签导航和抽屉导航(侧滑导航)...
八、标签导航和抽屉导航(侧滑导航)1、标签导航在这我们要先安装标签导航环境不然会报错运行以下命令npmireact-navigation-tabs--savereact-navigation-tabs是react-navigation的一个子级的关系简单示例:demoimpor...
2019-09-20 13:55:06
270
原创 react-native从入门到精通搭建app(七) 一一 头部标题按钮
五、react-native头部标题按钮参数说明:title:可用作后备的字符串headerTitle。此外,将用作tabBarLabel(如果嵌套在TabNavigator中)或drawerLabel(如果嵌套在DrawerNavigator中)的后备。header:React E...
2019-09-20 10:55:44
345
原创 react-native从入门到精通搭建app(六) 一一 头部标题栏设置
五、react-native头部标题栏设置1.设置标题屏幕组件可以具有静态属性navigationOptions,该属性称为对象或返回包含各种配置选项的对象的函数。我们用于标题标题的那个是title,如以下示例所示。HomeScreen主组件classHomeScreenexte...
2019-09-20 10:15:31
590
原创 react-native从入门到精通搭建app(五) 一一 路由跳转传参
五、react-native路由跳转传递参数两种传参方式第一种:通过将params放入对象作为该navigation.navigate函数的第二个参数,将params传递给路径:this.props.navigation.navigate('RouteName', {...
2019-09-20 09:38:45
555
原创 react-native从入门到精通搭建app(三) 一一 路由依赖安装
三、react-Navigation路由依赖安装React Navigation社区今后主推的方案是一个单独的导航库react-navigation,它的使用十分简单。React Navigation 中的视图是原生组件,同时用到了运行在原生线程上的Animated动画库,因而性能表...
2019-09-19 17:40:20
291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人