- 博客(16)
- 收藏
- 关注
RSS订阅原创 ECharts的介绍和使用方法，以及其他常见的数据可视化库介绍
常见的数据可视化库：D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案 等等Highcharts 和 Echarts 就像是 Offi...
2020-04-30 20:47:35
1099
原创 浅谈vue中插件的使用方法Vue.use(xxx),原理及实现
使用vue的过程中，可能会把某个组件封装起来，供其他页面有相同的需求时可以直接导入使用，不需要再重写一遍，提高效率，避免代码冗余平时我们会如何使用ui组件库的呢？以ElementUI为例：1。安装npm i element-ui -S2.导入，app.use()注册import ElementUI from 'element-ui';import 'element-ui/lib/t...
2020-04-29 16:38:52
3841
1
原创 vue造轮子，封装组件库-主要前置知识与总结
组件通讯组件插槽具名插槽与v-slot指令props校验vue过渡与动画结构<transition name="dialog-fade" @after-enter="afterEnter" @after-leave="afterLeave"> <xxx></xxx></transition>样式.dialog-fade...
2020-04-29 16:07:26
399
原创 js中的浅拷贝和深拷贝（原理及方法）
浅拷贝和深拷贝介绍：浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用（地址）深拷贝拷贝多层，每一级别的数据都会拷贝Object.assign(target,...sources) es6新增方法可以浅拷贝浅拷贝不能拷贝高级数据类型的原因：浅拷贝原理： 只是拷贝一层 var obj = { id: 1, name: 'andy',...
2020-04-26 14:34:09
3292
原创 Web技术之-调用相机和麦克风（Navigator.mediaDevices）
介绍：mediaDevices 是 Navigator 只读属性，返回一个 MediaDevices 对象，该对象可提供对相机和麦克风等媒体输入设备的连接访问，也包括屏幕共享。语法：var mediaDevices = navigator.mediaDevices;MediaDevices 是一个单例对象。通常，您只需直接使用此对象的成员，例如通过调用navigator.mediaDe...
2020-04-25 17:11:19
12310
原创 Vue中watch浅监听，深监听，同时监听多个属性（巧用computed）
Vue中的watch如何深度监听某个对象export default { data () { return { name: '张三' } }, watch: { // name 函数 是对应那个数据名字 name (newValue, oldValue) { } }}上面代码中: 有个原则监...
2020-04-21 02:17:44
15727
1
原创 vue-使用Proxy代理跨域
什么是跨域？域名 协议 ip地址 端口 任何一个不一样 就跨域解决跨域？1 jsonp —使用script的src发送 只能get 请求2 cors 后台设置允许跨域 需要后台设置 允许跨域 所有后台语言 都可以设置3 服务器代理，服务器之间不存在跨域问题vue在 vue.config.js 可以配置重写webpack代理webpack代理原理：说...
2020-04-21 01:43:49
7525
原创 react声明组件时，第一个字母必须大写，为什么呢
错误的写法: 组件首字母没有大写function clock(props){ return ( <div> <h1>现在的时间是{props.date.toDateString()}</h1> </div> ) }错误的写法会导致页面无法显示内容且报错，但又可以通过f12查看到标签以一种比较奇怪的方式存在...
2020-04-18 15:52:03
1898
原创 dom工具库codingWeb.js,封装与总结
对一些常用的dom操作的和js操作的封装：如：ajax，jsonp，dom节点，。。。。。工具库codingWeb.js地址部分代码如下：//设置，改， 删除function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + exdays*24*60*60*100...
2020-04-17 02:26:15
277
转载 码云，git push后出现错误 error:failed to push some refs to 'xxxxx‘
本地创建了一个project并在GitHub上创建了一个仓库，想要将本地的仓库链接到远程仓库我用的是如下方法：git init //初始化本地仓库git remote add origin XXX(仓库地址) //添加远程仓库地址如果你在这之后就执行git add . //添加全部文件git commit -m "备注提交的内容" ...
2020-04-17 02:01:05
301
原创 electron-vue报错 ReferenceError: process is not defined
在使用electron-vue时，运行npm run dev出现如下错误解决方式：找到.electron-vue/webpack.web.config.js 和.electron-vue/webpack.renderer.config.js中的HtmlWebpackPlugin，添加templateParameters，修改后如下： plugins: [ new VueLoade...
2020-04-15 16:38:47
969
1
原创 eletron安装卡在 node install.js，解决方案
问题：eletron安装卡在 node install.js编辑 ~/.npmrc 加入下面内容此命令直接打开.npmrc文件，然后对其进行修改npm config edit加入如下代码：registry=https://registry.npm.taobao.orgelectron_mirror="https://npm.taobao.org/mirrors/electron/...
2020-04-15 00:46:35
987
原创 mock大法好，让前端从项目中更加的独立，mock的基本使用和介绍
mock的使用场景当前端工程师需要独立于后端并行开发时,后端接口还没有完成,那么前端怎么获取数据？这时可以考虑前端搭建web server自己模拟假数据,这里我们选第三方库mockjs用来生成随机数据,拦截 Ajax 请求。下面是mockjs具有的特点场景1.在vue项目中使用mock.js步骤1. 搭建测试项目步骤1.1 创建项目命令:vue create mock-demo...
2020-04-14 00:50:36
916
原创 vue中使用better-scroll实现菜单和列表联动的滚动效果，附完整演示代码，（可直接复制）
实现类似这种效果：安装better-scrollnpm install better-scroll --savevue中引入import BScroll from 'better-scroll'完整示例demo（含css，js，html，和data数据）：可直接复制观看： 含有详细注释<template> <div id="app"> &l...
2020-04-08 18:23:13
2205
5
原创 express+svg-captcha验证码实现及验证（附前后端代码具体实现）
安装：npm install --save svg-captcha使用svg-captcha生成验证码并返回给前台const express = require('express');const svgCaptcha = require('svg-captcha');const router = express.Router();router.get('/',(req, res)=&...
2020-04-06 16:04:31
2700
1
原创 vue 播放器插件 之 vue-video-player的使用
使用安装：npm install vue-video-player --save在main.js入口文件中引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(Vi...
2020-04-05 20:23:57
683
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人