Lion李昂-CSDN博客

原创 Nodejs基础学习和使用

Nodejs 什么是NodeJs？是基于谷歌V8JS引擎运行的JavaScript环境 Node中处处皆模块：创建的JS文件都是自定义模块 Node中自带了很多内置模块 npm下载的是第三方模块使用导出/暴露模块：语法： module.exports modue是Node中的一个全局对象； module.exports是模块的出口，默认值是一个对象{} 加载： require /*Demo:*/ let obj = require(‘模块路径’) 加载自定义模块，必须加路径，至少是./

2021-12-02 20:04:57 760

原创 Node数据库模块和mysql基本使用

浅学习Node数据库与mysql 准备工作：安装phpstudy或者wampserver 使用里面集成好的数据库安装navicat进行可视化的连接和管理数据库连接数据库：添加新数据和表：导出表：导入表：数据库语句：大小写均可查询 SELECT 字段/* FORM 表名 WHERE 条件 ORDER BY 字段排序规则条件之间可用and / or语句拼接排序规则：asc升序（默认） desc降序添加 INSERT INTO 表名 SET 字段=值, 字段=值更新

2021-12-01 19:50:34 353

原创自己封装ajax

实现步骤和思路目标：模拟axios和jQuery的ajax，封装一个自己的ajax 思路：我给这个ajax起名叫 tools，之后下文也用 tools 称呼这个自定义ajax，首先tools肯定是一个封装的函数，然后调用这个“ajax”时传入如同jquery那样的对象参数，然后它通过XMR实现功能明确要传入tools的实参和各种情况： tools({ method: '请求方式', url: '资源路径', params: {}, //get参数 data: {a

2021-11-23 16:58:55 797

原创前端AJAX基础

AJAX Ajax的概念： Ajax用来实现客户端网页请求服务器的数据，当用户有操作时可以实时更新部分模块或者整个网页 axios基本语法：模板： axios({ method: '', url: '', }).then((result) => { //.then 用来指定请求成功之后的回调函数 // 形参中的result是请求成功之后的结果 })； then方法（或回调函数）负责接受发过来的数据属性区分大小

2021-11-23 14:08:56 1669

原创 JavaScriptES6

ES5高级+ES6广域学习学习笔记面向对象的编程语言（OOP）什么是面向对象的编程语言？ • 一切皆对象，对象的模板是类，类的实例是对象(当然js中没有类的概念,class只是语法糖) • 对象中有属性、方法，属性的值是元素 • 创建对象的过程我们称为实例化面向对象的特性：封装性、继承性、多态性 ECMAScript和JavaScript： JS是被提交到ECMA进行标准化的，ECMA是一个制定计算机信息标准化的组织，而JS是在这个标准下使用最广泛最流行的一个实现 ES6新特性学习： For

2021-11-17 20:05:35 409 1

原创自封装动画函数源码

动画函数原理 1.获得盒子当前位置 2.让盒子在当前位置加上1个移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意此元素需要添加定位，才能使用element.style.left function animation(obj, target, callback) { clearInterval(obj.ani); obj.ani = setInterval(function () { // var step = Math.ceil((target

2021-10-30 16:03:25 110

原创淘宝flexible.js源码分析

淘宝flexible.js源码分析 flexible.js是基于rem最主要的布局适配废话少说，直接上代码 (function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize () { if (document.bod

2021-10-30 15:55:36 411

原创写一些自己的WEB API浅学习

WEB API浅学习什么是API？ API是一种应用程序编程接口给前端人员提供的一种工具以便能完成一些网页效果和功能 WEB API是浏览器提供的操作浏览器功能和页面元素的API（BOM和DOM） API的接口很多都是方法（也就是函数）什么是DOM DOM：文档对象模型（Document Object Model）是一些编程接口，通过DOM接口可以改变网页的内容、结构和样式什么是DOM树？一个页面就是一个文档 document 页面中的标签就是元素 element 网页的内容就是.

2021-10-21 20:31:53 287

原创对已知的盒子水平居中的方法总结

对已知的盒子水平居中的几种方式进行一下总结定义一个249*249px的大盒子里面包括一个120*120px的小盒子 ①绝对定位+基于父盒子移动，移动值为自身的一半拿水平（宽）居中举例，父盒子由两个子盒子拼接，所以自身的一半（这里是125）就是刚好居中的位置\ 前提是子盒子得定义了宽高 .box{ position: relative; height: 249px; width: 249px;

2021-10-14 11:27:47 231

原创 Java Script初阶学习笔记

Java Script第一次学习笔记鉴于本人有一定的C、Python编程基础，JS编程的随笔可能较为杂乱且省略较多，看看就好（不是）什么是JavaScript？ JavaScript是一种运行在客户端的脚本语言基本输入输出语句功能语句打印输出 console.log() 弹出输出框 alert 弹出输入框 prompt 文件写入 document.write(’’) 小理论： console.log可以输出任何类型的数据，alert只能输出String类

2021-10-11 14:24:45 358

原创移动Web学习之flex布局

flex布局首先我们要了解一个概念，就是现在一般的移动端开发都用iPhone6-8的机型作为标准像素尺寸，因为随着现在智能手机的像素越来越高，屏幕上的一个物理像素点可能装了几个逻辑像素点做前端开发的时候，默认收到的都是二倍图，为了兼容用户的默认视口宽度，可以在像素大厨里切成一倍图方便调试。 PC默认视口宽度是980px，添加了视口标签之后就为设备的宽度 <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2021-09-29 18:04:58 251

原创移动WebTransform进阶学习动画转换旋转3D

Transform进阶学习空间转换语法Transform:translate3d:(x,y,z);— Transform:translate; Z轴的效果表现需要借助perspective属性（取值一般在800-1200）【加到父元素】视距属性 Perspective属性值越小，那么Z轴所表示的3D效果就越明显（也就是眼睛距离电脑中的效果就越近）空间旋转 Transform:rotateX/Y/Z 或 rotate3d(x,y,z,deg) 【x,y,z取值为1】用得少取值1代表

2021-09-26 22:15:24 220

原创移动web字体图标平面转换学习

移动端第一天学习笔记字体图标如何使用字体图标？使用字体图标：在标签类加上iconfont，并引入CSS后缀的图标样式表（iconfont）方法① 使用unicode编码 &#xe6eb /* &#字符实体 x十六进制 */ unicode编码的含义例：直接在标签内容里输入编码，在标签类加上iconfont，或给标签加上font-family:’iconfont’ 方法② 直接加类在标签里加入至少两个类，iconfont+icon-lishijilu（例），当

2021-09-24 22:11:04 154

原创 red had第二次学习整理

#red hat 第二次学习整理今天上午我们学习了Linux高级语法的使用，令我印象最深的是awk和sed，他们是两个不太好懂的语法，但是学起来尤为有意思，特别是结合管道符之后，下面让我们来看看。学习准备：建立个人文件夹复制etc下passwd 和root下配置文件. sed的用法是对一整行内容进行整理，并显示出用户想要看到的内容，而awk是比sed更好用，也更难用的用法，他可以对一行...

2019-11-08 13:40:14 685

原创 red hat第一次学习整理

10月27日red hat第一次学习上周六周日忘情大神程老师带我们学习了一些基础的、简单有趣的Linux命令，我们了解了Linux这个生动的系统，也学习了如何安装我们自己的虚拟机，以及一些我们学习会需要的一些软件，这也是我第一次使用macdown编辑器，看起来很有趣。相信它以后会是我的得力助手，下面是第一次笔记整理： echo $shell 意思是查看当前系统正在使用的shell终端 /bi...

2019-10-31 15:46:36 475

qq_45149045的博客