Web App
文章平均质量分 53
moxiaomomo
虚怀若谷,大爱无疆
展开
-
[前端笔记]Vue如何刷新已绑定的变量
可以使用Watch机制,示例:export default class HelloWorld extends Vue { @Prop() name!: string; @Watch("name") public updateNames() { // 在该函数中,针对name刷新的事件进行逻辑处理 }}原创 2020-08-04 08:40:47 · 854 阅读 · 0 评论 -
Component series.line not exists. Load it first.
Angular中使用echarts图标库时报了如下错误:core.js:6189 ERROR Error: Component series.line not exists. Load it first. at Function.entity.getClass (clazz.js:178) at ExtendedClass.<anonymous> (Global.js:223) at Array.forEach (<anonymous>) at ea原创 2020-05-12 08:49:51 · 3230 阅读 · 0 评论 -
[Ionic]5.0.0-beta.3版尝鲜
Ionic5正式版还没发布, 不过ionic5 beta版已经出来了, 而且最新已经开始支持Angular9. 因此小试了一下,以下是ionic测试项目的一些主要配置:ionic infoxiaomo@xiaomo:/data/apps/ionicTest$ ionic infoIonic: Ionic CLI : 5.4.13 (/us...原创 2020-01-04 17:08:20 · 694 阅读 · 0 评论 -
[Ionic]ion-button如何取消英文默认全部大写?
问题描述ionic4中使用ion-button的时候发现, 按钮内文字是英文的时候, 会全部默认成大写字母. 比如需求中的文字是TestButton, 实际显示的时候会变成TESTBUTTON .解决方法一开始时,给ion-button设置了以下样式:.custom-button {// ...text-transform: none;}<ion-button class=...原创 2019-12-14 17:09:28 · 534 阅读 · 0 评论 -
[Ionic]如何实现一个全局的浮动菜单栏?
需求是实现一个app全局的浮动菜单栏,页面的切换不会影响该菜单栏的显示, 也不会刷新。在刚开始的时候想以component的方式嵌入到每个page的html里,后来发现页面在跳转的时候,这个菜单栏总是在刷新,效果不太理想。后来的一个解决方法是,把这个component直接放到了app.component.html里,比如:<ion-app><ion-router-outl...原创 2019-12-13 15:53:40 · 396 阅读 · 0 评论 -
[Ionic]为什么会报Cannot read property 'addEventListener' of undefined at new OrbitControls?
开发环境Ionic4 + Angular8 + Threejs(r111)Ubuntu18.04Visual Studio Code错误提示项目中使用到了threejs库, 在添加了OrbitControls之后构建出现了如下错误:VM1988 vendor.js:40772 ERROR TypeError: Cannot read property 'addEventListen...原创 2019-12-10 00:06:27 · 2012 阅读 · 0 评论 -
解决Ionic4/Angular8+threejs(r111)的兼容性问题
开发环境说明当前的前端项目是基于Ionic4进行开发的,底层基于Angular8框架. 项目中使用到了threejs库,之前版本用的是r0.108.0, 最近做了个版本升级,升级到了r0.111.0, 结果在编译的时候报了如下几种错误.ERROR in ../node_modules/three/src/core/BufferAttribute.d.ts:21:6 - error TS1086...原创 2019-12-08 23:03:27 · 2780 阅读 · 0 评论 -
npm link的使用场景和用法
使用场景我们在本地开发npm模块时,一般需要解决本地模块的调用测试,比如现在开发模块A, 需要在自己的应用B里导入并使用。那么我们就可以通过npm link的方式,将模块A链接到B对应的node_modules下面。用法流程1.将要被其他应用使用的模块(比如A)链接到全局包路径下cd <模块A所在的根目录下>npm link# 将会创建一条软连接,从全局包路...原创 2019-12-05 12:03:14 · 1653 阅读 · 0 评论 -
[ES6]export与export default的区别
export 与import是es6中新增模块功能重要的, 并且目前也是很常用的两个用法。现在来看看export和export default两者之间的区别。exportexport 适用于函数(function)/类(class)/常量(const)等我们在导入引用时, 需要加上大括号{}示例如下:// a.example.tsexport class A {// ...}...原创 2019-11-14 00:00:34 · 486 阅读 · 0 评论 -
[Ionic]如何配置请求proxy
在开发阶段, 我们的前端和后端可能分别运行在同一台机器的不同端口或同一个局域网内的不同ip上, 前端访问后端api时就会碰到跨域的场景.这个时候我们可以通过在Augular中设置proxy来解决这个CrossDomain问题.当然在之后正式发布时, 一般通过后端web服务器(如nginx)或后端代码配置来实现跨域控制.以下是在Ionic/Angular中设置proxy代理的参考步骤:(1)...原创 2019-11-12 09:42:11 · 2133 阅读 · 3 评论 -
[Ionic]JSON.parse后类对象方法丢失问题
现有一个类如下:export class User { username: string; password: string; expired: boolean; isExpired() { return this.expired; }}假如我们这样来使用一下:const a = new User();a.isExpired();const b = JS...原创 2019-11-11 23:59:31 · 1979 阅读 · 1 评论 -
[Ionic]Angular应用的加载过程
本文总结一下Angular应用的加载过程大概是怎样的。1)angular.json{// ... "projects": { "app": {// ... "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", ...原创 2019-11-10 15:49:41 · 812 阅读 · 0 评论 -
[Ionic]从代码打包到代码部署
简单总结一下Ionic项目的手动打包与发布流程:typescript/angular/ionic的关系Typescript: 是javascript的超集,也即包含了javascript所有的元素,同时它也是面向对象编程语言;Angular: 除了AngularJs(1.0), 当前新版的angular是基于typescript构建的一个web前端框架;Ionic: Ionic默认是...原创 2019-11-10 13:20:17 · 416 阅读 · 0 评论 -
[Threejs]关于threejs入门的几点知识
关于threejs版本的问题threejs新旧版本之间的兼容性貌似不太好,几个月前能用的方法现在可能就用不了,当前最新的版本号为r106.如果你用到一些不在标准库three里的接口,一般在three-full里面都可以找到.其他一些非官方的库,特别是那些一年半载甚至更久没有更新的库,最好就不用考虑使用了,因为很可能用不了.关于画线的问题画线的过程中,很容易出现不正常显示等一些诡异的问题,...原创 2019-07-17 09:41:46 · 835 阅读 · 0 评论 -
android studio之无限scan files into index的一种解决方法
启动android studio后,IDE一直卡在Loading project的 scan files into index过程。试了很多参考方法不行,强制关掉IDE后,去到工程根目录通过命令行执行build命令:./gradlew build构建成功的会类似提示:BUILD SUCCESSFUL in 33s116 actionable tasks: 42 executed, 74...原创 2019-03-19 15:16:22 · 3090 阅读 · 1 评论 -
Ionic4基于Angular实现自定义component的事件触发
假设parent.page.html里内嵌了自定义组件child.component.html,我们可以通过EventEmitter和Output模块来实现事件的触发。child.component.tsimport { Component, EventEmitter, Output } from '@angular/core'; @Component({ selector:...原创 2019-03-08 16:35:54 · 1091 阅读 · 1 评论 -
关于ionic4中crosswalk不起作用
ionic4加入插件crosswalk后,忽然又不起作用了,在android5/6中启动时都显示白屏。折腾了几种方法,目前只有以下方法有效,就是把src/polyfills.ts中 es6的注释都去掉:/** * This file includes polyfills needed by Angular and is loaded before the app. * You can ad...原创 2019-02-27 09:36:49 · 1232 阅读 · 1 评论 -
ionic4之自定义component的使用事项
自定义了一个component, 结果在其他页面引用时报了错:'xxx' is not a known element.之前使用自定义的component倒是正常的。排查了代码,发现是非懒加载页面的方式引起的。以前通过lazyload来加载一个页面时,一般这样: { path: 'test', loadChildren: '../x/xx/xxx.module#XXXPageModule...原创 2019-02-12 14:43:55 · 2435 阅读 · 0 评论 -
ionic4之android系统兼容性问题
由于官方插件ordova-ionic-web-view 2.x.x只能在android7.1+以上的系统正常运行,所以一般这样打包出来的apk在更早之前的android系统中运行时会出现白屏的情况。一种解决方法:使用crosswalk代替ordova-ionic-web-view ionic build ionic cordova platform add android cordov...原创 2019-01-23 11:49:08 · 4624 阅读 · 3 评论 -
ionic4之lazyloading加载页面异常的问题
不使用lazyloading的情况下, 页面是可以正常加载显示的。加了嵌套的lazyloading后,页面反而变空白了。查看具体html具体元素后,发现多了一个样式空白的ng-component:加载异常的页面代码是这么定义的:home.page.html&amp;lt;ion-content class=&quot;home-content&quot;&amp;gt; &amp;lt;!-- 具体的组原创 2019-01-21 14:47:33 · 1215 阅读 · 0 评论 -
【JSP】jsp的运行原理
当服务器上的一个jsp页面被第一次请求执行时,服务器上的jsp引擎首先将jsp页面文件转译成一个java文件,再将java文件编译生成字节码文件,然后通过执行字节码文件来响应客户的请求。而当jsp文件再次被请求执行时,jsp引擎将直接执行字节码文件来响应客户,这是jsp比asp速度快的一个原因。字节码文件的主要工作是:(1)把jsp页面中普通的HTML标记符号(页面静态转载 2013-01-21 10:28:52 · 1587 阅读 · 0 评论 -
【转】css定义table
div写多了,偶尔遇到table现在还觉得麻烦,又是边框,又是间距什么的,觉得定义太多,看看我遇到的一个table代码如下: QQ号码: 123456 MSN: 123456@1222.com 看看定义挺多的吧,还不兼容,bordercolordark这个在firefox和opera就不行转载 2013-02-18 12:19:27 · 986 阅读 · 0 评论 -
【Web开发】Session和作用域
原文链接:http://tech.idv2.com/2007/09/25/session-and-scope/几乎所有的Web开发语言都支持Session功能,Servlet也不例外。 Servlet/JSP中的Session功能是通过作用域(scope)这个概念来实现的。作用域分为四种,分别为:page在当前页面有效(仅用于JSP中)r转载 2013-02-20 11:01:12 · 1090 阅读 · 0 评论 -
【web开发】spring mvc3中controller从form接受数据时的一个问题
异常信息如下:java.lang.IllegalStateException: Ambiguous mapping found. Cannot map 'helloController' bean method事实上在controller定义方法时并没有重定义,只能说明在配置文件中除了问题。debug过程时,无意中在*servlet.xaml删去这行代码,却发现问题不再出现原创 2013-02-25 21:44:41 · 6163 阅读 · 0 评论 -
【web开发】基于注解spring的多方法请求的一种controller实现
仅作学习笔记,具体代码如下:@Controller@RequestMapping(value="mainPage") // 类对应的请求urlpublic class MainPageController extends AbstractController{原创 2013-03-05 14:21:53 · 2482 阅读 · 0 评论 -
【web开发】spring mvc业务逻辑图
(学习笔记)(参考自>)原创 2013-02-24 16:15:41 · 1796 阅读 · 0 评论 -
【web开发】两个spring mvc配置的问题(maven project)
(1)java.lang.NoClassDefFoundError: Could not initialize class org.springframework.context.config.MBeanServerBeanDefinitionParser 说明配置文件没有正常初始化,很可能的原因是导入的jar包冲突,最好仔细检查一下jar包。我把pom.xml中关于sprin原创 2013-02-25 15:18:08 · 2325 阅读 · 0 评论 -
【web开发】关于EL表达式与参数传递
spring项目中,下面两个html标签语句是有区别的:以及/>在进行参数传递(form表单提交)的时候,第一条语句传出的参数为"user.id", 第二条语句传出的参数为"user.id/"。这个小小的差别很可能就会引起程序的异常,可以利用url解码来查看参数是否正确。原创 2013-03-12 22:46:06 · 2744 阅读 · 0 评论 -
EL表达式详解
EL表达式 1、EL简介1)语法结构 ${expression}2)[]与.运算符 EL 提供.和[]两种运算符来存取数据。 当要存取的属性名称中包含一些特殊字符,如.或?等并非字母或数字的符号,就一定要使用 []。例如: ${user.My-Name}应当改为${user["My-转载 2013-03-14 15:03:51 · 962 阅读 · 0 评论 -
【web开发】java-spring-hibernate中"Unknown entity"的问题
(1)使用javax.persistence.Entity包,而非import javax.persistence.Entity;(2)在hql中createquery时,一般使用myEntity.class.getName(), 而myEntity.class.getSimpleName()有时会报"Unknown entity"; 特别注意session.get()方原创 2013-03-12 16:22:00 · 2269 阅读 · 0 评论 -
【web开发】spring中session管理
假设:在用户登录系统一段时间没有操作后,session失效,如果这时用户有操作时应该跳转到登录页面要求重新登录。一般解决方法:(1)用户首次登录成功时,将用户对象存入session,如 session.setAttibute("loginUser", user);(2)定义拦截器,对于所有关于某中url请求进行拦截,然后获取loginUser的对象,如果不存在,那么sessio原创 2013-03-18 09:30:38 · 9465 阅读 · 2 评论 -
【web开发】spring mvc+hibernate项目避免乱码的步骤
spring mvc3工程中,会有三个地方容易出现乱码:(1)web页面之间的参数传递(2)页面到数据库过程的参数传递(3)数据库自身的编码格式要避免出现类似与中文乱码的情况,可以统一设置编码为utf8:(1)避免web页面之间参数传递出现乱码,在web.xml中加入如下代码: encodingFilter org.springframewor原创 2013-03-31 17:23:18 · 3566 阅读 · 0 评论 -
【web开发】spring+hibernate4支持中文排序
mysql在utf8编码格式下的中文排序会出现问题,因为现在用的是hql查询,不支持原生sql函数convert。有效的一种解决方法如下:(1)新建一个类,派生自MySQL5Dialectpublic class MyISAMDialect extends MySQL5Dialect { public MyISAMDialect(){ super(); registerFun原创 2013-03-23 16:46:13 · 2439 阅读 · 0 评论 -
【html/css】CSS中去掉li前面的圆点方法
在CSS中经常会使用到li标签,默认情况下使用li时,会在文字前面自动加上一个黑色的小圆点,有时候会觉得这个圆点多余,所以要去掉。下面介绍几种常用的方法。 方法一: 百度 雅虎 新浪 谷歌 方法二: li {list-style-type:none;} 百度 雅虎转载 2013-04-09 19:16:58 · 60422 阅读 · 0 评论 -
【html/css】如何设置HTML span 的宽度
该文讲述如何设定 HTML span 宽度。缺省情况 HTML span 的宽度设定无效在 HTML 中如何设定 span 的宽度?这看上去是个很简单的问题,似乎用 style 中的 width 属性就可以。例如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org转载 2013-04-09 19:24:33 · 1840 阅读 · 0 评论 -
点击<a>标签,禁止页面自动跳到顶部的解决办法
(转载自http://dbear.iteye.com/blog/750825) 最近在开发一个小web的时候想给一个按钮增加一个弹出dialog功能,但是发现点击按钮后页面总是自动滚动至顶部,这点从用户体验上来讲是极其不爽的,于是开始跳进google大池寻求解决办法。网上的办法有很多,但是唯独下面这个生效了,转来收藏。 "平时开发的HTML表单,链接通常转载 2013-03-28 10:36:34 · 2799 阅读 · 0 评论 -
【web开发】EL表达式的一些用法小结
(1)获取list的长度加入标签库,然后这样使用:${fn:length(logList)}即可。(2)关于if/else库中只有但没有,因此可以使用与组合来代替。(3)replace用法对于要替换类似与'\r\n'之类的字符串,貌似无法直接在EL中表达,因此可以这样解决---先在java后台中model或session里设置如:session.setAtt原创 2013-04-15 08:37:54 · 999 阅读 · 0 评论 -
【JSP】表单提交与表单验证
几点小结:(1)使用form表单提交数据,提交后的数据将会在另一个jsp页面进行处理。也可以实现不跳转,同时使用ajax进行局部更新,这里暂不进行说明。(2)提交表单前需要进行数据验证时,响应在form中onsubmit事件,数据合法则返回true,然后实现页面跳转;数据不合要求则返回false,页面便不会跳转。(3)要考虑中文参数的传递。由于浏览器,web服务器,数据库等的默认编码不原创 2013-01-25 17:21:54 · 32355 阅读 · 5 评论