一篇文章教会你使用html+css3制作炫酷效果
【一、项目背景】在浏览一些网站的时候，经常会看到很多的炫酷的效果去装饰页面，使它看起来更高端大气一些。比如，艺龙就采用了图片上加载文字，点击图片使把对应的图片放大，使用户清晰，直观的看到内容。这种效果该怎么做呢？今天教大家用简单的html+css3结合制作艺龙的页面效果。【二、项目准备】1、图片：新建img文件，准备自己喜欢的五张图，保存在文件夹。2、软件：Dreamweaver【三、项目目标】运 查看全文
2020年最推荐的14个最有用NodeJS库
Express 快速，简单，极简的节点Web框架 每周下载 1100万 cheerio Cheerio解析标记（例如HTML），并提供用于遍历/操纵结果数据结构的API const cheerio = require(\’cheerio\’); const $ = cheerio.load(\’ … ... 查看全文
javascript的算法学习（学习中）
1、冒泡排序法 原理：从第一个元素开始，往后比较，遇到比自己小的元素就交换位置 特点：交换的次数最多，所以它的性能是最差的 let arr1 = [5,3,6,7,1,2,9,0,8,10]; let method1 = function(arr) { let len = arr.length; f ... 查看全文
对接接口时，组织参数json出现的问题
在进行对接第三方接口时，进行参数组装成json的过程中出现参数传递格式错误以及json格式化错误。 在拼接json时，如果json中有对象，则以map的方式组装好所有参数。最后map转成json，不然直接用jsonObject对象put参数，会自动在json中的json那里帮我们添加转义符以及把{} ... 查看全文
IDEA里如何引入JQuery
HTML页面的JavaScript里一般可以直接使用类似：<script src="js/jquery.js"></script>语句可以直接引入，但是会遇到已经引入了页面使用Jquery的$符号还是出问题，比如下图： 发现还是不能用，一直报错，具体做法如下可以解决： 第一步：打开【file】-> ... 查看全文
Three.js学习2_场景相关
场景参数设置 部分内容展示: 场景相关内容, 下文将一一解释 构造器Scene(), 属性: fog overrideMaterial autoUpdate background 方法 toJSON dispose 1. 构造器 构造一个场景, let scene = new THREE.Scene ... 查看全文
8.30做JS的题目
1.以下代码执行后，console 的输出是？ let x = 10;let foo = () => {console.log(x);let x = 20;x++;}foo(); 抛出 ReferenceError 2. var myObject = { foo: "bar", func: func ... 查看全文
vuejs 1—基础
创建Vue对象的时候，传入了一些options : { } { }中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上 { }中包含了data属性：该属性中通常会存储一些数据 这些数据可以是我们直接定义出来的，比如像上面这样。 也可能是来自网络，从服务器加载的。 <!DOCTYPE htm ... 查看全文
three.js 显示中文字体 和 tween应用
今天郭先生说一下如何在three中显示中文字体，然后结合tween实现文字位置的动画。线案例请点击博客原文。 1. 生成中文字体 我们都使用过three.js的FontLoader加载typeface.json实现font的使用，但是很多案例都是英文字体，那么如何来生成中文字体呢？现在我们可以通过F ... 查看全文
文件路径的引用问题（配置文件路径vue.config.js）
在项目根目录下创建vue.config.js文件 vue.config.js内容： const path = require('path');//引入path模块 function resolve(dir){ return path.join(__dirname,dir)//path.join(__ ... 查看全文
对 JsonConvert 的认识太肤浅了，终于还是遇到了问题
一：背景1.讲故事在开始本文之前，真的好想做个问卷调查，到底有多少人和我一样，对JsonConvert的认识只局限在SerializeObject和DeserializeObject这两个方法上(┬＿┬),这样我也好结伴同行，不再孤单落魄，或许是这两个方法基本上能够解决工作中80%的场景，对于我来说确实是这样，但随着编码的延续，终究还是会遇到那剩下的20%，所以呀。。。我的场景是这样的：前段时间写 查看全文
三、CSS基础（2）
一、CSS三大特性 1. css层叠性 层叠性是指多种CSS样式的叠加，如果出现样式冲突，会按照CSS书写的顺序，以最后的样式为准。 2. css继承性 书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。 3. css优先级 二、 ... 查看全文
1初始化项目并且引入scss
vue.vonfig.js 这个文件引入mian.scss css: { // 是否使用css分离插件 ExtractTextPlugin extract: true, // 开启 CSS source maps? sourceMap: false, // css预设器配置项 loaderOptio ... 查看全文
四、CSS基础（3）
一、清除浮动 为什么要清除浮动：父盒子不适合设定高度，子盒子浮动后不占位，导致父盒子高度为0，父盒子外的其它元素上移占位导致布局错乱方法：1. 额外标签法、2. overflow清除浮动、3. after伪元素清除浮动、4. 双伪元素清除浮动 1. 额外标签法 <!DOCTYPE html> <ht ... 查看全文
springmvc返回json数据时，日期数据显示为数字的解决方式
(1)@JsonFormat注解； 可以在get方法上，或属性上使用@JsonFormat(pattern="yyyy-MM-dd")；而且指定对象以json传递时，显示的日期格式，优先级高于全局变量；即第一种和第二种方法如果同时存在，会以第一种的格式为准； //指定对象以json格式传递时，显示的 ... 查看全文
WEB前端第三十三课——js事件处理-键盘、触摸
1.键盘事件 键盘事件是指当用户操作键盘的时候会自动被触发的事件，通常分为以下三种 ① keydown，用户按下任意键都可以触发这个事件，如果按住不放，事件会被连续触发 ② keypress，用户按下任意键都可以触发这个事件，如果按住不放，事件会被连续触发 这里的任意键是指可显示的键，不包括功能键 ... 查看全文
下载以保存到本地的html页面上的图片
xdd1997原创所用http链接：https://www.tool22.com/zb_tools/html/PCwallpaper/所用http页面下载链接下载http页面的方式：火狐浏览器，右上角，另存页面为 # write by xdd1997 xdd2026@qq.com # 2020-08 ... 查看全文
vuejs 2—bind
但是，除了内容需要动态来决定外，某些属性我们也希望动态来绑定。比如动态绑定 a元素的href属性，比如动态绑定 img元素的 src属性。 这个时候，我们可以使用v-bind指令∶ 作用：动态绑定属性 缩写：: 预期：any (with argument) | Object (without arg ... 查看全文
Vue 无法读取HTMLCollection列表的length解决
问题 在学习饿了么实践项目时候发现一个问题， 在mounted阶段，获取Element对象，console.log()可以读取出列表，而却无法读出它的length let foodList = this.$refs.menuWrapper.getElementsByClassName('calcul ... 查看全文
Vue中使用js-cookie插件实现登录时记住密码后存取到Cookie中
场景 使用vue实现一个登录页面时，实现记住密码功能。 在勾选了记住密码后将密码存储到Cookie中，然后下次直接从Cookie中取。 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 ... 查看全文
SpringBoot04：JSR303数据校验及多环境切换
1、JSR303数据校验 先看看如何使用 Springboot中可以用@validated来校验数据，如果数据异常则会统一抛出异常，方便异常中心统一处理。我们这里来写个注解让我们的name只能支持Email格式； 导入依赖： <dependency> <groupId>org.springframe ... 查看全文