ᥴcc+-CSDN博客

原创移动Web

定位区别：定位会脱标，可能影响其他盒子的位置定位会使行内元素转换为行内块元素使用：居中案例:2.旋转rotate1.语法:2.概念:伪元素:百分比：语法：语法：注意：语法：定义动画：定义动画序列：2.调用动画animation:animation-name animation-duration;注意：属性：使用：注意：使用：与2d基本相同左手定律注意：自定义轴向:使用：注意：给3d转换的元素的亲生父亲开启空间：语法:应用场景：flex-direction:row/columnjus

2022-06-12 20:45:09 132 1

原创 Web Apls

ByIdByTagNameByClassNamequerySelectorAll2.注册事件on+事件类型注册点击click事件注册focus和blur事件鼠标按下mousedown鼠标移动mousemove鼠标弹起mouseup键盘按下keydown键盘弹起keyup鼠标进入鼠标移出滚动事件3.对象属性属性：开关属性:值的状态只有两个 true falsedisabled 设置是否禁用checked 设置是否选择selected 设置下拉框是否选择操作属性的方法：对属性进行增

2022-06-11 20:53:19 187

原创 Vuex 基础和使用

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

2022-06-09 19:53:08 190

原创 Node.js

※ 延伸前端工程师的能力范围，探究后端工程师的工作内容学Node.js的内置模块、自定义模块、第三方模块以及学习npm工具来安装，卸载第三方包下载对应版本的安装包（nodejs.org/zh-cn/）注意：点击下载到的安装包，一路下一步默认安装注意：打开小黑窗输入 node -v 能看到版本号表示安装成功按 windows + R 运行窗口中输入cmd 回车即可打开在任意目录的最上方路径输入框中输入 cmd 回车接口打开（推荐）在任意目录中按住 shift键 + 鼠标右键后在弹出菜单中点击在此处打开命令

2022-06-09 19:50:29 498

原创 vue-组件通信

口诀: 哪部分标签复用, 就把哪部分封装到组件内重要：步骤：语法:全局注册PannelG组件名后, 就可以当做标签在任意Vue文件中template里用单双标签都可以或者小写加-形式, 运行后, 会把这个自定义标签当做组件解析, 使用==组件里封装的标签替换到这个位置2.局部 - 注册使用语法:任意vue文件中中引入, 注册, 使用(创建)封装html+css+vue到独立的.vue文件中(引入注册)组件文件 => 得到组件配置对象(使用)当前页面当做标签使用3.scope

2022-06-09 19:46:26 87

原创 vue-组件进阶

完成一个注册功能页面, 2个按钮切换, 一个填写注册信息, 一个填写用户简介信息2.组件缓存activated - 激活deactivated - 失去激活状态3.激活和非激活补充2个钩子方法名:语法口诀:6.具名插槽传入的标签可以分别派发给不同的slot位置v-slot一般用跟template标签使用 (template是html5新出标签内容模板元素, 不会渲染到页面上, 一般被vue解析内部标签)v-bind可以省略成: v-on: 可以省略成@ 那么v-sl

2022-06-09 19:45:44 660

原创 Vue-生命周期-axios

3.挂载阶段1.template选项检查有 - 编译template返回render渲染函数无 – 编译el选项对应标签作为template(要渲染的模板)2.虚拟DOM挂载成真实DOM之前3.beforeMount – 生命周期钩子函数被执行4.Create … – 把虚拟DOM和渲染的数据一并挂到真实DOM上5.真实DOM挂载完毕6.mounted – 生命周期钩子函数被执行4.更新阶段1.当data里数据改变, 更新DOM之前2.beforeUpdate – 生命周期钩子函数被执行3.Vir

2022-06-09 19:45:00 504

原创 Vue-路由系统

单页面应用(SPA): 所有功能在一个html页面上实现前端官网: router.vuejs.org/zh/官网: router.vuejs.org/zh/步骤：下载vue-router模块到当前工程在main.js中引入VueRouter函数添加到Vue.use()身上 – 注册全局RouterLink和RouterView组件引入组件创建路由规则数组 – 路径和组件名对应关系创建路由对象 - 传入规则把路由对象注入到new Vue实例中用router-view作

2022-06-09 19:43:35 513

原创 Vue-Router 路由系统：

