7 栗子hl

尚未进行身份认证

我要认证

前端栗子成长ing

等级
TA的排名 14w+

监听scroll事件

scroll事件没有冒泡阶段,因此监听scroll事件需要在捕获阶段进行。1.用法一: document.getElementById("testScroll").addEventListener("scroll", () => { console.log("scroll ..."); }, true);2.用法二: <div id = "te...

2019-12-27 17:35:01

如何解决打包后代码还有const的问题

低版本的android、IOS手机(andrond 6.0、ios9)是不能识别es6语法的,如果代码打包后还有es6语法,则手机就会报错,h5页面会加载不出来(白屏)。正常情况下,代码打包后是不会再有es6语法。但是偶尔会遇到手残党,或者第三方组件的坑。所以这里记录下遇到打包后代码还有const需要怎么解决。解决步骤:1. 首先需要确定是哪段代码打包后出现const。通过移动端调...

2019-06-10 17:22:43

:last-child和:last-type-of

一.last-child遇到使用:last-child无效的情况,主要是样式写的不对。el:last-child 的匹配规则是:查找 el 选择器匹配元素的所有同级元素(siblings)。 在同级元素中查找最后一个元素。 检验最后一个元素是否与选择器 el 匹配。1. 错误示例<div class = "content"> <div cla...

2019-12-26 19:16:48

移动端ios输入框自动聚焦问题

之前有遇到关于input聚焦的问题,但是一直没总结。今天有时间就整理总结以下。一. autofocus 在pc/安卓手机上都有效,但是在ios的safari浏览器上不起作用。因此对于ios手机上input自动聚焦问题,需要特殊处理下。二.ios手机上,input的focus事件需要通过用户交互才能触发。当按钮和input框在同一个页面时,可以通过切换display状态,来显示...

2019-12-25 17:15:41

lottie使用

lottie:设计师制作动画,并提供json文件。前端可以使用对应的api操作时间流,对动画进行一些事件上的操作。官网文档:https://github.com/airbnb/lottie-web一. 下载依赖npm install lottie-web二. 在组件内引用import lottie from 'lottie-web';三. js方式使用 this...

2019-12-17 16:37:02

transition-group 使用

本篇主要是记录transition-group的使用心得。官方文档:https://cn.vuejs.org/v2/guide/transitions.html#%E5%88%97%E8%A1%A8%E8%BF%87%E6%B8%A1transition-group用于列表的过渡效果。默认为span, 可以使用tag 转换为其他元素。 子元素通常使用v-for进行循环。 子元素必须...

2019-12-16 15:25:18

typescript:基本类型

typescript基本类型学习笔记。一. 布尔值 boolean。 取值为true/false二. 数字在JavaScript中整数和浮点数都属于 Number 数据类型。TypeScript里的number类型包括整数和浮点数。除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015(ES6)中引入的二进制和八进制字面量。let dec...

2019-12-13 16:42:04

dispaly属性

参考: http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html#undefinedinline : 不可以设置元素的宽度和高度。inline-block : 可以设置元素的宽度和高度。block : 可以设置元素的宽度和高度

2017-07-10 20:22:08

js中的原型及原型链

学习js这么久,一直对js原型半知半解。今天就根据自己目前的理解,记录下。1.什么是原型a.每一个对象都有原型,使用属性_proto_引用,(除了null)b.原型就是该对象表示从哪里继承。通过它可以实现属性继承。2. _proto_和prototype 的区别_proto_:是每一个对象都有的属性。原型链中真正起作用的是_proto_。prototype:是函数才

2017-04-11 21:34:15

require.js与sea.js的区别

参考:http://zccst.iteye.com/blog/20845451.sea.js遵循CMD规范,require.js遵循AMD规范2.sea.js执行“懒加载”,在需要该文件的时候才会去加载它。 推崇“依赖就近”。require.js 执行“预加载”,会提前加所需要的文件异步加载,这里会导致文件的执行顺序不一定,可能会导致bug。 推崇“依赖前置”

2017-04-10 11:44:58

你不知道的javascript——第1章

作用域就像是一套规则,其用以存储变量,和方便以后找到变量。对于var a = 2,编译器所执行的操作如下:严格模式禁止自动或隐式地创建全局变量。

2017-02-16 17:25:03

struts2返回json数据 ——不使用json插件

struts.xml        public void login() throws IOException{ HttpServletRequest request =ServletActionContext.getRequest(); String userCode = request.getParameter("userCode

2016-05-16 10:50:37

记录js错误:Uncaught SyntaxError: Unexpected token <

1. Unexpected token O :json数据格式返回的可能有问题2.某天出现上图所示错误,最后找到是a标签的错误。将其改为:发表评论即可。具体原因不明

2016-05-10 20:09:43

ssh整合——Hibernate出错 HQL语句出错

出错原因是HQL语句写错,HQL语句为:改成:即可。HQL操作的是实体类并不是数据表

2016-05-04 15:44:23

毕设—spring 和 hibernate在整合声明式事务的时候会报错

错误信息为:Error occured processing XML 'org/springframework/transaction/interceptor/TransactionInterceptor'解决方案:导入jar包:解决方法:加入以下两个Jar包即可aspectjweaver-1.8.7.jar http://mvnrepository.com/a

2016-05-03 21:59:58

ssh整合出错——Duplicate class/entity mapping com.hl.fleetingtime.model.User

出错信息为:出错原因为:两次进行了hibernate 映射具体如下:hibernate.cfg.xml文件:<!DOCTYPE hibernate-configuration PUBLIC "-//Hibernate/Hibernate Configuration DTD 3.0//EN" "http://www.h

2016-05-03 21:23:59

spring mvc 小结-51cto学院Spring MVC

一.Spring MVC 基础Spring mvc 框架 是一个MVC框架,通过实现MVC很好地将数据、业务、展现进行分离,其底层仍然是servlet要在web.xml 中配置servletSpring MVC 的设计围绕DispatcherServlet 展开的, 由DispatcherServlet负责将请求派发到 特定的handler->controller->m

2016-03-27 22:23:43

Spring auto wire(自动装配) 的 五种方式

转载:http://www.2cto.com/kf/201303/196240.htmlhttp://langgufu.iteye.com/blog/2038747http://www.cnblogs.com/elleniou/archive/2013/07/03/3168836.html的autowire属性有如下六个取值,他们的说明如下:1、

2016-03-24 22:01:25

Spring中的注入注解Resource/Autowired以及配置文件中default-autowire参数详解

转载自:http://www.tuicool.com/articles/myqUvay我们都知道, spring 提供了Resource、Autowired这两个注解用于注入,另外在xml配置文件中,beans标签下有一个参数default-autowire用来设置默认的注入类型。这里我先说明一下default-autowire的用途。首先default-autowire参

2016-03-24 21:54:14

spring学习小结11——AOP基础

AOP:不使用AOP时会产生的问题:1.代码混乱:越来越多的非业务需求(日志等)加入后,原有的业务方法急剧膨胀。每个方法在处理核心逻辑的同时还必须兼顾其他多个关注点2.代码分散:以日志需求为例,只是为了满足这个单一的需求,就不得不在多个模块中多次重复相同的日志代码。如果日志需求发生变化,必须修改所有的模块。动态代理:原理:使用一个代理将对象包装起来,然后用该代理对象取代原始对象

2016-03-07 11:33:44

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。