LingXi566-CSDN博客

原创 Today is your birthday!

Today is your birthday, I come to see youI hope you can understand more when you are one year oldMany people love you,For you, I am not without payJust some harm, you and I can’t estimateFeelings are preciousI hope you can learn to cherish your feeli

2021-02-14 09:42:26 201

原创 There are these reasons why the more you pay, the more you hurt!

Someone once said: love is a thousand things. We have never known how many setbacks and tribulations those happy lovers experienced, how many temptations and loneliness they resisted before they got a companion.Feelings are selfish, there is no reason ..

2021-02-14 09:17:02 1341 1

原创 Vue3.0 new features

Vue3.0,是尤大神去年发布的第三个版本；目前只是测试版本；其用法，性能，变化很大；相信很快会投入市场；Vue 团队主要对 vue-compisition-api 的 RFC，供开发者提前体验 vue 3.0 的新特性，并且希望通过这些预览版的 API，来征求广大开发者的意见与反馈，从而为 vue 3.0 的后续开发和落地打下坚实与稳定的基础。例如： setup() 函数、reactive()、ref() 等这些 Vue Hooks；setup() 函数是 vue3 中，专门为组件提供的新属性。它为

2021-02-12 22:45:00 164

原创 nextTick

想必大家写 Vue 项目的时候，应该也有使用过 nextTick一般我是用在数据渲染完毕之后执行某些操作this.list =[xx,xx,xx]this.$nextTick(()=>{this.isLoading=false})nextTick 按我的理解，就是设置一个回调，用于异步执行异步执行，比如，就是把你设置的回调放在 setTimeout 中执行，这样就算异步了，等待当时同步代码执行完毕再执行但是，每设置一个 nextTick 就新建一个 setTimeout 又不实际，

2021-02-12 22:32:24 121

原创 Vue.$set()

大家好，久违了，好长时间没更新了，‘sorry!’;值此新春之际，首先祝大家新年快乐，牛年大吉！今天和大家聊聊vue中set兄弟；在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性

2021-02-12 22:24:32 182

原创 Git programmer summarise

Git 作为项目代码管理的一个重要工具；我必须明白懂得的使用原理：从远程master检出最新版本的分支以前在使用git开发的习惯是，切换到mater分支，然后新建一个特性开发分支，后来发现一个简单的做法git checkout mastergit checkout -b new_branch等同于git checkout -b new_branch origin/master即基于远程master最新创建新的分支在本地新建的开发分支上，push到远程的方式不能和maser分支push到远程的

2021-02-09 09:13:19 95

原创 render 前端开发UI界面刷

hello! everyBody:long time no see!今天和大家聊聊render函数；无论前端小白还是老油条，对render函数都应该了解；因为前端的市场架构Vue/React都离不开render函数！他是个什么鬼呢？bingo!render 函数作用render 函数跟 template 一样都是创建 html 模板的，但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复，这时候就可以用 render 函数。render 函数讲解render 函数即

2021-02-06 23:11:32 303

原创 About Inheritance encapsulates polymorphism

//call 无参function Person(){this.name = ‘lemon’;this.age = ‘18’;}function show(){alert(this.name+’:’+this.age);}var p = new Person;//通过call方法使show方法中的this指向p对象show.call§;//call有参function Person2(){ this.name = 'lemon'; this.age = '18';}

2021-02-05 13:03:52 95

原创 webpack+react

为了把时间消遣掉，2h重新回顾一下，react项目配置webpack纯手工打造！很成功！和大家分享一下；在搭建项目的时候：遇到好多莫名其妙的问题：1.依赖包的配置，版本的兼容；很伤身；2.webpack.config.js文件的配置；各种babel,loader问题；dev_server的版本问题，dist打包后的问题等等；3.react react-dom的配置；jsx文件的学习；4.很累；webpack ,babel,react等官网看了好多；有的很难理解；但有时候，它文档的官方，还不如自己的

2021-02-04 00:09:19 86

原创手动搭建webpack

1.什么是webpack?简单的来说：其实就是一个项目打包器；2.为什么使用它？以前开发时一个html文件可能会引用好多JS文件，而且顺序还不能乱，因为他们存在依赖关系，同时还用一些新的语法，插件，而且对于前端css scss less等预编译语法处理很复杂，打包很费劲儿；基于这哥情况，webpack工具应用而生！3.对于他的使用方法，我个人建议最好去看的他的官方文档；使用说明，简介清晰；webpack: https://webpack.docschina.org/concepts/output/

2021-02-02 16:29:41 108

原创其实作为一名前端工程师并没有什么难度.........

痛苦纠结的往往是产品二逼，测试傻逼，弄得你更蒙逼！真正让你难活的是：各大厂商硬件的兼容，系统的耦合，网络协议的解决！

2021-01-30 23:59:24 140

原创 React手动搭建Project

