Articles in the category of Javascript

Javascript
  1. Home
  2. Javascript

JavaScript中的一些方法总结

### 递归生成树形结构```jsx export function getTreeData(data, pid, pidName = 'parentId', idName = 'id', childrenName = 'children', key) { let arr = [];for (let i = 0; i < data.length; i++) { if (data[i][pid...
  • 逸云先生
  • September 5, 2023
  • 1 comments

    • 前端file文件总结

    ### 获取文件base64编码```jsx /** * @param file * @param format 指定文件格式 * @param size 指定文件大小(字节) * @param formatMsg 格式错误提示 * @param sizeMsg 大小超出限制提示 * @returns {Promise} */ export function fileToBase64...
  • 逸云先生
  • September 5, 2023
  • No comments

    • js常用正则

    ### 验证不能包含字母```jsx /** * @param { string } value */ export const isNoWord = value => /^[^A-Za-z]*$/g.test(value); ```### 验证中文和数字```jsx /** * @param { string } value */ export const isCHNAndEN = val...
  • 逸云先生
  • October 19, 2022
  • No comments

    • js判断数组是否为空

    **方法一： arr.length** **方法二、js判断数组是否含有某个值** **方法三： for循环结合if判断** **方法四： arr.find(callback)** **方法五： arr.includes()** 数组中含有某值返回true，没有返回false。ES7新方法。
  • 逸云先生
  • August 21, 2021
  • 1 comments

    • this的不同的情况：

    # this的不同的情况：1. 以函数的形式调用时，this永远都是window 2. 以方法的形式调用时，this就是调用方法的对象 3. 以构造函数的形式调用时，this就是新创建的对象 4. 使用call和apply调用时，this就是指定的那个对象 5. 在全局作用域中this代表window
  • 逸云先生
  • April 6, 2021
  • No comments

    • JavaScript实现背景随机线条效果

    ``` * { margin: 0; padding: 0; } var canvas = document.getElementById("cas"); var ctx = canvas.getContext("2d"); resize(); window.o...
  • 逸云先生
  • December 29, 2020
  • 1 comments

    • javascript里面2种方法实现模糊查询数组和对象

    ## 第一种：#### html部分：```{{item}}```#### js部分：``` var vm = new Vue({ el: '#app', data: { sreach:'', list: [ 'html', 'css','js' ], }, computed: { find() { return this.list.filter(item=> item.indexOf(th...
  • 逸云先生
  • December 9, 2020
  • 1 comments

    • html,css,js实现自适应手机端导航

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...
  • 逸云先生
  • November 28, 2020
  • No comments