- 博客(55)
- 收藏
- 关注
RSS订阅原创 Oracle常用基础知识
SQL语言是一种数据库语言1、DDL：数据定义语言create-创建 drop-删除 alter-修改 rename-重命名 truncate-截断2、DML：数据操作语句insert-插入 delete-删除 update-更新 select-查询3、DCL：数据控制语句grant-授权 revoke-回收权力 commit-提交事务 rollback-回滚事务注：Oracle命令不区分大小写，但数据和内容区分根据函数的返回结果，分为单行函数和多行函数。单行函数：一条记录返回一个结果。
2023-08-14 11:27:05
725
原创 wbpack基础
顾名思义就是开发时使用的模式在该模式下主要做两件事：1、编译代码使浏览器能识别运行2、代码质量检查，树立代码规范1、两种开发模式开发模式：代码能编译自动化运行生产模式：代码编译优化输出2、webpack基本功能开发模式：可以编译ES Module 语法生产模式：可以编译ES Module 语法，压缩js代码3、webpack配置文件五个核心概念entry（入口）output（输出）loader（加载器）plugins（插件）mode（模式）devServer配置。
2022-10-26 14:47:38
935
1
原创 路由基础知识
理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。特别注意：路由携带params参数时，若使用to的对象写法，则不能使用path配置项，必须使用name配置！通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。作用：让不展示的路由组件保持挂载，不被销毁。前端路由：key是路径，value是组件。配置路由，声明接收params参数。属性，里面存储着自己的路由信息。
2022-10-26 11:12:04
454
原创 Vue脚手架配置代理、插槽、Vuex、模块化+命名空间
在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。备注：mapActions与mapMutations使用时，若需要传递参数需要：在模板中绑定事件时传递好参数，否则参数是事件对象。作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于。优点：可以配置多个代理，且可以灵活的控制请求是否走代理。
2022-10-26 10:03:42
278
原创 使用Vue脚手架
使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别；const school = Vue.extend(options) 可简写为：const school = options区别如下：el不要写，为什么？——— 最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器。data必须写成函数，为什么？———— 避免组件被复用时，数据存在引用关系。备注：使用template可以配置组件结构。
2022-10-19 19:34:06
437
原创 Vue基础
是一套用于构建用户界面的渐进式JavaScript框架简单应用：只需一个轻量小巧的核心库复杂应用：可以引入各式各样的Vue插件渐进式：Vue可以自底向上逐层的应用 （从简单应用到复杂应用就是渐进式）Vue特点：1、采用组件化模式，提高代码复用率、且让代码更好维护2、声明式编码，让编码人员无需直接操作DOM，提高开发效率3、使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点局部指令：new Vue({ directives:{指令名:配置对象} })或。
2022-10-13 10:15:55
6389
原创 Git和Github及分支
Git是一个开源的分布式版本控制系统，是目前世界上最先进、最流行的版本控制系统特点：项目越大，开发者越多，越能体现出Git的高性能和高可用性Git之所以快速和高效是因为它直接记录快照，而非差异对比，几乎所有操作都是本地执行。
2022-10-09 16:35:53
508
原创 NPM下载及使用
全称Node Package Manager，即node包管理器npm是Node.js默认的、以JavaScript编写的软件包管理系统npm中查看该包是否存在。
2022-10-08 11:16:02
652
原创 HTTP协议简介
就是通信双方采用约定好的格式来发送和接收信息，阻止事先约定好的通信格式叫做通信协议。客户端发起的请求叫做HTTP请求，客户端发送到服务器的消息，叫做HTTP请求消息。客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议。由多行键/值对组成，每行的键和值之间用英文的冒号分隔。HTTP协议采用了请求/响应的交互模型（客户端请求，服务器响应）是用来描述客户端的基本信息，从而把客户端相关的信息告知服务器。请求头部由多行键/值组成，每行的键和值之间用英文的冒号分隔。
2022-09-30 11:09:09
913
原创 跨域和同源
JSONP和Ajax之间没有任何关系，不能把JSONP请求数据的方式叫做Ajax，因为JSONP没有用到XMLHttpRequest这个对象，发起的是一种js脚本类的请求。默认情况下，使用jQuery发起JSONP请求，会自动携带一个callback=jQueryxxx的参数，jQuery是随机生成的一个回调函数名称。所以可以通过标签src属性，请求跨域的数据接口，通过函数调用的形式，接收 跨域接口响应回来的数据。节流：减少事件触发的频率，有选择性的执行一部分事件。
2022-09-29 15:07:50
480
原创 Ajax基础
('#form1').serialize() //调用的结果： //username=用户的值&password=密码的值。提交后，页面会发生跳转，跳转到 action URL 所指向的地址，用户体验很差，页面之前的状态和数据会丢失。$.get()发起带参数的请求，提供请求的URL地址和请求成功后的回调函数，通过参数筛选满足条件的属性。$.get()发起不带参数的请求，直接提供请求的URL地址和请求成功后的回调函数。使用Ajax请求数据时，被请求的URL地址，就叫做数据接口（接口）。
2022-09-29 10:34:35
301
原创 ES6梳理
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范从2015年开始每年6月份发布新的版本，所以称为ES6每一次标准的诞生都意味着语言的完善，功能的加强。
2022-09-20 10:02:45
249
原创 正则表达式（ Regular Expression ）
是用于匹配字符串中字符组合的模式在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本指的是某些常见模式的简写方式\d：匹配0-9之间的任一数字 相当于[0-9]\D：匹配所有0-9以外的字符 相当于[^0-9]\w：匹配任意的字母、数字、和下划线，相当于[A-Za-z0-9_]\W：匹配除字母、数字、和下划线以外的字符，相当于[^A-Za-z0-9_]\s：匹配空格（包括换行符、制表符、空格符等），相当于[\t\r\n\v\f]
2022-09-20 09:37:36
284
原创 javaScript高级
函数声明方式 function 关键字（命名函数）函数表达式(匿名函数)var fn = new Function('参数1','参数2'..., '函数体')执行效率低，也不方便书写，因此较少使用Function 里面参数都必须是字符串格式所有函数都是 Function 的实例(对象)函数也属于对象。
2022-09-20 09:26:55
219
原创 数据可视化
中文网址：https://echarts.apache.org/zh/index.html（推荐）数据堆叠，同个类目轴上系列配置相同的`stack`值后 后一个系列的值会在前一个系列的值上相加。官方网址：https://www.echartsjs.com/（但是该网址内容为英文且内容较不齐全）在网站中选择直接想要的图形，并进行适当的删减，达到自己心中的要求则引入到js中。series：图标数据，指定什么类型的图标，可以多个图表重叠。xAxis：直角坐标系 grid 中的 x 轴。legend：图例组件。
2022-09-15 16:20:06
166
原创 小米官网jQuery重构
在重构的过程中，明显感觉到jQuery使用性的模块是tab栏切换模块，因为有多个相同的tab栏切换模块，用原生js光实现一个模块的tab栏切换就用到了两层循环，如果想要多个相同tab栏切换模块用一个代码段同时实现还需在加好几层代码，或者就是用不同的类名给每一个模块进行绑定事件。在书写jquery代码时要注意选择器的使用及html结构中的父子兄弟的关系，使用相应的筛选选择器，才能达到相应的效果。类名的添加的删除主要是为了保证是对事件当前对象的操作，其他模块同类名的部分不会随着更改。
2022-09-09 15:28:03
393
原创 jQuery基础
JavaScript 库：就是一个JS 文件，里面对我们原生js代码进行了封装jQuery的概念：jQuery 是一个快速、简洁的 JavaScript 库jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交互params：想要改变的样式属性，以对象形式传递，如果是符合属性需要采用驼峰命名法停止动画排队stop（）动画或者效果一旦触发就会执行，多次触发就会造成多个排队执行。
2022-09-06 19:33:34
496
原创 贪吃蛇游戏的原生代码开发
该游戏的主要思想：将目标区域或者说盒子网格化，通过网格化来对蛇进行生成、移动等操作html和css很少，主要是规划盒子的将要用到的开始按钮、暂停按钮以及蛇的头和身体、食物的大小、定位和类名。以下js中：建议将每一块的第一部分放在所有方法的前面（因为他们都是全局配置，放前面预防出差错），我文中这样放置是为了方便大家观看。...
2022-08-29 17:48:40
834
原创 事件高级知识
addEventListener第三个参数为true，表示在捕获阶段，反之为冒泡阶段，默认为false。在 IE6~8 中，浏览器不会给方法传递参数，如果需要的话，需要到 window.event 中获取查找。原理：给父元素注册事件，利用事件冒泡，当子元素的事件触发，会冒泡到父元素，然后去控制相应的子元素。事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象。事件发生时会在元素节点之间按照特定的传播顺序传播，这个传播过程就叫DOM事件流。...
2022-08-04 20:56:59
65
原创 DOM知识梳理
1. API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现2. Web API 主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。3. Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）4. 学习 Web API 可以结合前面学习内置对象方法的思路学习文档对象模型：是 W3C组织推荐的处理[可扩展标记语言（html或者xhtml）的标准编程接口DOM树。...
2022-08-04 20:49:10
83
原创 计算机及js知识基础
计算机可以帮助人类解决某些问题程序员利用编程语言编写程序发出指令控制计算机来实现这些任务编程语言有机器语言、汇编语言、高级语言高级语言需要一个翻译器转换为计算机识别的机器语言编程语言是主动的有很强的逻辑性JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言不需要编译，运行过程中由js解释器(js引擎）逐行来进行解释并执行现在也可以基于Node.js技术进行服务器端编程。...
2022-07-21 15:52:54
238
原创 生活资讯网相关布局
一、主要思路这个项目我采用的是以boostrap5框架为主，然后参杂一些flex、流式等布局方式。二、前期准备将boostrap5框架的文件下载并引入，创建相应的css文件和html，完成html基本骨架的构建。下载好自己要用到的字体图标文件。<!DOCTYPE html><html lang="en"><!DOCTYPE html><html lang="en"><head> <meta charse
2022-04-29 16:17:55
82
3
原创 rem适配方案
rem适配方案一一、原理1、让一些不能等比自适应的元素，达到当设备尺寸发生改变时等比例适配当前设备2、使用媒体查询根据不同设备比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也发生变化，从而达到等比例缩放的适配二、技术选取rem+媒体查询+less技术三、设计稿设计稿一般由网工提供，设计稿现在基本以750px为准，根据设计稿要求进行项目开发。四、元素大小取值方法注：拿到设计稿时，一般将屏幕宽度分15等份 比如750px 750
2022-04-11 16:32:33
4367
3
原创 rem布局、响应式布局基础知识
一、rem基础1、em 单位 是相对于父元素 的字体大小来说的2、rem 单位 是相对于html元素 字体大小来说的3、rem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小 可以实现整体控制二、媒体查询（Media Query）1、 是css3新语法2、@media 可以针对不同的屏幕尺寸设置不同的样式3、格式：@media mediatype and丨not丨only （media feature）{ css-Code}4、解释： ...
2022-04-11 14:58:52
1599
原创 ScreenToGif软件
ScreenToGif是一款简洁、易用、小巧且完全免费的动图制作和编辑软件。下载：官网地址：ScreenToGif下载简单，一直下一步即可软件打开是这样的共有四个功能：录像机：录显示器上显示的内容，用来录屏摄像头：用来录制pc摄像头发内容，比如自拍画板:用来录制增加的涂鸦以上三个功能都是用来把不同的输入内容变成gif内容而最后一个编辑器是用来处理前san'g功能录取的GIF内容主要介绍一下录像机功能（常用）点击“录像机”，打开录屏界面其中15.
2022-04-11 09:58:55
724
1
原创 透视的分析及3D转换的应用
我们生活中的环境是3D的，其特点就是物体可以遮挡（背后的会被前面比其大的物体遮挡），离我们的眼睛越近的物体相对的就越大（近大远小），图片就是3D物体在2D平面上呈现的例子。通过上面的描述，我们可以知道在2D平面产生近大远小视觉立体，但是只是效果二维的。 如果想要在网页产生3D效果需要透视（理解成3D物体投影在2D平面内）。透视（perspective）可以理解为模拟人类的视觉位置，可认为安排一只眼睛去看。视距越小的在电脑平面成像越大，越大成像越小。视距：模拟视觉与电脑屏幕的距离，单位.
2022-04-02 11:10:26
314
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人