JavaScript
文章平均质量分 51
leoxiaoge
前端开发者
展开
-
js监听滚动到底部
滚动底部原创 2022-11-16 20:16:07 · 1112 阅读 · 1 评论 -
CentOS7虚拟机部署Part1
nestjs原创 2022-08-02 17:27:05 · 218 阅读 · 0 评论 -
Git报错解决:OpenSSL SSL_read: Connection was reset, errno 10054 错误解决
*首先,造成这个错误很有可能是网络不稳定,连接超时导致的,如果再次尝试后依然报错,可以执行下面的命令。打开Git命令页面,执行git命令脚本:修改设置,解除ssl验证git config --global http.sslVerify "false"...原创 2021-11-19 09:31:27 · 543 阅读 · 0 评论 -
vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log
vue-cli2.0中的方法1.安装插件npm install uglifyjs-webpack-plugin --save-dev2.修改webpack.prod.conf.js配置文件const UglifyJsPlugin = require('uglifyjs-webpack-plugin');plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new we原创 2021-11-09 14:37:26 · 357 阅读 · 0 评论 -
JavaScript--有哪些情况会产生闭包?
说起闭包,总是让人觉得陌生又熟悉,听起来似乎并不是那么难,却又好像从来没有知道哪些地方会永=用到闭包。我们来归纳一下,有什么情况下会是闭包。闭包的概念在你不知道的Javascript上卷一书中,闭包的定义是这样的:当函数可以记住并访问所在的词法作用域,即使的函数是当前词法作用域之外执行,这时就产生了闭包。怎么理解这句话呢?就是说当函数内部的东西,能在函数外面执行的时候,这就产生了闭包。是不是很简单?那么哪些情况会产生闭包呢?产生闭包的情况(一)回调闭包function wait (message)原创 2021-07-30 09:12:34 · 925 阅读 · 0 评论 -
React--React中组件间的如何通信?
我们之前说过React是一个组件至上的技术栈,所以,组件之间的通信就是大家关注的话题。主要有以下几种:父子组件父子组件的传值通过props来实现。var parent = () => { let name = "I'm Lee!" return ( <div> <Child name="{name}"/> </div> )}var child = (props) =>原创 2021-07-28 18:41:22 · 109 阅读 · 0 评论 -
React--React中React Hooks的实现原理是什么?
react技术栈的迭代是非常快的,但是版本16也许是一次革命性的迭代。从版本16开始,react的底层由stack算法转变为fiber算法,大大提高了性能。而在16.8之后react又新增了hooks的概念。在老版本的react中,开发者所开发的大多都是class组件和少部分的函数组件,对于函数组件来说,它仅仅只是一个纯UI的展示组件,只能接受props,而不能有自己的state。而对于class组件来说,问题也是不少:组件状态复用艰难,让人无奈的this问题,高阶组件和函数组件的嵌套层次太深,复杂组件变得原创 2021-07-28 18:35:55 · 2174 阅读 · 0 评论 -
使用Javascript从字符串中提取网址
javascript正则表达式从锚标记中提取锚文本和URLvar url_match = /https?:\\/\\/([-\\w\\.]+)+(:\\d+)?(\\/([\\w/_\\.]*(\\?\\S+)?)?)?/;alert(url_match.test("https://www.csdn.net/"));原创 2021-07-26 15:30:41 · 1973 阅读 · 1 评论 -
ESLint 开始,说透我如何在团队项目中基于 Vue 做代码校验
最近遇到了一个老项目,比较有意思的是这个项目集前后端的代码于一起,而后端也会去修改前端代码,所以就出现了后端用 IntelliJ IDEA 来开发前端项目,而前端用 VSCode 来开发前端项目的情况。于是乎,出现了代码规范的问题,所以就有了这篇文章,整理了一下前端代码校验以及在 Vue 项目中的实践。阅读完这篇文章,你可以收获:能够自己亲手写出一套 ESLint 配置;会知道业界都有哪些著名的 JS 代码规范,熟读它们可以让你写出更规范的代码;vue-cli 在初始化一个包含代码校验的项目时都做原创 2021-07-21 10:23:11 · 398 阅读 · 0 评论 -
javascript调用java的方法
这篇文章主要讲述如何在JavaScript脚本语言中调用Java类和接口,对大家的学习和工作有一定的参考借鉴价值,有需要的朋友们下面来一起看看吧。前言本文中所有的代码使用 JavaScript 编写,但你也可以用其他兼容 JSR 223 的脚本语言。这些例子可作为脚本文件也可以在交互式 Shell 中一次运行一个语句的方式来运行。在 JavaScript 中访问对象的属性和方法的语法与 Java 语言相同。本文包含如下几部分:1、访问 Java 类var ArrayList = Java.type原创 2021-07-21 10:11:52 · 15977 阅读 · 8 评论 -
react请求数据,在render中显示
1.准备工作通过create-react-app 创建的根目录下有一个public目录,请求时会到该目录下寻找数据,因此把假数据放到该目录下下载并且引入axios模块2.实现过程在componentWillMount下请求数据,componentWillMount() { axios.get('http://localhost:5000/test/menu.json') .then( res => { this.原创 2021-07-16 16:05:09 · 803 阅读 · 0 评论 -
js中的 for 与 forEach 内使用return的问题
save: function (flag) {// flag =1 , 点打印进来 var materialTableData = layui.table.cache.materialTree var _this = this; var result = false; for (var i = 0; i < materialTableData.length; i++) {原创 2021-06-17 15:49:02 · 176 阅读 · 0 评论 -
element-ui 表格 修改后, 表格里面的数据不实时更新问题
element-ui 表格 修改后 表格里面的数据后 页面不实时更新问题 完美解想要达到的效果:点击"更多"后,"更多"隐藏,删除和补仓显示;(有时间可全部看完,没时间直接看做法6/7)尝试用的方法:自己用 this.show、在百度上找的方法 set 都没能成功提示:最下面有代码demo页面初始化:目标效果做法1:给"更多"绑定一个 v-show=‘show’ 把 this.show 设置为true ,点击"更多"按钮后 在点击事件里面把this.show 设置为false;结果1:未成原创 2021-05-14 15:37:59 · 3302 阅读 · 1 评论 -
vue组件里定时器销毁问题
方法一:在data函数中定义定时器名称:data(){ return { timer: null // 定时器名称 }}然后这样使用定时器:this.timer = (()=>{ // To do something}, 1000)最后在beforeDestroy()生命周期内清除定时器:beforeDestroy() { clearInterval(this.timer); this.timer = null原创 2021-05-13 11:04:03 · 164 阅读 · 0 评论 -
js如何在外部改变React受控组件的状态量?
chrome插件,可以自动触发预设的一系列元素事件。比如通过点击开始百度按钮,该插件就可以直接给百度搜索输入框填入"关键词"然后自动回车搜索。需求提炼出来其实就是自动化触发前端页面dom元素的一系列事件,主要分为两类:键盘事件,比如input元素输入赋值,keyCode13回车事件鼠标事件,比如click事件,mouseover事件,scroll滚动事件1.首先从最简单的触发,只考虑原生html/js开发的网站:input元素赋值很简单$eventTarget.value="关键词"触发原创 2021-05-02 14:42:13 · 953 阅读 · 0 评论 -
浅谈JS中的递归
一、递归递归(英语:Recursion)在数学与计算机科学中,是指在函数的定义中使用函数自身的方法在函数内部,可以调用其他函数。如果一个函数在内部调用自身本身,这个函数就是递归函数其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解一般来说,递归需要有边界条件、递归前进阶段和递归返回阶段。当边界条件不满足时,递归前进;当边界条件满足时,递归返回下面实现一个函数 pow(x, n),它可以计算 x 的 n 次方使用迭代的方式,如下:function pow(x,原创 2021-04-20 09:58:49 · 794 阅读 · 2 评论