True_cl-CSDN博客

原创关于uniapp配置文件的理解

首先uniapp类似于vue构建项目的时候也是有pages.json这个文件首先介绍下一个基本的pages.json文件{ "pages": [{ "path": "pages/component/index", "style": { "navigationBarTitleText": "组件" } }, { "path": "pages/API/index", "style": { "navigationBarTitleText"

2022-03-07 15:41:48 1293

原创 js递归的一些理解

一.递归的使用环境在写一些逻辑的时候,如果碰到一些很杂乱的数据,比如在一个多层嵌套数组找出你需要的数据,这时候是可以通过循环去循环数组去查找你需要的数据,但是如果这个数组并不是一两层,而是五六层,甚至更多,没有一个固定的层数,那么这个时候如果用循环不停去找这个数据并不是一个好的解决办法,而且循环每循环一层消耗的性能特别大,如果循环多了,就也会报超出执行栈的错误.这个时候可以试试用递归解决这个困难的问题.二.递归的概念递归的概念非常简单,也就是在程序的函数中直接或间接的调用自己,并且必须要有一个跳出结

2021-11-09 18:06:51 922

原创 vue自定义指令的使用

在vue一些需求中需求操控底层的dom,解决办法除了用ref解决外,还可以用自定义指令去操控底层元素从而实现对应的效果.使用方法:html模块<div v-insert="msg"><div>js操控模块data() { return { msg: '我是插入元素' }},directives: { insert(el, binding) { // el 是被操控的dom的元素 // binding是自定义指令传来

2021-07-23 15:33:44 195

原创 vue子组件通过获取父组件的值使用计算属性存储值改变

当我们父组件传来的值props: { data: { type: Object, default: () => {}, }, },如果我们在子组件里面去用这个值去显示是完全没问题的,但是如果我们在子组件里面去修改这个值,控制台就会发出报错警告,但是如何在子组件完全拿到这个值呢computed: { viewsData: { get() { return this.data }, set(da

2021-07-12 18:33:29 1835

原创关于vue侦听器的使用和理解

一,使用场景对于我们平常构建项目的时候经常频繁的使用组件,那对于父子传值得一些问题会导致我们在子组件里面不能直接去修改父组件传来的值,但是我们有时候可以转变下思路通过侦听父组件的值去改变.二,使用方法对于侦听字符串的使用方法 watch: { data(value) { // 如果当value的值变化时,就立刻触发侦听器,执行里面的方法 }对于侦听对象的使用方法data: { handler(value) { // 对于侦听对象时,因为

2021-06-09 10:16:55 254 3

原创浅拷贝和深拷贝

区别对于浅拷贝和深拷贝，简单来讲的话，我声明了一个a , 然后再声明b,b拷贝a,但如果我将a进行改变，b也对于着改变，这就是浅拷贝，但是如果b没改变，那就是深拷贝了，其实底层的话，也就是，浅拷贝就是完全复杂了b复制a，但是b和a还是在一个工作区域内，但是呢,深拷贝就是就是b拷贝了a，但是b自己创建新的工作区域，虽然是一样的，但a改变后完全不会影响b如果是基本数据类型，名字和值都会储存在栈内存中let a = 1;b = a;console.log(a,b)如果是引用数据类型，名字存在栈内存中

2020-08-08 15:44:39 170

原创对于vuex的理解

一，介绍对于整体的项目的搭建，我们来了解下vuex的理解，首先vuex别名是vue全家桶，是专门为vue提供的一个状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。二，了解对于vuex,它的理念是"单数据流“为标准，在里面分别有五个核心概论，分别是State,Getter,Mutation,Action和Module。对于在vue里面的核心的概论我来介绍下State,Getter,Mutation和ActionState首先State的作用

2020-08-08 15:06:35 168

原创 vue-脚手架cli

一，简介首先我们先了解vue的相关的几个方面的模块vue：用于构建用户界面的前端开发框架vue-cli：vue的项目构建、开发工具vue loader：一个webpack的loader，将vue组件的开发形式转为单文件vue router：vue的路由管理器插件vuex：vue的状态管理插件二，cli(脚手架)认识脚手架是什么？vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

2020-08-02 15:18:09 176

原创关于vue组件的个人理解

一，介绍关于对于使用vue的核心，也就是对组件的使用，也就是对于vue的核心的基本的了解了。组件是vue的重要概论，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。二，基本使用首先创建一个文件，导入vue的cdn的地址<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>第二步，创建一个div区域给vue做代理的作用，可以在这个区域里面随便创建组件。<div

2020-08-01 15:01:13 243

原创初步认识vue

一，框架vue首先vue是一款渐进式框架，对于渐进式框架也就是阶梯式向前的。vue是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染，我就只用vue的声明渲染，而我们要用他的组件系统，我们可以引用它的组件系统。二，vue的核心1.响应式数据绑定当数据发生变化是，vue自动更新视图。这个原理是用了es6的 Object.definedProperty 中的setter/getter 代理数据，监控对数据的操作。所以使

2020-07-26 14:41:43 287

原创对mysql的了解

一，认识对上一期的博客我已经阐述了对关系型数据库和非关系型数据库的认识，对于数据库非关系型数据库和关系型数据库两个都有各自的优点和缺点，上一期我将一个非关系型数据库，今天我来讲讲关系型数据库，mysql。怎么说呢，关系型数据库有很多，因为关系型数据库不同于非关系型数据库，它有严格的表和字段，但是通过后端查到数据就很麻烦，也很慢，在这个市场上主流的关系型数据库有三种，一个是sql server 另一个是oracle ，最后是mysql.在这个里面oracle在这三个里面数据处理最快的，这当然是很好，

2020-07-26 14:22:52 229

原创学习mongdb连接node

一，认识MongoDB是一种文档导向数据库管理系统，由C++撰写而成。介绍如何使用 Node.js 来连接 MongoDB，并对数据库进行操作。Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具。版本：5.4.4二，配置安装操作对于先使用，那也是先安装模块安装mongodbcnpm install mongodb --save引入模块var mongodb =require('mongodb ');引入mongoconst MongoClie

2020-07-19 16:34:52 139

原创关于mongodb的安装和用法

一，对于数据库的认识对于在数据库我们的认识一般有关系型数据库和非关系数据库关系型数据库关系模型来组织数据库非关系型数据库是一种数据结构化存储方法集合，可以是文档或者键值对形式对于我们认识的关系型数据库有MySql,Sql server,Oracle,DB2,postgreSql,Microsoft SQL Server而非关系型数据库有mongoDB，Elasticsearch对于关系型数据库和非关系型数据库一般都是有利有弊的，对于关系型数据库，好处是利于进行处理数据，而非关系型数据库是数

2020-07-19 16:12:23 122

原创关于node创建静态服务器

一，简介关于安装node和基础的node知识，之前的博客都要介绍完毕，这次的博客讲讲关于node搭建静态服务器。以前我们所谓说的前端静态页面以为是没有设置任何效果的页面就是静态页面，但是这并不是，因为没有任何的数据交互，再炫酷的效果，那也是静态页面，只是前端工程师拿着自己的数据进行玩罢了，但是如果涉及到后端服务器和数据库，将数据库里的数据拿出，从后代将数据做简单的处理，再通过接口连接前端，前端拿到这些数据，再通过那些炫酷的效果，这才是动态页面。二，搭建前面讲了前后端数据连接的介绍，光说无用，我来一一

2020-07-12 13:35:06 169

原创 node实现简单的apache服务

一，首先我先在指定的路径下创建文件，方便通过服务器查到文件二，node 文件const http = require("http");const fs = require("fs");const path = require("path");const config = require("./config");//拿到跟目录const documentRoot = config.documentRoor;const server = http.createServer();serv

2020-07-11 15:27:32 440

原创关于es6封装set()，map()方法

一，简介对于封装set(),map()方法，首先就要先学会认识set()，map()这两个方法二，认识set()，map()set()set()这个方法是用来存放不重复的数组的一个方法，其常用的原型方法有add(),delete()，has(),clear(),另外还有可以遍历迭代的方法 for…of,也有重写forEach //set集合 const s1 = new Set([1,5,3,4,1,24,25,145,555]); console.log(s1

2020-07-04 11:00:28 464

原创关于Promise原型方法async和await

一，Promise简介对于学习es6的难点之一，promise可以作为首选，因为作为es5的写法中回调写法问题，在数据量特点大的情况下，很可能出现回调地狱的情况，即当某个异步操作需要等待之前的异步操作执行完才能执行，就会使陷入无限的嵌套中。而对于ES6，新出的promise,它是属于一个微队列，对于js引擎而言，是优先执行微队列的任务的，在使用promise时能较大的程度上解决回调问题，但也不是能完全的解决，所谓的回调地狱，在任务多的情况下promise也不能完美去解决这个问题，只是缓解了异步回调问题。

2020-07-02 11:21:54 205

原创初步认识node.js

一，简介对于一个基本的前端开发人员，最基础的语言就是javaScript了，但是在客户端渲染网页我们可以用html+css和一些js来使用，但是对于服务端的语言就很多了，各种各样，我们最熟悉比如java,php之类的，但是作为后端，javaScript有也自己的开发语言。作为后端javaScript,Node保留了前端浏览器JavaScript中那些熟悉的接口，没有改写语言本身的任何特性，依旧基于作用域和原型链，区别在于它将前端中广泛运用的思想迁移到了服务器端。二，安装这个要通过下载安装网站：ht

2020-06-26 23:20:06 215

原创关于typeScript封装ajax

一，简介我之前的博客已经介绍了原生的ajax和jquery封装ajax，这篇博客介绍下新颖的技术typeScript封装下ajax。二，使用对比jquery的封装： $.ajax({ url : 'http://102.37.175.185:3000/index', type : 'GET', data : { uname : uname }, dataType : 'json'

2020-06-26 20:25:29 896

原创关于typescript函数

一，简介函数是JavaScript应用程序的基础，在TypeScript里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。 TypeScript为JavaScript函数添加了额外的功能，让我们可以更容易地使用。二，使用和JavaScript一样，TypeScript函数可以创建有名字的函数和匿名函数函数定义ts:function add(x: number, y: number): number { return x + y;}let myAdd = fun

2020-06-21 15:20:36 237

原创使用jQuery实现ajax数据请求实现增删改查

一，关于关于原生的的ajax数据请求，我上一篇博客已经叙述了，这一篇来讲一讲通过jQuery封装的ajax简化了数据请求的方式。二，写法相对于原生的ajax，jquery实现的方法少了原生的写法的四大步骤，直接通过封装的方法$.ajax({})，实现数据请求，通过url拿到服务端的地址，通过接口找到后端数据的地址，如果有跨域，可以通过jsonp去实现，通过url找到数据的地址，再通过data找到数据的对象，然后找到相应的的数据，找到数据后，通过请求的数据，通过数据的返回值，如果成功就通过success

2020-06-21 14:29:32 1931

原创关于TypeScript的安装和使用

一，关于安装Typescript同样是微软推出的改良版Javascript，作为JS的超集，完美兼容ES7的语法之外有着更完备的模块系统，以及编译时的静态类型检查。安装步骤1：通过打开cmd 输入指令npm i -g typescript安装步骤2：再通过命名输入tsc -init查看多了 tsconfig.json 的文件，是成为了编译JS的选项。安装步骤3：安装后查看是否安装成功和版本号输入 tsc -v查看有版本号就表示安装成功二，关于编译js首先创建一个ts文件，随便输入一个

2020-06-14 18:22:29 273

原创对于原生的ajax的书写和理解

一，ajaxajax是一种异步请求数据的web开发技术，在不需要重新刷新页面的情况下，Ajax 通过异步请求加载后台数据，并在网页上呈现出来。二，实现原理ajax请求的数据的流程浏览器获取浏览器提供的对象xhrxhr向服务器请求数据服务器返回数据给xhrxhr提示给浏览器数据返回浏览器通过返回的数据渲染网页三，状态码1XX：信息性状态码，表示接收的请求正在处理2XX：成功状态码，表示请求正常处理3XX：重定向状态码，表示需要附加操作来完成请求4XX：客户端错误状态码，表示服务

2020-06-12 19:20:08 160

原创关于json格式的优点

一，json格式的由来JSON是一种轻量级的数据交换格式，它基于 ECMAScript规范的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构是json格式特点，有利于程序员的编写和阅读，同时也有利于计算机的解析和生成，提高了效率。在2005年-2006年正式成为主流的数据格式，正式替代了XML。二，json格式和xml格式的区别json格式和xml格式表面上看就可以看出json格式比较简洁些，同时在代码的可读性json格式相对于xml格式简化，但是相对于json格

2020-06-12 18:40:10 3396

原创对于php的使用和了解

一，php的语言特点PHP 是一种被广泛使用的开源脚本语言PHP 脚本在服务器上执行PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码PHP 代码在服务器上执行，而结果以纯文本返回浏览器PHP 文件的后缀是 “.php”而且php不仅能够生成动态页面内容，能够接收表单数据，同时进行添加、删除、修改数据库中的数据，还能够对数据进行加密二，使用PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTM

2020-06-07 09:28:08 287

原创关于服务端与客户端的数据交互

一，数据交互一般在于客户端显而易见的就是给客户展示数据的，而服务器端就是通过拿出数据库中的数据，再通过给数据做些整理，然后这些数据变成计算机能解析的语言，传递给客户端，然后客户端再将这些数据进行展示。一般交互的过程就是请求 -> 处理 -> 展示对类HttpContext 内部成员的使用例如：Request 、Response 、 Cookie 、 Session 等等在服务端里Request和Response 分别的作用是请求和响应也就是Request将数据请求到，再通过R

2020-06-07 08:51:16 2740

原创对于互联网基本了解

一，认识中文名：因特网英文名：Internet定义：由多个计算机网络相互连接而成，而不论采用何种协议与技术的网络。互联网是由一些使用公用语言互相通信的计算机连接而成的网络，即广域网、局域网及单机按照一定的通讯协议组成的国际计算机网络。二，局域网与广域网局域网：网络的所有物理设备分布在半径不超过几公里的有限地理范围之内。整个网络由同一个组织或机构所拥有。在局域网中可实现相当高的数据传输速率，如传输速率范围达1000Mb/S。网络连接相当规整，有严格的标准可遵循广域网：网络中信

2020-05-28 18:47:59 1037

原创学习使用fullpage插件

一，认识fullPage.js 是一个基于jQuery的插件，它能够很方便、很轻松的制作出全屏网站。它有以下这些特点：1.支持鼠标滚动2.多个回调函数3.支持手机、平板触屏事件4.支持css3动画5.支持窗口缩放6.窗口缩放时自动调整7.可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等关于下载下载地址:http://fullpage.81hu.com/关于引入引入FullPage.css<link rel="stylesheet" type="text/

2020-05-28 18:18:33 278

原创关于Jquery数据的克隆和写入

一，对比对比原生的繁琐写入数据的方法，jquery在这方面优化了很多，它可以将一段数据先克隆，然后将这段数据再复制动态的写入到页面中，简化了很多代码。二，克隆克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆。.clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，

2020-05-23 19:48:36 541

原创关于jquery动画的使用和了解

一，描述与对比jquery的动画因为出的时间早一些，相对比现在使用动画，我们更推荐css3更好一些，但是jquery实现的动画效果也就是用底层原生的js封装实现的，在以前没有css3的时候，基本可以实现一些基本的动画效果，下面我来介绍一些关于jquery的动画的方法二，一些基本的动画实现效果关于实现动画效果的首当其冲的肯定是显示和隐藏了.hide() .show() .toggle()关于使用： <div> 点击 </div> <span

2020-05-23 19:28:58 255

原创学习jquery增删改查业务逻辑

一，学习及了解对比web项目最基本的操作就是对于dom的增删改查了，同时jquery在这方面优化做的非常的好，出了一套的api，对比原生操作dom增删改查简化了很多的代码。二，查询/删除/修改/增加next();prev();这两个是查找相邻的兄弟元素 $('div').next(); $('div').prev(); $('div').next('p').css({background : 'red'});括号里面可以传参数，可以找到指定元素进行修改parents(

2020-05-17 19:02:21 317

原创对比jQuery选择器

一，了解页面的任何操作都需要节点的支撑，关于如何在一个页面中快速找到，在css3选择器没有出来前,jQuery在这方面优化做的很好，可以让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。二，选择器首先是三大主流选择器，id，class, 元素 <div class="name"></div> <div class="age"></div> <div></div> <script type="

2020-05-17 18:32:11 144

原创关于jQuery的基本了解

一，简介JQuery的使用jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。它的好处很多，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。二，使用优点和使用jQuery就是一个框架，是一个js库。封装了ajax的相关代码，使得代码编写能更加简单，优点是能用更少的代码做更多

2020-05-10 19:31:07 222

空空如也

空空如也