- 博客(15)
- 收藏
- 关注
RSS订阅原创 Nodejs基础学习和使用
Nodejs什么是NodeJs？是基于谷歌V8JS引擎运行的JavaScript环境Node中处处皆模块：创建的JS文件都是自定义模块Node中自带了很多内置模块npm下载的是第三方模块使用导出/暴露模块：语法：module.exportsmodue是Node中的一个全局对象；module.exports是模块的出口，默认值是一个对象{}加载：require/*Demo:*/ let obj = require(‘模块路径’)加载自定义模块，必须加路径，至少是./
2021-12-02 20:04:57
635
原创 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
261
原创 自己封装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
689
原创 前端AJAX基础
AJAXAjax的概念：Ajax用来实现客户端网页请求服务器的数据，当用户有操作时可以实时更新部分模块或者整个网页axios基本语法：模板： axios({ method: '', url: '', }).then((result) => { //.then 用来指定请求成功之后的回调函数 // 形参中的result是请求成功之后的结果 })；then方法（或回调函数）负责接受发过来的数据属性区分大小
2021-11-23 14:08:56
1447
原创 JavaScriptES6
ES5高级+ES6广域学习学习笔记面向对象的编程语言（OOP）什么是面向对象的编程语言？• 一切皆对象，对象的模板是类，类的实例是对象(当然js中没有类的概念,class只是语法糖)• 对象中有属性、方法，属性的值是元素• 创建对象的过程我们称为实例化面向对象的特性：封装性、继承性、多态性ECMAScript和JavaScript：JS是被提交到ECMA进行标准化的，ECMA是一个制定计算机信息标准化的组织，而JS是在这个标准下使用最广泛最流行的一个实现ES6新特性学习：For
2021-11-17 20:05:35
328
1
原创 自封装动画函数源码
动画函数原理1.获得盒子当前位置2.让盒子在当前位置加上1个移动距离3.利用定时器不断重复这个操作4.加一个结束定时器的条件5.注意此元素需要添加定位，才能使用element.style.leftfunction animation(obj, target, callback) { clearInterval(obj.ani); obj.ani = setInterval(function () { // var step = Math.ceil((target
2021-10-30 16:03:25
52
原创 淘宝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
327
原创 写一些自己的WEB API浅学习
WEB API浅学习什么是API？API是一种应用程序编程接口 给前端人员提供的一种工具 以便能完成一些网页效果和功能WEB API是浏览器提供的操作浏览器功能和页面元素的API（BOM和DOM）API的接口很多都是方法（也就是函数）什么是DOMDOM：文档对象模型（Document Object Model）是一些编程接口，通过DOM接口可以改变网页的内容、结构和样式什么是DOM树？一个页面就是一个文档 document页面中的标签就是元素 element网页的内容就是.
2021-10-21 20:31:53
213
原创 对已知的盒子水平居中的方法总结
对已知的盒子水平居中的几种方式进行一下总结定义一个249*249px的大盒子里面包括一个120*120px的小盒子①绝对定位+基于父盒子移动，移动值为自身的一半拿水平（宽）居中举例，父盒子由两个子盒子拼接，所以自身的一半（这里是125）就是刚好居中的位置\前提是子盒子得定义了宽高 .box{ position: relative; height: 249px; width: 249px;
2021-10-14 11:27:47
162
原创 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
230
原创 移动Web学习之flex布局
flex布局首先我们要了解一个概念，就是现在一般的移动端开发都用iPhone6-8的机型作为标准像素尺寸，因为随着现在智能手机的像素越来越高，屏幕上的一个物理像素点可能装了几个逻辑像素点做前端开发的时候，默认收到的都是二倍图，为了兼容用户的默认视口宽度，可以在像素大厨里切成一倍图方便调试。PC默认视口宽度是980px，添加了视口标签之后就为设备的宽度<meta name="viewport" content="width=device-width, initial-scale=1.0"&
2021-09-29 18:04:58
165
原创 移动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
143
原创 移动web字体图标平面转换学习
移动端第一天学习笔记字体图标如何使用字体图标？使用字体图标：在标签类加上iconfont，并引入CSS后缀的图标样式表（iconfont）方法①使用unicode编码 /* &#字符实体 x十六进制 */unicode编码的含义例：直接在标签内容里输入编码，在标签类加上iconfont，或给标签加上font-family:’iconfont’方法②直接加类 在标签里加入至少两个类，iconfont+icon-lishijilu（例），当
2021-09-24 22:11:04
73
原创 red had第二次学习整理
#red hat 第二次学习整理今天上午我们学习了Linux高级语法的使用，令我印象最深的是awk和sed，他们是两个不太好懂的语法，但是学起来尤为有意思，特别是结合管道符之后，下面让我们来看看。学习准备：建立个人文件夹复制etc下passwd 和root下配置文件.sed的用法是对一整行内容进行整理，并显示出用户想要看到的内容，而awk是比sed更好用，也更难用的用法，他可以对一行...
2019-11-08 13:40:14
579
原创 red hat第一次学习整理
10月27日red hat第一次学习上周六周日忘情大神程老师带我们学习了一些基础的、简单有趣的Linux命令，我们了解了Linux这个生动的系统，也学习了如何安装我们自己的虚拟机，以及一些我们学习会需要的一些软件，这也是我第一次使用macdown编辑器，看起来很有趣。相信它以后会是我的得力助手，下面是第一次笔记整理：echo $shell 意思是查看当前系统正在使用的shell终端/bi...
2019-10-31 15:46:36
373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人