经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript
【JavaScript Weekly】#471 — JANUARY 17, 2020

【JavaScript Weekly】#471 — JANUARY 17, 2020

https: javascriptweekly.com/i ue 471   #471 — JANUARY 17, 2020 READ ON THE WEB JavaScript Weekly B...[2020/1/19]

【JavaScript 基础知识】一篇关于 JavaScript 一些知识点的总结

【JavaScript 基础知识】一篇关于 JavaScript 一些知识点的总结

JavaScript 中基础数据类型    数据类型名称 数据类型说明 Undefined 只有一个值,即 undefined ,声明变量的初始值。 Null 只有一个值,即 null ,表示空指针,&n...[2020/1/19]

react-native简单使用

基本组件的使用介绍 View: Text: TextInput: Image: Button: ActivityIndicator: ScrollView:这是一个列表滚动的组件 ListView:也是一个列表滚动的组件,但是,这个组件已经过时了,官方推荐使用 FlatList 来代替它...[2020/1/19]

JS基础之逻辑结构与循环操作示例

本文实例讲述了JS逻辑结构与循环操作。分享给大家供大家参考,具体如下: JS的逻辑结构与循环和java基本相同。不同会进行解释; instance: <html> <head> <title>js逻辑结构与循环</title&g...[2020/1/19]

ES6 Object.assign()的用法及其使用

1.Object.a ign()基本用法: Object.a ign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。 let targetObj1 = { a: 1 }; ...[2020/1/19]

ES6如何用一句代码实现函数的柯里化

柯里化是干什么的?首先看看下面这个函数 let store = (a,b,c) => "这是你的七仔面" 函数就好像一个小卖部,一碗七仔面要三张软妹币:a,b,c (五个参数) 那函数柯里化是什么?就是我们买面吃的过程可能是这样: let curry...[2020/1/19]

JavaScript进制转换实现方法解析

本文实例讲述了JavaScript进制转换实现方法。分享给大家供大家参考,具体如下: JavaScript进制转换 十进制转为其它进制 不带参数调用toString( ),即默认toString(10), 如要以其它进制显示数字,只要作为参数传入toString( )即可,如num...[2020/1/18]

解决el-tree lazy懒加载时,连续勾选前两个子节点后第二次进入默认选中时,将父节点也勾选的问题

  在用到el-tree的懒加载和默认勾选功能时,若第一次勾选前几个连续节点,第二次进入默认勾选时,由于el-tree子节点尚未完全加载(只加载出来前几个),默认勾选已经开始(已加载出来的子节点被默认勾选),这时el-tree会认为子节点全部勾选,所以父节点也被勾选,这就导...[2020/1/18]

js实现轮播图效果 z-index实现轮播图

本文实例为大家分享了js实现轮播图效果的具体代码,供大家参考,具体内容如下 实现轮播图 学习前端差不多两三个月,在这里记录分享一下。因本人菜鸟一枚,希望大佬们多多指点,勿喷。 通过计算每一张图片高度实现滑动轮播图 HTML代码: <div cla ="fate"&...[2020/1/18]

我的第一个原生Web Components——滑块(SingleSlider) - du-blog

  写着写着,就会跑偏,没错又走上了一个岔道……就是不知道这条岔道以后会不会越来越宽,有的说他是未来,有的说…… 这里不知道,也不做什么评断。减少一些重复性的工作,提高开发效率这是最根本的。说白了就是偷懒呗!又说了一大堆废话。接触过...[2020/1/18]

webpack打包后不能调用,改用uglifyjs打包压缩

webpack打包后不能调用,改用uglifyjs打包压缩

背景: 项目基于原生js,没用到任何脚手架和框架,但也需要打包压缩。 项目的js中声明了一些全局变量 供其他js调用。 这时候如果用webpack打包,基于webpack特性,会嵌套一层大函数,会将js中的变量变成局部,不能供其他js调用。  因此弃用了webpack。...[2020/1/17]

