- 博客(28)
- 收藏
- 关注
原创 打包工具之parcel打包
前端工程化越来越普及,最热的打包工具必须是webpack。在webpack4.0以前,webpack打包的配置文件是极其繁琐的。而parcel宣称0配置、快速的特性,也让它有一席之地。今天,我们聊聊parcel的适用场景和那些踩过的坑。**1 项目目录结构**相信第一眼看到parcel的项目目录,大部分的人都会产生这样的疑问,这是现代化前端开发模式吗,确定没有回jsp那个时代。对的,parcel它就是一款无需任何配置就行进行多页面打包的工具,以至于它的目录层级看起来是那么的松散。每一个html文件就是p
2020-11-25 15:59:03
1854
原创 前端平台判断代码
var os = function () {var ua = navigator.userAgent,isQB = /(?:MQQBrowser|QQ)/.test(ua),isWindowsPhone = /(?:Windows Phone)/.test(ua),isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,isAndroid = /(?:Android)/.test(ua),isFireFox = /(?:Firefox)/.t
2020-10-14 15:23:42
290
原创 封装组件的prop属性,对于常量不需要进行绑定
我一直以为给子组件传参是需要使用v-bind(或者:)进行绑定的,今天看到element的表单组件实践才发现这个想法是错误的,可能是我们平时大部分传参都是通过v-bind进行绑定的,就导致产生prop传参一定要绑定这个错误的观念。其实,对于不需要动态变化的(也就是所谓响应式的数据)常量,我们是可以不需要绑定也能进行传参的。 如下图,对于label,我们是不需要进行绑定的,因为它只是一个常量,对于表单项来说,他的label基本是不会改变的。不知道当时是eslint是自动格式化插件没有出来还是怎么样,老师带领我们看了一下eslint规范,运行项目时报错就随便教我们如何忽略某些eslint校验规则,之后就直接把eslint忽略文件配置不检查所有文件了(超无奈)。最近,需要自己搭建一个较大型的后台系统,感觉要是代码还不规范起来,以后,看我
2020-09-04 17:26:46
2353
原创 关于css的z-index属性你不知道事
不知道你是不是和我一样,一直都认为只有给元素设置了z-index属性值是最大的,那这个元素一定是显示在最上层的。那样就大错特错啦,哎哎呀,原来z-index只对同级元素生效呢,如下,如果弹框元素级别比图片低,设置弹框元素z-index值很大也是没有效果的。这个时间需要找到和图片统一级别的包含弹框的父元素设置z-index才能让弹框在图片上面呢...
2020-07-27 12:01:09
232
原创 复制网页中的文字
作为一名不合格的前端工程师,我最近才发现不是网页中的所有字体都可以使用鼠标选中复制的,只有像P标签、pre标签、标题等标签包含的文字才可以直接在网页中进行复制。如div标签、a标签等包含的文字都无法直接复制。可以复制效果如下: 无法直接调用,因为浏览器的安全策略,必须要用户手动点击才能触发,但是我们可以在别的元素的点击事件触发input的click()。
2020-07-06 18:22:11
182
原创 VS code中vue代码高亮插件
VS code中vue代码高亮插件在扩展里面搜索Vetur,下载即可。当然还有更多其他的插件,不过Vetur个人觉得已经非常好用了
2020-06-01 13:53:31
2482
转载 解决Maven本地仓库没有Jar包问题,请求中央仓库自动下载
一、首先修改maven的配置文件settings.xml中的镜像配置国内的阿里云镜像,下载速度超级快,也不用担心断网的时候,jar只会下载一半。二、当使用maven创建项目时,本地仓库的没有的jar包,如何让中央仓库自动下载:步骤:1.打开maven资源的官方网站http://mvnrepository.com/2。输入你需要的jar包,搜索3.找到需要的jar包4.选择版本5....
2018-10-13 21:57:15
3106
转载 Maven的中央仓库
1、http://www.sonatype.org/nexus/ 私服nexus工具使用2、http://mvnrepository.com/ (推荐)3、http://repo1.maven.org/maven24、http://maven.aliyun.com/nexus/content/groups/public/ 阿里云 (强力推荐)5、http://repo2.maven....
2018-10-13 16:50:45
161
原创 struts2的day03,OGNL表达式和值栈
OGNL:Object-Graph Navigation Language对象图导航语言,是比EL强大很多倍的语言。EL:只能从域对象获取,或者从11个对象里。${name} ${pageContext.request.contextPath}OGNL:是独立的第三方表达式语言,不依赖struts2框架。功能:1、支持对象的方法的调用2、支持类静态方法调用和值访问(格式可以百度)3、支...
2018-10-01 22:25:24
293
原创 Query,Criteria,SQLQuery
Query接口:接收的是HQL语句,语法类似于SQL。HQL(Hibernate Query Language):Hibernate的查询语言。是面向对象的查询语言。Criteria:接收的是QBCQBC(Query By Criteria):是一种更面向对象的语言。...
2018-10-01 00:46:27
234
原创 Hibernate的一级缓存,事务
一级缓存的清空:clear方法清空所有evict(object)清除单个对象事务隔离级别的设置:在核心配置文件中使用hibernate.connection.isolation的属性名。隔离级别分别使用如下数字表示1读未提交(read uncommttied)2读已提交(read committed)4可重复读(repeatable read)mysql默认级别8可串行化(seri...
2018-09-26 20:24:43
175
原创 Hibernate持久化类的对象三种状态
Hibernate持久化类的三种状态:瞬时态(transient):对象没有唯一的标识OID,没有被session管理。持久态(persistent):对象有唯一的标识OID,被session管理。托管态(detached):对象有唯一的标识OID,没有被session管理。...
2018-09-26 14:37:03
166
原创 Hibernate的主键生成策略
Hibernate的主键生成策略:主键的分类:1、自然主键:该主键是本身是实体的一个属性。2、代理主键:该主键不是实体中的一个属性,而是我们为了标识不同实体额外添加的一个字段。我们尽量使用代理主键,因为在Hibernate中主键是不允许修改的。(OCP原则)一般情况不允许用户自动生成主键,而是使用Hibernate提供的主键生成策略。在mapping映射文件中,id标签需要一个子标签g...
2018-09-26 14:18:05
583
1
原创 持久化类的编写规则
持久化类的编写规则:1、提供一个无参构造:因为Hibernate底层需要通过反射生成对象实例,如get和load方法传入字节码便可以将查找到的记录放入对象中返回。2、属性要与表中的字段对应并私有,对外提供get,set方法。类型要一致,名字尽量一致。3、提供一个唯一标识OID与主键对应。Hibernate通过OID来确定两个对象是否相同。4、属性的类型尽量使用包装类。因为基本类型的默认值是...
2018-09-26 13:52:49
913
原创 Oracle查询
多表查询笛卡尔积:是两张表的乘积,实际上没有多大意义。格式:select * from 表1,表2;多表的综合查询:内联接: 隐式内联接: 等值内联接: where e1.deptno = d1.deptno; 不等值内联接: where e1.deptno <> d1.deptno; ...
2018-08-17 15:29:31
475
原创 Oracle数据库
Oracle体系结构:数据库:按照数据结构组织,存储和管理数据的文件系统。数据库实例:通常情况下,Oracle只有一个数据库是orcl。表空间:逻辑单位数据文件:物理单位mysql和Oracle区别:都遵循SQL标准。是不同厂商的,不同数据库产品,有自己的方言。一个项目: mysql中创建一个数据库,然后创建表。 Oracle是创建一个表空间,然后创建用户,创建表。...
2018-08-16 22:00:13
201
原创 多表之间的关系
多表之间的联系:多表之间通过外键约束。 注意:外键可以为null,如果非空它的值一定存在于主表中给一个已存在的的字段添加外键约束格式:alter table 表名 add foreign key(字段名) references 表名(字段名)建库原则通常情况下,一个项目或应用建一个数据库多表建表原则一对多:在n的一方添加一个外键指向1的一方。多对多:...
2018-08-14 17:07:03
495
原创 mysql的增删改查(CRUD)
表名student,字段sid int primary key,sname varchar(31) ,schengji int;插入数据insert into 表名(列名1,列名2...)values(值1,值2...);insert into student(sid,sname,schengji)values(1,&amp;amp;amp;quot;张三&amp;amp;amp;quot;,78);简单写法:如果是全列名插入,表名后的列名可以省略。...
2018-08-13 11:06:10
323
原创 MySQL数据库表的操作
注意:对表的所有操作都必须进入指定数据库中。表的创建(create)格式:create table 表名(字段名 字段类型 字段约束,字段名 字段类型 字段约束...);字段类型对比Java数据类型 JAVA 数据库 int int double double float float boolean boolean...
2018-08-13 10:20:05
189
原创 mysql数据库的操作
数据库登录格式:mysql -u用户名 -p密码例子:mysql -uroot -proot注意此处不需要分号结尾修改密码格式:mysqladmin -u用户名 -p密码 password新密码例子:mysqladmin -uroot -proot password 681516;注意此处不需要分号结尾以下都要分号结束创建数据库格式一:create data...
2018-08-12 23:46:03
118
原创 mysql数据库学习
数据库定义按照数据结构来组织,存储和管理数据的仓库。或者数据库是长期储存在计算机内、有组织的、可共享的数据集合。数据库语言分类SQL:Structured Query Language 结构化查询语言 DDL:Data Definition Language 数据定义语言 用来定义数据库和数据表,指令有create创建、drop删除、alter修改 DML:Data Mani...
2018-08-12 16:08:48
120
原创 HTML标签img设置大小问题
1.不设置width和height,默认显示图片真实大小。2.设置width或height中的一个,另一个按比例自动缩放。3.设置width和height,显示指定大小。
2018-07-17 18:55:46
29297
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人