- 博客(27)
- 收藏
- 关注
RSS订阅
原创 03-3-JavaScript高级（中）
面向对象游戏案例：贪吃蛇案例目标游戏的目的是用来体会js高级语法的使用 不需要具备抽象对象的能力，使用面向对象的方式分析问题，需要一个漫长的过程。功能实现搭建页面放一个容器盛放游戏场景 div#map，设置样式#map { width: 800px; height: 600px; background-color: #ccc; position: relative;...
2020-03-22 20:22:02
117
原创 03-3-JavaScript高级（上）
1. 回顾JavaScript由于 JavaScript 高级还是针对 JavaScript 语言本身的一个进阶学习，所以在开始之前我们先对以前所学过的 JavaScript 相关知识点做一个快速复习总结。重新介绍 JavaScriptJavaScript 是什么解析执行：轻量级解释型的语言特点：动态，头等函数 (First-class Function)又称函数是 JavaS...
2020-03-22 11:02:13
118
原创 03-2-JavaScript基础之Web API（BOM）
1. BOMBOM的概念BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等B...
2020-03-14 22:57:31
166
原创 03-2-JavaScript基础之Web API（DOM）
1. Web APIWeb API介绍API概念API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)var max = Math.max(1,...
2020-03-09 11:56:35
246
原创 03-1-JavaScript基础（下）
1. 对象为什么要有对象function printPerson(name, age, sex....) {}// 函数的参数如果特别多的话，可以使用对象简化function printPerson(person) { console.log(person.name); ……}什么是对象现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。举例...
2020-03-03 23:42:15
160
原创 03-1-JavaScript基础（中）
1. 数组为什么要学习数组之前学习的数据类型，只能存储一个值(比如：Number/String。我们想存储班级中所有学生的姓名，此时该如何存储？数组的概念所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组// 创建一个...
2020-03-03 21:39:33
197
原创 03-1-JavaScript基础（上）
1. JavaScript介绍JavaScript是什么HTML CSSJavaScript 编程语言 流程控制Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Jav...
2020-02-27 20:13:04
626
原创 02-8-BFC及补充
1. BFC(块级格式化上下文)BFC(Block formatting context)直译为"块级格式化上下文"。元素的显示模式我们前面讲过 元素的显示模式 display。分为 块级元素 行内元素 行内块元素 ，其实，它还有很多其他显示模式。那些元素会具有BFC的条件不是所有的元素模式都能产生BFC，w3c 规范：display 属性为 block, li...
2020-02-25 15:34:36
186
原创 02-7-CSS3变形与动画
1. 滑动门先来体会下现实中的滑动门,或者你可以叫做推拉门：滑动门出现的背景制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强...
2020-02-22 23:39:59
353
原创 02-6-CSS高级技巧
1. CSS用户界面样式所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 防止表单域拖拽鼠标样式cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。cursor : default 小白 | pointer 小手 | move 移动 | tex...
2020-02-22 22:36:32
150
原创 02-5-CSS定位和元素的显示隐藏
1. 定位(position)如果，说浮动， 关键在一个 “浮” 字上面， 那么 我们的定位，关键在于一个 “位” 上。PS: 定位是我们CSS算是数一数二难点的了，但是，你务必要学好它，我们CSS离不开定位，特别是后面的js特效，天天和定位打交道。不要抵触它，反而要爱上它，它可以让我们工作更加轻松哦！为什么要用定位？那么定位，最长运用的场景再那里呢？ 来看几幅图片，你一定会...
2020-02-20 17:08:21
281
原创 02-3-CSS特性及盒模型（重难点）
1. CSS 三大特性层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。一般情况...
2020-02-14 21:05:08
221
原创 02-2-CSS样式进阶
1. 引入CSS样式表（书写位置）CSS可以写到那个位置？ 是不是一定写到html文件里面呢？内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：<head><style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</...
2020-02-13 22:30:43
513
原创 02-1-CSS初步认识
1. CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。2. CSS 网页的美容师CSS的出现，拯救了混乱的HT...
2020-02-10 23:42:56
181
原创 01-2-HTML初识以及HTML标签的认识
1. HTML初识一般学习 HTML 是结合着 css 来一起学习的，因此我们先学习 HTML ，再学习 css。1.1 HTML（Hyper Text Markup Language）中文译为“超文本标签语言，主要是通过 HTML 标签对网页中的文本、图片、声音等内容进行描述。”例如：<p>这是一个p标签<p>1.2 同时，HTML代码也有着自己的语言与法骨架...
2020-02-09 19:15:01
473
原创 01-1-常见浏览器以及Web标准初识
1. 简单的认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页还可以包含音频、视频以及Flash等。前端编写代码 =====》 浏览器渲染 =====》 客户端不错的网页2. 常见的浏览器介绍1. IE 浏览器（Trident内核）国内很多双核浏览器的其中一个内核便是 Trident 内核，美名“兼容模式”。代表：IE、遨游、世界之窗、猎豹浏览器、3...
2020-01-31 22:42:41
346
转载 引入react-native-swiper报错
今天引入react-native-swiper组件使用轮播图时，然后一直报错，错误如下： ViewPageAndroid has been removed from React Native最后在网上试了好多方法，发现嘴周这个方法管用，但咱也不知道原理，啥也不敢说，只管用就对了~~~1. 移除掉remove react-native-swiper这个包：yarn remove react-...
2020-01-17 23:25:09
305
原创 通过webpack下载bootstrap去使用字体图标无法显示图标
首先在webpack中引入bootstrap发现使用<span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>没有一点效果，然后在 根目录下 node_modules/bootstrap/dist 中只有 js 和 css 两个文件件，没有 font 文件夹，然后发现网上有人说 是因为boost...
2019-12-13 23:16:24
219
原创 webpack --- 图片打包注意事项
使用webpack打包图片时，为了使打包前后的名称一致，需要在设置urlloader参数时设置一些关键的参数，来使内存中url的名字与原图片的名字一致。module.exports = { entry: path.join(__dirname, './src/main.js'), // 入口文件 output: { // 指定输出选项 path: path...
2019-12-13 19:50:23
132
转载 mysql数据库插入一条数据时，自动添加当前时间
有时候我们会有这样的需求。往数据库添加一条数据。然后表中有一个字段是creat_time。添加数据的同时，这个字段默认为当前时间。其实很简单。设置字段类型为timestamp。然后下面默认值填写CURRENT_TIMESTAMP 下面那个根据当前时间戳更新 勾上。yes.搞定！~~~原文：http...
2019-12-08 00:33:48
7215
转载 Node 跨域 CORS 模块
只有 Web 才有跨域 CORS，移动端 iOS 与 Android 就没有，谁让 Web 能看源代码呢，沙盒机制也不如移动端健全。同源策略的限制：XmlHttpRequest 只允许请求当前源（域名、协议、端口）的资源，所以AJAX是不允许跨域的。相反就是跨域：如果想让XmlHttpRequest 按照自己意愿（域名、协议、端口）请求数据，那就需要跨域那为什么有同源策略限制？没有同源策略...
2019-12-08 00:08:41
106
原创 关于解决 You have an error in your SQL syntax; check the manual th at corresponds to your MySQL server
出错原文：You have an error in your SQL syntax; check the manual th at corresponds to your MySQL server version for the right syntax to use near ‘where id=‘15’’ at line 1找了好几个小时脑阔疼，最后终于被我找到了，原来是在sql语句中的一...
2019-12-03 18:20:35
575
转载 解决nodejs安装不了mysql模块
版权声明：本文为博主转载文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 ...
2019-12-02 15:29:20
414
原创 vscode 在当前文件位置打开cmd控制台
在学习node的时候，在网上搜索了一下资料，发现在vscode中打开当前文件路径的控制的快捷键为 Ctrl + Shift + c 。 Ctrl + Shift + c
2019-11-27 23:23:47
3260
转载 获取滚动条scrollTop距离总是为0
获取滚动条scrollTop距离总是为0监听滚动条事件的时候，能够监听成功，奈何获取scrollTop 的时候总是为0，自己在控制台断点调试后发现还是一直未0，能获取到，就是这个距离是为0，检查语句和HTML还是没有发现错误，后来去百度解决方法，终于明白在不同浏览器下，document.documentElement.scrollTop 和 document.body.scrollTop这两种方...
2019-11-20 16:50:27
3218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人