卮酒-优快云博客

原创 about face 4:交互设计-网页的设计

网页的体验的质量是无比重要的，随着越来越多、越来越复杂的软件行为转移到网页上，网页的交互能力也必须要达到和软件相当的水平。在以往，视觉设计师关注“视觉和感觉”，信息架构师关注内容机构，而现在，这些知识和经验对新一代网页设计师来说，是不够用的。基于页面的交互大量的关于设计网页体验的重要习惯用法和指南法则，都和页面概念紧密相连。那些同时兼顾本地应用软件（桌面软件和移动软件）和网页软件的设计师们，一定要牢记他们当前设计项目所面对的媒介物是什么，并对媒介物出发来考虑事情，本地应用软件通常是架构在“屏幕”或“视图

2021-03-29 16:26:34 425

原创前端面试题

前端开发必会面试题和多种实战技巧一、常见面试题1、call()和apply()的区别实际上，apply和call的功能是一样的，只是传入的参数列表形式不同。apply传的是数组；2、什么是事件代理/事件委托？事件代理/事件委托是利用事件冒泡的特性，将本应该绑定在多个元素上的事件绑定在他们的祖先元素上，尤其在动态添加子元素的时候，可以非常方便的提高程序性能，减小内存空间。3、什么是事件冒泡？什么是事件捕获？冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序

2021-02-24 11:07:00 426

原创 vue项目配合iview使用

1.新建项目,create适用于vue/cli 3vue create 羡慕名称2.选择想要的选项，或可保存为默认配置3.安装使用ivewimport iView form 'view-design'Vue.use(iView)4.设置别名，新建vue.config.jsconst path = require('path')const resolve = dir => { return path.join(__dirname, dir)}// 项目部署基础// 默认

2021-02-22 11:36:53 1203

原创 ‘primordial is not defined‘ node 报错解决方法终极篇！！

各位小伙伴在使用gulp的过程中因为种种情况遇到了primordial is not defined' node的报错。不要慌，相信你已经在百度到了发生的原因。就是gulp和node的版本不匹配，我猜你得版本是node12和gulp3/4？这样的组合不大好用so，解决办法有以下几种，解决不成你来骂我？如果你得gulp是3.x版本，可以将node降级，卸载node安装11以下的版本，这种办法有点衰，谁也不希望自己的开发环境突然倒退，可能引发更多的麻烦。将node和gulp全部更新到最新版本，当前gu

2021-01-19 14:17:37 566 2

原创 vue cli4 下的gzip压缩配置

开发的项目首屏加载时间过长，将近半分钟甚至一分钟，虽然服务器采用的最低配置，1M的带宽，但也不能这么慢，便想优化首屏加载时间，上网搜寻资料，遂采取gzip压缩，使用后，加载速度达到了几秒不到的时间，优化速度1000%hhh。1.安装插件compression-webpack-pluginnpm install -D compresison-webpack-plugin2.在vue.config.js文件中引入配置const CompressionPlugin = require('compressi

2020-11-11 15:32:09 763 1

原创正则表达式替换空格引号等特殊字符

使用js的replace方法stringObject.replace(regexp/substr,replacement)第一个参数可以是正则，可以是string，第二个参数是代替的文本，使用正则则可一次性替代多个字符 let val = " 美 '”“’‘' 女，明‘’‘’”“<>”“‘’''‘’ ''星，萌》《宠，”欧 ”“”“冠“ " let arr = val.split('，').map( function (curr) { return curr.

2020-09-08 10:01:14 4447

转载 Vue项目部署在二级目录下该如何配置

问题描述:近期使用Vue开发了一个应用，需要挂载在某个域名的子目录下。例如：http://www.domain.com/app/myapp 。而默认vue-cli脚手架搭建的项目，都是默认以根目录形式配置（http://www.domain.com），需要修改相应的配置才能实现此功能。下面介绍一下如何实现子目录形式发布所需要的相关配置。环境描述本项目使用Vue 2.5.17，vue-router 3.0.1，vue-cli 3.1.1。由于vue-cli 3.X与之前版本存在较大差异，本文描述的配置

2020-08-28 15:51:12 3486 2

原创 iview样式没有生效？导入了但是没有效果？

先看一下官方使用说明import Vue from 'vue';import VueRouter from 'vue-router';import App from 'components/app.vue';import Routers from './router.js';import ViewUI from 'view-design';import 'view-design/dist/styles/iview.css';Vue.use(VueRouter);Vue.use(ViewU

2020-08-27 09:20:33 2574 2

原创 JavaScript函数后面加不加括号的区别

加括号相当于立即执行函数，返回返回值。不加括号相当于函数本体。要访问函数的指针而不执行函数得话，必须去掉函数名后得那对括号 function foo() { return 123; } var a = foo; //将变量a得指针指向foo函数 var b = foo(); //方法立即执行，将返回值赋值给b console.log(a)...

2020-04-30 21:08:00 300

原创圣杯布局，双飞翼布局和伪等高

圣杯布局和双飞翼是功能相同，最终样式相同，但实现方式不同的两种布局方式，其目的都是实现两侧宽度固定，中间宽度自适应的三栏布局。以下贴出两种常见的书写方式...

2020-04-16 15:50:58 137

原创将本地文件夹添加到Git仓库

1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明git commit -m ‘first commit’4、关...

2020-03-11 11:17:34 392

原创 BootStrap几个功能

记录几个bootStrap的常用功能1.Breadcrumb<ul class="breadcrumb"> <li><a href="#">Dashboard</a></li> <li>UI Elements</li> <li class="active">Date Tabl...

2019-12-17 09:07:06 253

原创 jQuery获得今后七天的日期和礼拜

jQuery获得今天的日期，和今后七天的日期和星期几html字段 <table> <tr class="firstLine"> <td id="month"></td> <td></td> ...

2019-11-26 14:09:17 905 1

原创 1.输入一个字符串，输出该字符串中不重复的字符信息2.去除字符串中连续重复的字符和数字

1. 输入一个字符串，输出该字符串中不重复的字符信息(例如asdfasdfqwe---->qwe)public void Test4() { Scanner sc=new Scanner(System.in); String str=sc.nextLine(); char[] as=str.toCharArray(); String qq=""; boolean fla...

2019-10-08 10:33:50 2155 1

转载 JAVA标识符

标识符java中所有命名的位置所用的都是标识符命名规则:1.由字母数字 _(下划线) ＄组成不能以数字开头2.严格区分大小写大小写视为不同名字 ( java是一种强类型语言 )3.标识符不能用关键字命名规范:1.见名知意即可不要过长2.camel 驼峰原则3.包的命名:全部小写多级包用 . 隔开例如:teng.xun4.类||接口: 每个单词的首字母大写例如:...

2019-09-29 11:57:40 138

原创使用简单sql语句选出 (课程1分数大于课程2分数的学生) 并输出学生编号和课程分数.

使用简单sql语句选出 (课程1分数大于课程2分数的学生) 并输出学生编号和课程分数.表student有如下字段 sno学生编号 |cno课程编号 |score课程分数使用简单sql语句选出 (课程1分数大于课程2分数的学生) 并输出学生编号和课程分数.//使用查询代替 from的表名select amb.sno,...

2019-09-27 09:48:50 1951

卮酒的博客