Skip to main content

moregeek program

使用jquery操作节点-多极客编程

DOM的分类: DOM core 指所有支持DOM的功能都可以进行使用操作 HTML DOM 网页中的所有标签或节点 CSS DOM 指网页中的优化样式在控制台输出信息: console.log("元素的宽为"+w)设置和获取样式: $(选择器).css("属性","属性值") 设置单个样式 $(选择器).css({"属性1":"属性值1","属性2":"属性值2".

Read More

jquery事件与动画-多极客编程

什么是事件? 事件是指用户对文档进行访问的一种交互行为鼠标事件 click 鼠标单击元素时 mousemove() 鼠标移入元素时 mouseout() 鼠标移出元素时 mouseenter() 鼠标进入元素时 mouseleave() 鼠标离开时 注意:鼠标移入和移出的区别 移入:只要在元素内移动就会触发 进入:只要在元素内,不管怎么移动,只会触发一次键盘事件

Read More

操作xml文档,将文档中的数据读取到内存中-多极客编程

操作xml文档 解析(读取):将文档中的数据读取到内存中 写入:将内存中的数据保存到xml文档中。持久化的存储 解析xml的方式 DOM:将标记语言文档一次性加载进内存,在内存中形成一颗dom树 优点:操作方便,可以对文档进行CRUD的所有操作 缺点:占内存 SAX:逐行读取,基于事件驱动的。 优点:不占内存。 缺点:只能读取,不能增删改 xml常见的解析器 JAXP:sun公司提供的解

Read More

cypher学习《三》-多极客编程

1.foreachforeach语句用于更新列表中的数据,或者来自路径组件,或者来自聚合结果列表(Lists)和路径(Paths)是Cypher中的关键概念,可以使用foreach来更新其中的数据,它可以在路径或聚合的列表的每个元素上执行更新命令,foreach括号中的变量是与外部分开的, 这意味着foreach中创建的变量不能用于该语句之外。在foreach括号内,可以执行任何的更新命令,包括

Read More

【深入浅出spring原理及实战】「源码原理实战」从底层角度去分析研究propertysourcesplaceholderconfigurer的原理及实战注入机制-多极客编程

Spring提供配置解析功能主要有一下xml文件占位符解析和Java的属性@Value的占位符解析配置这两种场景进行分析和实现解析,如下面两种案例。xml文件的占位符解析配置<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource" init-method="init" destroy-method="close

Read More

html文本标签和span标签和背景图片-多极客编程

span:为了突出没写文字字体样式: font-family:字体类型 font-size:字体大小(px像素,cm厘米,mm毫米,em跟随父级,rem根目录) font-weight:字体粗细(normal默认,bold加粗,bolder更粗,lighter更细) font-style:字体风格(normal系统默认,itacle:斜体) font还可以同时设置四种:(顺序为:风格一粗

Read More

neo4j图数据库中基本元素与概念_雍州无名的博客-多极客编程

1.节点节点(Node)是图数据库中的一个基本元素,用以表示一个实体记录,就像关系数据库中的一条记录一样。在Neo4j中节点可以包含多个属性(Property)和多个标签(Lable),如下图所示:下面介绍一个最简单的节点,它只有一个属性,属性名是name,属性值是Tom,如下图所示2.关系关系(Relationship)同样是图数据库中的基本元素。当数据库中已经存在节点后,需要将节点链接起来构成

Read More

#yyds干货盘点# 前端歌谣的刷题之路-第一百零九题-双向数据绑定_前端歌谣的博客-多极客编程

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣题目请补全JavaScript代码,要求如下: 1. 监听对象属性的变化 2. 当"person"对象属性发生变化时,页面中与该属性

Read More

mockjs语法基础_梁云亮的博客-多极客编程

mockjs官网 mock.mock() Mock.mock( url?, type?, template|function( options ) ) 根据数据模板生成模拟数据。参数说明: url:可选。表示需要拦截的 URL,可以是 URL 字符串或 URL 正则表达式。例如 /\/domain\/list.json/、'/domian/list.json'。 type:可选。表示需要拦截的

Read More

#yyds干货盘点# 前端歌谣的刷题之路-第一百零九题-双向数据绑定_前端歌谣的博客-多极客编程

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣题目请补全JavaScript代码,要求如下: 1. 监听对象属性的变化 2. 当"person"对象属性发生变化时,页面中与该属性

Read More

#yyds干货盘点# 前端歌谣的刷题之路-第一百零五题-监听对象_前端歌谣的博客-多极客编程

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣题目请补全JavaScript代码,要求如下: 1. 监听对象属性的变化 2. 当"person"对象的属性发生变化时,页面中与该属

Read More

#yyds干货盘点#object.assign实现的是浅拷贝还是深拷贝?_文本、的博客-多极客编程

assign()语法:Object.assign(target, ...sources)target:目标对象,接收源对象属性的对象,也是修改后的返回值。sources:源对象,包含将被合并的属性。下面来看例子:let s = { a: 1 }let target = Object.assign({}, s)console.log(target) // { a: 1 }s.a = 2console

Read More

css中拖拽输入和选择的相关属性_13339380的博客-多极客编程

resize​​textarea​​元素右下角的记号并上下左右拉伸,就会发生textarea元素的高度和宽度发生变化了,这个拉伸效果起到的作用就是resize。​​resize​​属性参数值比较多,初始值而为​​none​​,表示没有拉伸效果。常用来重置textarea元素内置的拉伸行为。​​both​​作用是既可以水平方向拉伸,也可以垂直方向拉伸。​​vertical​​作用是仅可以垂直方向拉伸

Read More

css中滚动和点击相关属性_13339380的博客-多极客编程

scroll-behavior​​scroll-behavior​​用于页面平滑滚动,初始值auto,我们一般在滚动容器元素上使用scroll-behavior:smooth,让容器的滚动变得平滑。scroll-behavior: smooth;overflow: hidden;overscroll-behavior​​overscroll-behavior​​​属性可以设置dom元素滚动到边缘时

Read More

css中常用的图形处理属性_13339380的博客-多极客编程

mask-image​​mask-image​​属性的作用是设置使用遮罩效果的图像。语法​​mask-image: none | <image> | <mask-source>​​默认值为​​none​​,表示默认无遮罩图片。​​<image>​​表示图像数据类型,包括css渐变图像、image-set()函数、url()函数、cross-fade()和elem

Read More

css中的文字美化与装饰属性_13339380的博客-多极客编程

text-shadow​​text-shadow​​是文字阴影,不支持inset关键字,也就是text-shadow只有外阴影,没有内阴影,不支持阴影扩展,最多支持3个数值,分别表示水平偏移、垂直偏移和模糊大小。// 右方、下方偏移2px,模糊3pxtext-shadow: 2px 2px 3px red;text-stroke​​text-stroke​​和​​text-fill-color​​

Read More

css中的布局及属性_13339380的博客-多极客编程

columns属性我们可以使用columns属性实现分栏布局,columns属性是​​column-width​​和​​column-count​​属性的缩写,columns的写法有很多种:columns: auto;columns: auto auto;columns: auto 4rem;​​column-width​​表示每一栏或者每一列最佳宽度,而且不支持百分比。​​column-coun

Read More

#yyds干货盘点#js判断两个对象是否相等_文本、的博客-多极客编程

1.首先要先有两个对象,如下举例:var obj1 = { name:"xx", sex:"man", age:18}var obj2 = { name:"xxs", sex:"man", age:18}2.判断两个对象是否相等:function isObjectValueEqual (a, b) { //取对象a和b的属性名 var aProps = Object.get

Read More

css中的动画详解_13339380的博客-多极客编程

CSS动画常见动画效果:.warpper { animation: allIn 3s;}@keyframes allIn { from { width: 50px; opacity: 0; } to { width: 100px; opacity: 1; }}其中​​allIn​​是自己定义的动画名称,​​3s​

Read More

css中postion和opacity以及cursor的特性_13339380的博客-多极客编程

postionbackground-postion我们常用于元素的定位,而且可以接收好几个值:1、接收一个值这个值可以为百分比、数值或者关键字,另一个值一定是center// 单个属性值background-postion: 33px;background-postion: center;background-postion: left;background-postion: bottom;bac

Read More