做react项目，看见大家老是再用脚手架去搭建，当然，初始又快又好，但依然存在很多弊端，例如：项目工程的结构，内部文件的配置等等，脚手架很多时候是满足不了需求的；于是，今天心绪来潮，大胆构建，一方体会一下react的理解体会，另一方促进大家的学习； 1.项目初期：构建项目：打开终端，构建目录，mkdir project;分别建立：build,public,src目录；然后初始化项目：npm init -y 2.在public目录构建index.html文件；src目录构建..

2021-01-30 23:49:03 196

原创 node+express+mogondb码专，还有谁

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210128234007628.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpbmdYaTU2Ng==,size_16,color_FFFFFF,t_70#pic_center

2021-01-28 23:42:54 81

原创前后端交互AJAX

本着助人为乐的思想，认识了一些前端的初学者，帮助他们更快的步入到前端这个一个行业。今天呢，我想要说的主题是：工作中的前后端交互1.古老的表单提交这种形式呢，比较早，以后端为主。前端提交表单，后端验证(jsp,request.getParameter(""))。这种方式后端做的比较多，我就不特别说明了。2.AJAX的数据提交这种形式呢，现在用的较多。后端基本就做接口，做权限，其他的都交由前端去完成。这个呢就是我们今天主要说的。3.表单和AJAX结合适合的才是最好的。这点我深信不疑常见的几种方式，

2021-01-28 23:23:39 184

原创早上好！今天聊聊ajax

ajax的原理：简单来说就是通过XmlHttpRequest对象向服务器发异步请求，从服务器获得数据，然后用 javascript 来操作DOM更新页面的技术。一般来说，大家可能都会习惯用JQuery提供的Ajax方法，但是用原生的js怎么去实现Ajax方法呢？JQuery提供的Ajax方法：原生AJAX这样写：代码注释：open(method, url, async) 方法需要三个参数:method：发送请求所使用的方法（GET或POST）；与POST相比，GET更简单也更快，并且在大

2021-01-27 09:07:17 109

原创简述MongoDB数据库

一、 MongoDB简介MongoDB是一个面向文档的数据库系统。使用C++编写，不支持SQL，但有自己功能强大的查询语法。MongoDB使用BSON作为数据存储和传输的格式。BSON是一种类似JSON的二进制序列化文档，支持嵌套对象和数组。MongoDB很像MySQL，document对应MySQL的row，collection对应MySQL的table。二、 Windows下MongoDB操作MongoDB在Windows上的安装运行很方便。直接下载、解压，然后运行bin/mongod 即可启

2021-01-26 09:43:58 388

原创 javascript 如何对两个数组进行比较

js比较两个数组对象,取出不同的值var array1 = [ {“Num”: "A " },{“Num”: “B” }];var array2 = [ {“Num”: "A ",“Name”: "t1 " }, {“Num”: “B”,“Name”: “t2”}, {“Num”: "C " ,“Name”: "t3 "}];var result = [];for(var i = 0; i < array2.length; i++){var obj = array2[i];var num

2021-01-25 00:38:36 2900

原创前端browser navigator.userAgent 操作

var userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串console.log(userAgent)var isFirefox = navigator.userAgent.indexOf('Firefox') > -1 // 是否是火狐，火狐内核Gecko console.log('火狐'+ isFirefox) // 返回 true 则是，false 则不是var isWebKit = navigator.use

2021-01-24 00:42:15 748

原创 Javascript刷新页面的几种方法：

Javascript刷新页面的几种方法：1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand(‘Refresh’)6 window.navigate(location)7 location.replace(location)8 document.URL=location.href...

2021-01-23 01:27:05 70

原创快速解决异步回调的问题

大家晚上好！我相信：目前市场上的前端老友们,在解决异步回调函数时序时，加上大家ES6的热度，首先想到是promiseAPI；其实，做过老项目的，难以忘记jquery Deferred这个牛逼的API,解决地狱式的异步问题显得很easy!!! 接下来，给大家简单的介绍一下这位兄弟：demo function ok(name){ var dfd = new $.Deferred(); callback:func(){ return dfd.resolv

2021-01-22 00:15:23 221

原创 JS 前端jsonp跨域方式的简洁

补充一下：jsonp其实在跨域原理上跟js更近，它要求服务端返回一段带有object的js代码，然后利用js标签里的src默认没有跨域限制的特性(准确来讲是网页没配置csp的话没有跨域限制，但同时也牺牲了一部分安全性)，用src来加载，这样就能获取到object里的数据了。同时，由于是和json一脉相承的js.object，jQ让代码看上去像是在加载json……哈哈…(什么鬼)?CORS方式则要求服务端返回的时候要带个CORS头，标明允许跨域访问的域(当然也可以图省事用通配符*)，但我个人觉得如果本域有

2021-01-21 00:18:46 123

LingXi566的博客