- 博客(44)
- 收藏
- 关注
RSS订阅原创 解决Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
当前版本"webpack": "^5.4.0","webpack-cli": "^4.1.0","webpack-dev-server": "^3.11.0","webpack-cli": "^3.3.12"报错情况： 在安装 webpack-dev-server 后启动服务报错出错原因： 发现是因为 webpack-cli 的新版本对 webpack-dev-server 版本的不兼容解决方案： 降低webpack-cli的版本为 “^3.3.12”...
2020-11-06 16:57:49
460
原创 element ui重复点击菜单栏报错问题
当前状态： 重复点击导航时，控制台出现报错报错原因： vue-router ≥ v3.1 后 ，回调形式改成promise api，返回的是promise，如果没有捕获到错误，控制台始终会出现如图的警告。解决方案：降低版本在项目目录下运行 npm i vue-router@3.0 -S 即可（将版本回退到3.0.7版本）在 main.js 或 router.js 中添加以下代码 import Router from 'vue-router' const route.
2020-09-30 11:09:24
410
原创 解决Element-UI 在table组件el-table-column中使用v-if的问题
**场景：**切换页签时动态改变表格展示列以及对应数据项**使用方式：**通过v-if条件判断控制显隐**问题：**导致表头乱飞、错位，明明数据项有值，但是通过props获取值在页面上没有显示出来**分析原因：**vue在渲染元素时，处于效率考虑， 会尽量地复用已有的元素而非重新渲染，导致元素间相互影响，不能正常渲染解决方案：用 key 管理可复用的元素只需添加一个具有唯一值的 key attribute 表名“该元素是完全独立的，不要复用它”<el-table-column prop=
2020-09-30 10:59:57
17500
6
原创 vue 多行溢出兼容ie
<div class="desc" :class="{'desc-more':hasMore}"></div><script>export default {... data: function() { return { hasMore: false } }, methods: { this.$nextTick(() => { if (this.$refs.desc.scrollHeight >
2020-06-19 18:46:04
375
原创 vue 移动端进入页面自动弹出软键盘
<textarea ref="textarea" v-autofocus autofocus="autofocus"> </textarea>方法一： mounted: function() { this.$nextTick(() => { this.$refs.textarea.focus(); }); // windo...
2020-03-10 13:12:09
4862
1
原创 vue 数组去重
使用场景：添加评论时异步同步到评论列表后，如果数据过多存在分页的情况，通过上拉加载数据可能会出现返回回来的数据与当前列表重复 <div v-for="(item,index) in reduce(list)" :key="index" :item="item" > </div>... methods: { reduce(arr) { c...
2020-03-10 12:57:35
3707
原创 vue 日期格式化
npm install moment<div >{{currentTime | moment}}</div>... filters: { moment(time) { return moment(time).format("YYYY/MM/DD HH:mm"); } }, ...
2020-03-10 12:48:14
281
原创 vue移动端防抖
import _ from "lodash";... methods: { likeClick: _.debounce(function() { //TODO }, 300) }...
2020-03-10 12:27:10
432
原创 vue 设置图片默认值
<template v-if="condition"> <img :src="url" :onerror="defaultSrc" /> </template> <template v-else> <img :src="require('../assets/...
2020-03-10 12:24:41
1516
原创 angular cdk Overlay
HTML <div (click)="showOverlayPanelConnectTemplate()" #connectTemplateOrigin >{{title}}</div> <ng-template cdkConnectedOverlay nzConnectedOverlay #overlayConnectTemplate>...
2020-03-10 12:12:59
659
原创 apk签名
keytool -genkey -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-aliasjarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.jks android-re...
2019-11-28 16:32:48
126
原创 No resource found that matches the given name (at 'networkSecurityConfig' with value '@xml/network_s
执行命令cordova build android错误提示No resource found that matches the given name (at ‘networkSecurityConfig’ with value '@xml/network_s解决方法项目根目录\platforms\android\res\xml添加文件network_security_config.xml...
2019-11-28 16:02:07
1170
原创 ionic3上拉加载更多无法正常触发
@ViewChild(Content) content: Content;ngAfterViewInit(): void { if (this.content) this.content.resize();}
2019-11-25 18:03:36
374
原创 文件名称相关处理
截取文件名 function splitFileName(text) { var pattern = /\.{1}[a-z]{1,}$/; if (pattern.exec(text) !== null) { return text.slice(0, pattern.exec(text).index); } else { return tex...
2019-11-20 16:12:13
109
原创 Angular5 1-n循环管道,实现类似于vue一样 v-for="i of 10"
import { PipeTransform, Pipe } from "@angular/core";import { isFunction } from "ionic-angular/util/util";const MAX_SAFE_INTEGER = 9007199254740991;const MAX_ARRAY_LENGTH = 4294967295;@Pipe({ na...
2019-11-15 14:41:17
673
原创 表单页面按回车键弹出选择文件窗口问题
给button按钮添加type="button"属性，不定义type时，IE浏览器的默认类型是"button"，而其他浏览器中（包括W3C规范）的默认值是"submit"
2019-11-15 14:38:02
320
原创 移动端表单页面内容超出时键盘遮挡文本框问题
<ion-input (ionFocus)="checkFocus($event)" (ionBlur)="checkBlur()" type="text" [(ngModel)]="name"></ion-input>checkFocus(e, line) { this.canScroll = true; let hei = this.content...
2019-11-15 14:34:20
178
原创 web安全问题
XSS持久型也就是攻击的代码被服务端写入进数据库中，这种攻击危害性很大，因为如果网站访问量很大的话，就会导致大量正常访问页面的用户都受到攻击。非持久型相比于前者危害就小的多了，一般通过修改 URL 参数的方式加入攻击代码，诱导用户访问链接从而进行攻击。但是对于这种攻击方式来说，如果用户使用 Chrome 这类浏览器的话，浏览器就能自动帮助用户防御攻击。但是我们不能因此就不防御此类攻击了，因为我...
2019-05-29 21:33:31
231
原创 性能优化
性能优化1. 图片优化计算图片大小减少像素点减少每个像素点能够显示的颜色图片加载优化不用图片。很多时候会使用到很多修饰类图片，其实这类修饰图片完全可以用 CSS 去代替。对于移动端来说，屏幕宽度就那么点，完全没有必要去加载原图浪费带宽。一般图片 都用 CDN 加载，可以计算出适配屏幕的宽度，然后去请求相应裁剪好的图片。小图使用 base64 格式将多个图标文件整合到一张图片...
2019-05-29 21:27:15
201
原创 学习笔记-SASS
SASS入门第1章 Sass简介1-1 什么是 CSS 预处理器？定义：CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理...
2019-05-13 18:38:47
344
原创 学习笔记-Less
LessLess is More ,Than CSS-少即是多，比CSS什么是Less？LESS支持创建更清洁，跨浏览器友好的CSS更快更容易。LESS是用JavaScript设计的，并且创建在 live 中使用，其编译速度比其他CSS预处理器更快。LESS保持你的代码以模块化的方式，这是非常重要的，通过使其可读性和容易改变。可以通过使用LESS 变量来实现更快的维护。Less发展...
2019-05-13 18:34:29
220
原创 前端处理兼容性的方法
前端处理兼容性的方法BROWSERHACKS是一个网站，它也是一个资料合集，里面就介绍了如何去识别不同浏览器与不同浏览器版本的各种黑科技html5shiv.jshis script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer. http://pauliri...
2019-05-13 18:32:15
918
原创 学习笔记-Express
Express基础知识认识expressnpm提供了大量的第三方模块，其中不乏许多Web框架，比如我们本章节要讲述的一个轻量级的Web框架 ——— Express。Express是一个简洁、灵活的node.js Web应用开发框架, 它提供一系列强大的功能，比如：模板解析、静态文件服务、中间件、路由控制等等,并且还可以使用插件或整合其他模块来帮助你创建各种 Web和移动设备应用,是目前最...
2019-05-13 17:22:31
1697
原创 学习笔记-vue
VUEWhatVue.js是一个构建数据驱动的web界面的库。技术上，它重点集中在MVVM模式的ViewModel层，因此它非常容易学习，非常容易与其它库或已有项目整合。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图。 Vue.js 的核心是一个响应的数据绑定系统，它让数据与DOM保持同步非常简单。在使用jQuery手工操作DOM时，我们的代码常常是命令式的、...
2019-05-13 17:19:52
354
原创 学习笔记-TypeScript
TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。而我们这门课程主要介绍了TypeScript的基本数据类型、函数、接口、类等内容。本课程适合有一定JavaScript基础的同学学习。TypeScript简介什么是TypeScript?TypeScrip...
2019-05-13 17:15:36
1245
原创 学习笔记-Node.js 4.0
Node.js 4.0Node.js 4.0 ，这个版本是Node和iojs合并后发布的首个稳定版本，并且为开发者带来 了大量的ES6语言扩展。通过这边文章你可以大致了解 Node.js中包括的ES6语言扩展。本文将会为你介绍如何使用这些ES 6 新特性。块级作用域简介Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱...
2019-05-13 17:10:45
411
原创 学习笔记-Webpack入门
Webpack入门1. 简介1.1 什么是 WebpackWebpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。1.2 为什么重复造轮子市面上已经存在的模块管理和打包工具并不适合大型的项目，尤其单页面 Web 应用程序。最紧迫的原因是如何在一个大规模的代码库中，维护各种模块资源的分割和存放，维护它们之间的依赖关系，并且...
2019-05-13 17:09:02
223
原创 学习笔记-测试利器Mocha
测试利器MochaMocha是一个功能丰富的JavaScript测试框架,可以运行在nodejs和浏览器上，使异步测试简单而有趣。Mocha允许灵活和准确的报告，可以把没有捕获的到的一样,映射到正确的测试用例上。##快速开始介绍mocha 是一个功能丰富的javascript测试框架，可以运行在nodejs和浏览器环境，使异步测试变得简单有趣。mocha 串联运行测试，允许灵活和精确地报告...
2019-05-13 17:07:29
433
原创 学习笔记--自动化工具Gulp
自动化工具Gulpgulp简介What is gulp?gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript、coffee、sass、...
2019-05-13 17:06:04
254
原创 mintui+vue2 子页面隐藏底部导航栏
1 router/index.js对要隐藏的路由中加入 meta: { navShow: false}export default new Router({ routes: [ { path: '/', component: Home }, { path: '/home', component: Home }...
2018-08-30 13:36:02
1997
2
原创 vue打包后图片资源background引入路径加载失败
1 url前加上‘~@’ background: url(~@/../static/images/me/img.png) no-repeat;2 build/utils.js加上publicPath:'../../',if (options.extract) {return ExtractTextPlugin.extract({use: loaders,publicPath:...
2018-08-30 13:29:53
1078
原创 数字框正整数校验
数字框正整数校验 $("input[type='number']").keydown(function (e) { var code = parseInt(e.keyCode); if (code >= 96 && code <= 105 || code >= 48 && c...
2017-11-18 15:48:00
208
原创 layer阻止默认关闭事件
layer阻止默认关闭事件 $.post("reportContent/updatePre.do", {id : id}, function(str){ layer.open({ title: '编辑报告', type: 1, maxmin:tr...
2017-06-07 14:30:00
5341
原创 点击enter键 js阻止浏览器默认刷新事件实现异步查询
点击enter键 js阻止浏览器默认刷新事件实现异步查询 function stopDefault(e) { //如果提供了事件对象，则这是一个非IE浏览器 if(e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preven...
2017-06-07 11:24:00
535
原创 myeclipse2013版安装freemarker IDE
myeclipse2013版安装freemarker IDE （一）打开http://sourceforge.net/projects/freemarker-ide/files/下载最新版本，目前本人下载时最新版本是：freemarker-ide-0.9.14（二）将其解压，将hudson.freemarker_ide_0.9.14文件夹放入...
2017-04-06 11:44:00
110
原创 js自定义流加载
js自定义流加载 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%String...
2017-01-18 11:14:00
422
原创 jstree
jstree <link href="static/lib/jstree/dist/themes/default/style.min.css" rel="stylesheet"><%@ page contentType="text/html; charset=UTF-8"%><%@ taglib uri="...
2017-01-16 17:14:00
126
原创 visio 2010下载
visio 2010下载 32位版下载：thunder://QUFodHRwOi8vanVwaXRlci5jdGRpc2suY29tOjgwODYvY2FjaGUvZGlzazEvU1dfRFZENV9WaXNpb19QcmVtaXVtXzIwMTBfVzMyX0NoblNpbXBfU3RkX1Byb19QcmVtX01MRl9YMTYtNTEwM...
2017-01-09 10:37:00
1332
原创 bootstrapvalidator校验、校验清除重置
bootstrapvalidator校验、校验清除重置 //保存 function saveAdmin(){ //开启验证 $('#saveadmin_form').data('bootstrapValidator').validate(); ...
2017-01-07 14:06:00
577
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人