javascript
关注
分享
扫一扫
_花开富贵
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
为electron添加Chrome扩展程序
官方文档Electron支持Chrome DevTools 扩展程序，可增强开发工具调试流行web框架的能力 1.加载 DevTools 扩展程序1.1.下面以[React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)为例：**注意问题：**1.1.1.只有在app模块的ready事件触发之后，才可以调用`BrowserW原创 2020-12-03 14:21:44 · 6016 阅读 · 3 评论 -
Taro and Map
我太累了，懒得加注释了页面上一共三个按钮，实现了三个功能：【1.打开微信手机地图选位置】【2.展示一个点】【3.展示很多点Markers】import React, { useState, useEffect } from "react";import { View, Button, Text, Map } from "@tarojs/components";import { AtModal, AtModalHeader, AtModalContent, AtModalAction }原创 2020-11-05 16:00:30 · 1650 阅读 · 0 评论 -
微信点击链接直接跳转手机默认浏览器下载APP的APK文件实现code
需求：由于微信的限制，应用文件在内置浏览器中下载全部被屏蔽掉，造成很多人用微信扫描二维码下载时点击下载按钮没反应，需要做一个提示用户在浏览器中打开下载。以下代码，拿来即用，好人代表O(∩_∩)O<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>download</title> <style type="text/css">原创 2020-10-19 11:33:23 · 2689 阅读 · 0 评论 -
vue项目使用$router.go(-1)刷新原来界面
1.问题：我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭,状态未更新之类的等等2.原因：使用$router.go(-1)返回，之前的数据都保留，并未刷新原来的界面3.解决方案：在原页面watch中，对router进行监控，当router发生变化时，执行初始化界面方法：watch: { '$route' () { this._initData();//我的初始化方法 } },或原创 2020-05-27 17:03:49 · 12123 阅读 · 1 评论 -
iview升级至4.X最新版本
因为iview改名了，所以更新会有点烦1.命令：npm install view-design --save或者在dependencies手动添加依赖"view-design": "^4.2.0",添加完执行npm install2.全局替换：npm update iview3.我也为这就好了，然后重启，结果是也不报错也没更新，纳闷。。。安装成功了没更新只有一种可能，那...原创 2020-04-14 13:54:46 · 4473 阅读 · 1 评论 -
步骤条纯css
做了一个丑丑的步骤条，记录一下<!-- Step.vue --><template> <div> <Alert show-icon style="width: 900px;">审批单号：{{stepInfo.no}}</Alert> <div class="stepOut"> <u...原创 2020-03-30 20:12:56 · 709 阅读 · 0 评论 -
element ui table 获取选中的行索引的方法：如getRowIndex()方法
element ui table 获取选中的行索引的方法，直接获取的好像没有，我的解决方案是通过：row-class-nameRowClassName({ row, rowIndex }) { //行元素，行索引 row.index = rowIndex;}...原创 2019-10-31 17:11:12 · 9080 阅读 · 1 评论 -
Vue开源项目速查表
Vue开源项目速查表原创 2019-10-31 10:31:39 · 322 阅读 · 0 评论 -
xlsx.js设置Excel样式
需求是这样的：东西太多了，合并单元格，行高，列宽，边框样式，字体样式，合计啥的，直接上代码吧export function exportExce({ header, //子表数据头信息 data, //子表数据 masterTable, //主表数据 foot, //页脚 filename, //文件名 autoWidth = true, bookTy...原创 2019-10-25 14:02:11 · 25949 阅读 · 26 评论 -
React组件Form表单事件调用
前言：|ू･ω･` ) 问题是这样的：在子组件代码中将Form表单create了之后在父组件中调用了子组件并增加了ref可是我使用this.refs.子组件.某函数()，却找不到那个函数了现在也百思不得其解，但是问题解决了，我是把子组件的函数直接暴露出来解决方案：/** 子组件 */@Form.create()class child extends Component { ...原创 2019-08-09 11:16:07 · 1519 阅读 · 0 评论 -
antd引用<Upload>组件上传图片后再次打开modal清除缓存
情景展示：如上图所示：我的新增客户弹窗中引用了上传组件,当再次打开modal弹窗的时候,上一次上传的图片的缓存还在，这个问题问了问身边的大佬，最后解决了，最简单的解决办法是：给组件添加唯一的key值://在这里给key添加, Math.random()的得出来的是随机数<div key={Math.random()}> <Upload {...props} ...转载 2019-08-05 16:06:55 · 3203 阅读 · 0 评论 -
react组件（如rander）数组某元素属性发生变化时，setState页面不更新
今天遇到的问题是：组件内对数组元素进行修改后数据有变化但是页面没重新渲染话说这是因为组件没能够识别数组的变化，所以页面没有重新渲染所以只要让组件感知到你发生了改变，就可以达到刷新的效果提供两个很low的方案（但很有效▼o･ェ･o▼）：1.删除后重新添加（适合在行上做删除）method(index){ let tempList = this.state.attachList...原创 2019-07-31 21:29:04 · 4368 阅读 · 2 评论 -
antd-pro中控制loading的dva-loading使用(React)
前言：我们原来写loading状态的方法是，在异步请求的开始的时候开启loading，在异步请求的结束关闭loading，这样的写法是比较麻烦的，因为这个操作都是一致的，在ant Design pro中就提供了dva-loading插件，封装的很好，用起来也很方便，主要就是直接监听异步的effect，分别在开始和结束的时候改变loading状态，所以是和dva结合在一起用的,下面时使用方法：...原创 2019-08-03 15:36:15 · 4317 阅读 · 0 评论 -
阻止checkbox组件及其他没有click事件的组件冒泡事件
由于框架的某些组件自身不带有click事件（如我最近使用到的iview里边的CheckBox、ant.design里边的CheckBox，发现没有click事件），因此很苦恼每次点击勾选框的时候他下边的标签就会很自觉地触发其他事件，需求是这样的：在折叠面板上放checkbox：结果每次点击的时候，都会触发面板的展开与关闭，我的解决方案就是：由于CheckBox没有click时间，为了点击...原创 2019-07-07 09:54:33 · 3059 阅读 · 0 评论 -
npm ERR! Cannot read property 'match' of undefined 错误处理
运行npm install 的时候，报错。错误情况如下：npm ERR! Cannot read property 'match' of undefinednpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2018-08-...原创 2019-07-01 13:49:29 · 28481 阅读 · 6 评论 -
个人对比Vue、React和angular三大前端框架小小见解
1.angular1.1. 简介:angular是最早出现的框架，angularjs是通过directive（指令）去封装组件，react和vue是通过component。 1.2. 优点：背后靠山（google），有着稳定的维护团队。且google的Adwords业务就使用了angular，作为一个赚钱的业务，google也会让它的环境更稳定一些。angular+type...原创 2019-07-13 14:08:00 · 4111 阅读 · 2 评论 -
菜鸟java开发学习TypeScript
TypeScript是一门编译型语言，强类型的语言，真正面向的语言，TypeScript是比javascript更java的script1.搭建开发环境如果你的本地环境已经安装了 npm 工具，可以使用以下命令来安装：npm install -g typescript...原创 2019-07-12 19:28:27 · 2092 阅读 · 0 评论 -
JavaScript的数组的map()方法
1. map定义：map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 (遍历处理的意思)** 注意：map不会对空数组进行检测 map不会改变原始数组 ，在map里边自定义函数return什么就输出什么样的新数组自定义函数里：使用return操作输出，会循环数组每一项，更新数组每个对象到新数组2. map...原创 2019-06-14 14:32:34 · 1932 阅读 · 0 评论