np.dot()函数的用法详解

基本简介 dot函数为numpy库下的一个函数,主要用于矩阵的乘法运算,其中包括:向量内积、多维矩阵乘法和矩阵与向量的乘法。 1. 向量内积 向量其实是一维的矩阵,两个向量进行内积运算时,需要保证两个向量包含的元素个数是相同的。 例1: import numpy...[2020/1/17]

浏览器应用集成嵌入WPS指南

      因为该WPS插件使用NPAPI机制来和浏览器交互,故要求使用插件的浏览器必须支持NPAPI机制且必须开启NPAPI机制。 以下是支持的常见的浏览器及其版本: FireFox浏览器52及小于52的版本(高于52的版本不再支持N...[2020/1/17]

一个简易的 LED 数字时钟实现方法

一个简易的 LED 数字时钟实现方法

这个应该是已经有很多人做过的东西,我应该只是算手痒,想写一下,所以,花了点时间折腾了这个,顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点,这个真没技术含量存在,只是需要点耐心。 LED 数字包含了左右各两条线,中间三条线,一共 7 条线。所...[2020/1/17]

JavaScript基于面向对象实现的无缝滚动轮播示例

本文实例讲述了JavaScript基于面向对象实现的无缝滚动轮播。分享给大家供大家参考,具体如下: 无缝轮播 面向对象 一、HTML及CSS部分同前文《原生JavaScript实现的无缝滚动功能》。 JavaScript面向对象部分如下: function Seamle (...[2020/1/17]

JavaScript数组去重实现方法小结

本文实例讲述了JavaScript数组去重实现方法。分享给大家供大家参考,具体如下: 一、ES3方法: var arr = [''a'', ''a'', ''b'', ''b'', ''b'', ''c'', ''e'', ''f'', 1, 2, 2, 3, 3, 3]; ...[2020/1/17]

从HTML到node.js以及跨域问题的解决

废话不多说,直接上代码 网页客户端 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=...[2020/1/17]

JS笔记之第一天

JavaScript:简称JS JS的原名不是JavaScript,而是LiveScript JS分为三个部分 1.ECMAScript  标准→JS的基本的语法 2.DOM——Document Object Model  文...[2020/1/17]

vue 查看dist文件里的结构

场景:优化打包后的代码,提高性能。     1.方式一:report-json。  1.1 package.json文件里加入以下命令, "report": "vue-cli-service build --report-json"   1...[2020/1/17]

React Hooks 实现和由来以及解决的问题详解

与React类组件相比,React函数式组件究竟有何不同? 一般的回答都是: 类组件比函数式组件多了更多的特性,比如 state,那如果有 Hooks 之后呢? 函数组件性能比类组件好,但是在现代浏览器中,闭包和类的原始性能只有在极端场景下才会有明显的差别。 ...[2020/1/17]

JS 百度地图路书---动态路线

JS 百度地图路书---动态路线 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <met...[2020/1/17]

react简介

ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 由于 React 的设计思想极其...[2020/1/17]

vue项目常用方法封装,持续更新中。。。

vue项目常用方法封装,持续更新中。。。

vue项目中可以直接使用 1、常用工具类untils.js中 /* * 验证手机号是否合格 * true--说明合格 */ export function isPhone(phoneStr){ let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; ...[2020/1/17]

JS 百度地图-右键菜单

JS 百度地图-右键菜单     /*-----------------标注右键删除-------------------------*/ var markerMenu = new BMap.ContextMen...[2020/1/17]

react-虚拟dom

React中几个核心的概念 虚拟DOM(Virtual Document Object Model) DOM的本质是什么:就是用JS表示的UI元素 DOM和虚拟DOM的区别: DOM是由浏览器中的JS提供功能,所以我们只能人为的使用 浏览器提供的固定的API来操作DOM对象; 虚拟DO...[2020/1/17]

自定义Redux

自定义Redux

实现mini版redux 1. 理解redux模块 1). redux模块整体是一个对象模块 2). 内部包含几个函数 createStore(reducers) reducers: function(state, action){ return newState} ...[2020/1/17]

自定义React-redux

实现mini版react-redux 1. 理解react-redux模块 1). react-redux模块整体是一个对象模块 2). 包含2个重要属性: Provider和connect 3). Provider 值: 组件类 作用: 向所有容器子组件提供全局s...[2020/1/17]