单页面应用(SPA): 所有功能在一个html页面上实现前端官网: router.vuejs.org/zh/官网: router.vuejs.org/zh/步骤：下载vue-router模块到当前工程在main.js中引入VueRouter函数添加到Vue.use()身上 – 注册全局RouterLink和RouterView组件引入组件创建路由规则数组 – 路径和组件名对应关系创建路由对象 - 传入规则把路由对象注入到new Vue实例中用router-view作

2022-06-06 10:53:22 207

原创 Vue-计算属性-过滤器-侦听器

目标: 当v-for遍历的目标结构改变, Vue触发v-for的更新口诀:1.v-for就地更新: 的默认行为会尝试原地修改元素而不是移动它们。这种虚拟DOM对比方式, 可以提高性能 - 但是还不够高概念:本质是保存dom关键信息的JS对象内存中生成一样的虚拟DOM结构(本质是个JS对象)，因为真实的DOM属性好几百个, 没办法快速的知道哪个属性改变了，比如template里标签结构对应的虚拟DOM结构以后vue数据更新好处：v-for不会移动DOM, 而是尝试复用, 就地更新，如果需要v

2022-06-06 10:51:20 251

原创 Vue基础

目标: 更少的时间,干更多的活. 开发网站速度快，开发更加的效率和简洁, 易于维护, 快!快!快!就是块 (甚至测试, Java, Python工程师都要学点vue, 方便与前端沟通)现在很多项目都是用vue开发的渐进式javacript框架 (一套拥有自己规则的语法)官网地址: cn.vuejs.org/渐进式: 逐渐进步, 想用什么就用什么, 不必全都使用概念：全局安装命令 :查看脚手架版本：创建项目:选择模板:运行项目：4.@vue/cli 目录和代码分析：

2022-06-06 10:50:08 111

原创 JS 基础

概念作用网页特效 (监听用户的一些行为让网页作出对应的反馈)表单验证 (针对表单数据的合法性进行判断)数据交互 (获取后台的数据, 渲染到前端)服务端编程 (node.js)组成1.ECMAScript：规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等等。2.Web APIs :DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作。BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等。权威网站： MDN直接写在html文件里，用script标签包住script标签

2022-06-05 09:45:50 93

原创 Ajax 跨域认识

XMLHttpRequest是浏览器内置的一个构造函数作用：基于 new 出来的 XMLHttpRequest 实例对象，可以发起 Ajax 的请求。 axios 中的 axios.get()、axios.post()、axios() 方法，都是基于 XMLHttpRequest（简称：XHR）封装出来的！主要的 4 个实现步骤：创建 xhr 对象调用 xhr.open() 函数调用 xhr.send() 函数监听 load 事件2.请求时携带URL参数或提交请求体：URL参数，只能拼接在

2022-06-04 15:20:26 174

原创初识 Ajax

服务器的本质：也是一台电脑。服务器的作用：如何获得服务器：网页中的数据，也是服务器对外提供的一种资源。例如股票数据、各行业排行榜等。服务器多数情况都使用数据表的方式来存储数据，和我们平时见到的表格差不多**概念：**在前端开发中，客户端特指“Web 浏览器”。**作用：**将互联网世界中的 Web 资源加载、并呈现到浏览器窗口中供用户使用。常见的“客户端浏览器”：生活中的地址，表示地球上的一个确切的地理位置URL 地址，表示服务器上每个资源的确切位置。服务器上的每个资源，都对应着独一无二的URL地址数据也是

2022-06-04 14:59:54 265

原创 Git教程大法

https://git-scm.com/book/zh/v23.首次使用设置个人信息用户名 'xxx’要修改邮箱 'xxx’要修改4.查看设置的信息是否正确查看用户名 (xxx要去掉)查看邮箱 (xxx要去掉)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9dltbzHP-1654156051836)(Git教程.assets/1651217633723.png)]6.常见文件标志U: 未跟踪的文件A: 新增的文件D: 删除的文

2022-06-02 16:15:58 352

原创 JS 高级

二.常用数组方法1.every( )------->检测数值元素的每个元素是否都符合条件。2.filter( )------->检测数值元素，并返回符合条件所有元素的数组。3.find( )------->返回符合传入测试（函数）条件的数组元素。4.findlndex( )------->返回符合传入测试（函数）条件的数组元素索引。5.forEach( )------->数组每个元素都执行一次回调函数。6.includes( )------->判断一个数组是否包含一个指定的值。7.indexOf( )--

2022-06-02 14:41:03 295

欢迎