2021年12月26日
响应式基础
摘要： 通过点击来实现测试在不同设备上实现效果 模仿APPLE的官网，我们实现了一个简单的，通过缩放浏览器，让导航栏进行缩放的效果，学习了新的元素 当浏览器缩小时，导航栏会逐渐缩小其间距来实现效果 阅读全文
posted @ 2021-12-26 21:12 KimiRaikkonen 阅读(40) 评论(0) 推荐(0)
个人项目记录（3）
摘要： 搞定主界面后，还有三个子页面需要添加多个子页面，子页面是通过一个模板，后台传参实现不同的效果 阅读全文
posted @ 2021-12-26 21:07 KimiRaikkonen 阅读(32) 评论(0) 推荐(0)
个人项目记录（2）
摘要： 构建好了基本框架后开始着手处理布局，特效和各种小问题 在这里遇到的最主要的问题就是产品简介中的实现鼠标触控实现不同的产品介绍的效果 就像这样 可能用jQuery会更简单一点，但是当时还是用了js，主要思路是触碰后，堆叠在一起的三部分要显示一部分，隐藏两部分，而字体也要同样变色和加上背景色。 所以： 阅读全文
posted @ 2021-12-26 20:46 KimiRaikkonen 阅读(38) 评论(0) 推荐(0)
个人项目记录（1）
摘要： 开始着手最后的项目，做一个记录 拿到的是山东缘色新材料家居 此为网站的主页，前几天开始构思写法并逐渐开始写出大框架和一些静态的效果 开始是这个导航栏，主要是通过弹性布局来实现这种效果。 再往下是一个轮播图，通过swiper插件实现效果 再往下则是这个主页面中的主要内容，包括对公司的简介和简单的产品介 阅读全文
posted @ 2021-12-26 20:39 KimiRaikkonen 阅读(38) 评论(0) 推荐(0)
2021年12月18日
jQuery CSS用法
摘要： 引入CSS $('input[type="text"]').blur(function () { $('#div1').css('color','yellow')//单行css样式 $('#div1').css({//多行css样式 'color':'red', 'background':'ligh 阅读全文
posted @ 2021-12-18 21:48 KimiRaikkonen 阅读(45) 评论(0) 推荐(0)
jQuery
摘要： jQuery事件处理 1.on(events,[selector],[data],fn ) 括号内可接元素和事件 $('#div1').on('click',function () { console.log('move') }) $('#div1').on('mousedown',function 阅读全文
posted @ 2021-12-18 21:43 KimiRaikkonen 阅读(68) 评论(0) 推荐(0)
2021年12月8日
html函数封装
摘要： JS函数的封装：定义函数后就要考虑函数的输入和输出 function move(obj) { obj.onmousedown = function (event) { const chaX = event.clientX - div1.offsetLeft const chaY = event.cl 阅读全文
posted @ 2021-12-08 21:02 KimiRaikkonen 阅读(161) 评论(0) 推荐(0)
ES6部分应用
摘要： ES6为JavaScript的下一个标准版本，相对于先版本的JS有了更多的语法。 在学习JS的过程中也接触了少许ES6版本的语法 1.声明变量let,const let 声明的变量只在 let 命令所在的代码块内有效。 let声明的变量只在代码块内有效，常量的值可更改 const 声明一个只读变量， 阅读全文
posted @ 2021-12-08 20:31 KimiRaikkonen 阅读(29) 评论(0) 推荐(0)
2021年11月29日
前后端交互
摘要： 要想实现前后端，要先安装node软件，到官网下载后，到cmd中输入node -v检验是否安装成功 安装好node之后还需稍微配置一下，使用阿里巴巴下载的npm的镜像来完成项目 而我们要从阿里巴巴下载需要三步 1.npm config get registry 检查镜像 2.npm set regis 阅读全文
posted @ 2021-11-29 22:47 KimiRaikkonen 阅读(58) 评论(0) 推荐(0)
JS事件
摘要： 在上周的实训中，开始进一ii 最后的事件是鼠标事件，通过鼠标的点击、移动、进入、滚轮等获得反馈 自然也可以通过鼠标事件的反馈实现多种效果 <script> var btns = document.getElementsByTagName('button') btns[0].onclick = fun 阅读全文
posted @ 2021-11-29 22:37 KimiRaikkonen 阅读(46) 评论(0) 推荐(0)