react-jsx语法

JSX语法 如要要使用 JSX 语法,必须先运行 cnpm i babel-preset-react -D,然后再 .babelrc 中添加 语法配置; babelrc配置 { "presets": ["env", "stage...[2020/1/17]

react-组件

react中的组件组件 react组件介绍 在React中,构造函数,就是一个最基本的组件 如果想要把组件放到页面中,可以把 构造函数的名称,当作 组件的名称,以 HTML标签形式引入页面中即可 注意:React在解析所有的标签的时候,是以标签的首字母来区分的,如果标签的首字母是小写,那...[2020/1/17]

react-react中的css+评论组件

一个小案例,巩固有状态组件和无状态组件的使用 通过for循环生成多个组件 数据: CommentList = [ { user: '张三', content: '哈哈,沙发' }, { user: '张三2', cont...[2020/1/17]

ElementUI的el-table的多选的取消选择和筛选的取消所有过滤器之ref冲突问题

写此文的缘由:现如今,网络上,没有同下的解释形式(或者在外网,所以我没找到,或者大佬觉得太简单所以不屑解释)。然而,我认为这是对VUE+ElementUI的底层框架的理解深入化问题。(为什么要深入理解底层,来自学习java时留下的习惯,挖底层代码是常态) 在API文档中: <...[2020/1/17]

使用gulp

使用gulp

gulp项目构建 多个开发者共同开发一个项目,每位开发者负责不同的模块,这就会造成一个完整的项目实际上是由许多的“代码版段”组成的; 使用le 、sa 等一些预处理程序,降低CSS的维护成本,最终需要将这些预处理程序进行解析; 合并c 、javascript,压缩html、c 、java...[2020/1/17]

vue(二)--条件语句

条件语句:v-if     v-else   v-else-if    v-show v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。 1.v-if <body>...[2020/1/17]

react-生命周期

react-生命周期

组件的生命周期 概念:在组件创建、到加载到页面上运行、以及组件被销毁的过程中,总是伴随着各种各样的事件,这些在组件特定时期,触发的事件,统称为 组件的生命周期; 组件生命周期分为三部分: 组件创建阶段:组件创建阶段的生命周期函数,有一个显著的特点:创建阶段的生命周期函数,在组件的一辈...[2020/1/17]

react-绑定this并传参的三种方式

绑定this并传参的三种方式 在事件中绑定this并传参: <input type="button" value="在事件中绑定this并传参" onClick={this.handleMsg1.bind(this, '?...[2020/1/17]

react-发表评论案例

评论列表组件 import React from 'react' import CMTItem from './CmtItem.jsx' import CMTBox from './CmtBox.jsx' 评论列表组件 export ...[2020/1/17]

在 Vue 中使用 Typescript

在 Vue 中使用 Typescript

前言   恕我直言,用 Typescript 写 Vue 真的很难受,Vue 对 ts 的支持一般,如非万不得已还是别在 Vue 里边用吧,不过听说 Vue3 会增强对 ts 的支持,正式登场之前还是期待一下吧嘻嘻。   本篇不会过多讲述 ts 语法,着重记录下 在 Vue 中使用 t...[2020/1/17]

react-父子子孙组件嵌套-context

方案一 import React from 'react' import ReactTypes from 'prop-types' /* 最外层的父组件 export default cla Com1 extends React.Component...[2020/1/17]

一起学Vue之条件判断

在Vue进行前端开发中,条件判断主要用于根据不同的条件来决定显示或隐藏,或者进行视图之间的切换,本文以一个简单的小例子简述v-if的常见用法,仅供学习分享使用,如有不足之处,还请指正。 v-if 指令 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy...[2020/1/17]

微信小程序实现二维码签到考勤系统

一。手动生成二维码的.js代码 这里要引入一个官方文档wxapp.qrcode.min.js let drawQrcode = require(''../util wxapp.qrcode.min.js''); 引入wxapp.qrcode.min.js文件 createQRco...[2020/1/16]

blob - 二进制文件流下载

/** * 返回值文件类型为 blob 二进制流文件 * responseType: 'blob' * params 接口所需参数 * 命名文件名:依据时间戳命名文件名 * (导出时需要延迟,否则导出文件失败,默认文件名时直接导出) * */ $...[2020/1/16]

介绍axios和promise

  今天小编为大家带来 axios 和promise的详细讲解,包含 axios的使用方法 多种写法,封装 以及 promise的详细讲解,项目中如何运用等,会一一的为大家讲解清楚。 一、axios的介绍 1. axios 是由 promise 封装的一个 http 的库。 2. ...[2020/1/16]

promise是怎么来的?

promise是怎么来的?

一、promise是如何产生的   1. promise并不是一个新的功能,它是一个类,它只是对 异步编程的代码进行整合,它是解决异步(层层嵌套的这种关系),让你的代码看起来更简洁。 2. 在 es6 中 promise是一个类(构造函数),使用它需要 new 实例。 注意:  ...[2020/1/16]

promise的连缀写法

  promise的连缀写法           以上写法相当于写了两个实例   promise.all()   1. promise.all() all这个方法是 promise 构造函数的成员不是实例对象成员,这个方法接受一个参数是数组,数组...[2020/1/16]

axios的基本用法与并发请求

axios的基本用法与并发请求

一、axios的基本用法 <router-link to="" cla ="a1" @click.native="logins">登陆</router-link>     这三个直接请求 &nbs...[2020/1/16]

Umi 小白纪实(一)—— 创建项目&常用配置

umi 是一个企业级 react 应用框架,也是蚂蚁金服的底层前端框架 《蚂蚁金服的前端框架和工程化实践》   一、安装脚手架 在创建项目之前,需要保证有 node 8.10 以上的环境 可以使用官方脚手架 create-umi 快速创建项目 ...[2020/1/16]

封装 axios

  大家是否有印象,在开发项目中,我们往往会把axios给封装起来,写在一个js文件夹里,最后引入的也是js文件夹,而不是直接对axios进行操作,那为什么?   1. 如果一个组件需要请求数据,就要用到axios进行请求数据,但这样会加大项目对axios这个包的依赖,一旦需要改变请求...[2020/1/16]

axios的数据拦截(拦截器)

  大家在开发项目中是否遇到过数据延迟,举个例子 你点某个功能 会有 1-2s的延迟,这1-2s可能会在你的页面显示一个一直转着圈圈的动画,不知道有没有小伙伴还不知道这个功能是如何实现的呢?其实在一个项目中 这是非常常见的,如果你使用的有 element ,element上有个 load...[2020/1/16]

Error in nextTick: &quot;TypeError: Cannot set property &#39;xxx&#39; of undefined&quot;解决办法

    vue项目在控制台中报这个错误时,当看到nextTick词时想到vue的$nextTick()方法 Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更,也就是说,vue赋一个值...[2020/1/16]

vue踩坑:vue+ element ui 表单验证有值但验证失败。

一.如图:有值但是验证失败     二. 1 <el-form :model="form" :rules="rules"> 2 <el-form-item label="数据模板" prop="template" > 3...[2020/1/16]

101
2
记录数:6739 页数:1/13512345678910下一页尾页
加载更多