- 博客(55)
- 收藏
- 关注
RSS订阅
原创 vue之proxyTable跨域
config文件夹下的index.js中module.exports = { dev: { //开发环境 assetsSubDirectory: 'static', assetsPublicPath: '/', //跨域设置 proxyTable: { '/rest': { target: "https://www.xxxx....
2019-07-26 09:52:41
84
原创 vue组件之间传值
兄弟组件传值创建一个bus.js文件，代码如下：import Vue from 'vue'; export default new Vue();监听传值的组件中引入import Bus from 'utils/bus';mounted(){ Bus.$on('bus_apply_exchange', () => { this.apply...
2019-05-16 17:13:54
229
转载 VueJS中学习使用Vuex详解
VueJS中学习使用Vuex详解在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的v...
2019-04-30 16:29:40
188
原创 vue中swiper使用
1.使用静态数据时，页面可以正常滑动，一旦使用动态数据，页面就无法滑动，数据显示也不正常observer:true启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。默认false，不开启，可以使用update()方法更新。new Swiper('.swiper-container', { spe...
2019-04-22 13:40:00
327
原创 elements upload 的on-error回调函数取不到后端返回的msg信息
文件上传失败时，调用element自带的on-error函数时，打印on-error函数自带的err参数。
2023-01-29 10:20:38
670
原创 vue路由跳转动画切换
<template> <div id="app"> <transition :name="transitionName"> <router-view></router-view> </transition> </div></template><script>export default ({ watch: { //使用watch 监听$route.
2022-05-18 10:03:44
416
原创 chrome应用程序无法正常启动0x0000005
chrome应用程序无法正常启动0x0000005打开的管理员命令窗口中输入for %i in (%windir%\system32*.dll) do regsvr32.exe /s %i 命令，（可将命令复制粘贴）回车。完成后输入for %i in (%windir%\system32*.ocx) do regsvr32.exe /s %i 回车即可。完成后重启电脑即可。...
2021-03-31 14:48:46
2107
1
原创 JS事件循环(Event Loop)
JS 的执行是单线程的，所谓的单线程就是事件任务要排队执行，前一个任务结束，才会执行后一个任务，这就是同步任务，为了避免前一个任务执行了很长时间还没结束，那下一个任务就不能执行的情况，引入了异步任务的概念。JS 运行机制简单来说可以按以下几个步骤。所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。主线程之外，还存在一个任务队列（task queue）。只要异步任务有了运行结果，会把其回调函数作为一个任务添加到任务队列中。一旦执行栈中的所有同步任务执行完毕，
2020-11-05 15:58:00
94
原创 chrome调试移动端app的webview
手机连接电脑翻墙打开浏览器 输入 chrome://inspect/#devices选中Discover usb devices在 Android 设备上打开app remote target 会出现连接的手机名称 和正在访问的页面选择inspect 会进入手机访问的页面 同时控制台也是打开的 就可以调试了...
2020-09-03 11:21:36
669
原创 element表格应用
合并相同的数据<el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px" > <el-table-column prop="numbers" label="期数" width="180"><
2020-06-17 21:17:30
174
原创 ES6动态加载css、js
loadScript(src) { return new Promise((resolve, reject) => { var script = document.createElement('script'), head = document.getElementsByTagName('head')[0]; script.type = 'text/javascript'; script.charset = 'UTF-8'; script.
2020-05-10 15:40:21
1533
原创 微信验证前端代码
<form class="login-form" action="" method="post" id="loginForm"> {% csrf_token %} </form><script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"&a
2019-11-12 10:13:59
108
原创 常用正则笔记
RegExp 对象参考手册。http://www.w3school.com.cn/jsref/jsref_obj_regexp.asphttp://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html验证 var str ='asdf1354654'; var reg = /^[0-9]*$/; if (!reg.test(s...
2019-11-12 10:13:43
78
原创 Sublime Text
Sublime Text快捷键： Ctrl+Shift+P：打开命令面板 Ctrl+P：搜索项目中的文件 Ctrl+G：跳转到第几行 Ctrl+W：关闭当前打开文件 Ctrl+Shift+W：关闭所有打开文件 Ctrl+Shift+V：粘贴并格式化 Ctrl+D：选择单词，重复可增加选择下一个相同的单词 Ctrl+L：选择行，重复可依次增加选择下一行 Ctrl+Shift+L：选...
2019-11-12 10:13:14
127
原创 js中定时器、时间和日期、vue倒计时
定时器： setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 setTimeout() ：在指定的毫秒数后调用函数或计算表达式,执行一次。var timer1=window.setTimeout(function(){},1000);window.clearTimeout(...
2019-11-12 10:13:05
166
原创 抓包工具：Fiddler 修改请求表单和响应数据
原文链接：https://blog.csdn.net/liuquan0071/article/details/51917893断点 命令介绍： bpu在请求开始时中断,bpafter在响应到达时中断,bps在特定http状态码时中断,bpv/bpm在特定请求method时中断。提示：命令输入区域输入help，回车执行会打开一页面详细介绍fiddler的所有命令。也可以在菜单栏设置断点...
2019-11-12 10:12:53
164
原创 ant-design-vue
table组件循环 <a-table bordered :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :dataSource="get_list_view" ...
2019-11-12 10:12:01
221
原创 webpack配置及技巧
标题webpack入门和实战(一)–webpack配置及技巧https://blog.csdn.net/solar_lan/article/details/82751165https://www.cnblogs.com/cangqinglang/p/8964460.html
2019-11-12 10:11:50
90
原创 axios
import Axios from 'axios'// 全局默认设置Axios.defaults.headers['Content-Type'] = 'application/json'Axios.defaults.baseURL = process.env.NODE_ENV === 'development' ? '/rest' : process.env.API_ROOT// 请求...
2019-11-12 10:11:40
114
原创 vue笔记
<div @click="showAll($event)">全部</div>节点 event.srcElement event.srcElement.tagName.toLowerCase() == "span" event.srcElement.parentNode.classList.add("active"); event.srcElement....
2019-11-12 10:11:30
156
原创 随鼠标移动元素
<div ref="toolbar" class="toolbar" @touchmove.stop.prevent="touchmove"></div>touchmove (e) { let ref = this.$refs['toolbar'] let touches = e.changedTouches[0] le...
2019-11-12 10:11:13
107
原创 vue过滤器
joinTime: “2019-11-11 20:11:27.0”leaveTime: “2019-11-11 21:25:57.0”<td class="text-center ellipsis" :title="item.joinTime | formatTime">{{item.joinTime | formatTime}}</td>filters:{ ...
2019-11-12 10:09:36
83
原创 vue table checkbox单选控制
<table class="table clear" ref="tableDialog"> <tr> <th width="30"></th> <th >帖子</th> <th >作者</th> <...
2019-11-07 10:11:30
1564
原创 文字合成为语言 Speech Synthesis API
Speech Synthesis APISpeech Synthesis API非常容易实现。事实上，只需两行代码即可让您的网络应用与用户交流。var utterance = new SpeechSynthesisUtterance('Hello Treehouse');window.speechSynthesis.speak(utterance);speechSynthesis 接口...
2019-10-30 14:26:42
1142
2
原创 节流和防抖
在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。节流当持续触发事件时，保证一定时间段内只调用一次事件处理函数。let throttle = function(func, delay) { ...
2019-10-24 10:12:28
149
原创 vue查用插件
滚动插件iscrollhttps://iiunknown.gitbooks.io/iscroll-5-api-cn/content/index.html**better-scroll **https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/
2019-10-11 16:30:11
235
原创 CSS总结
盒模型页面渲染时，dom元素所采用的 布局模型，可以通过 box-sizing 进行设置，根据计算高度的区域可分为：content-box （W3C 标准盒模型）border-box （IE盒模型）// content-box div大小为 140 * 140，内容盒大小为 100 * 100div { width: 100px; height: 100px; ...
2019-09-19 10:21:43
86
原创 css3旋转木马效果
css3旋转木马效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转木马效果</title></head><style> #app{ position: relative; width: ...
2019-09-14 11:54:47
401
原创 浅拷贝和深拷贝
浅拷贝var copyObj = Object.assign({}, obj);扩展运算符 var copyObj = { ...obj }Jquery浅拷贝 var copiedObject = jQuery.extend({}, originalObject) 如果改变了originalObject，copiedObject 也会变。深拷贝最简单的方式 JSON.parse(JS...
2019-08-14 16:27:13
76
原创 单页应用（SPA）和 多页应用（MPA）
单页应用（SPA）第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。原理：JS会感知到url的变化，通过这一点，可以用js动态的将当前页面的内容清除掉，然后将下一个页面的内容挂载到当前页面上，这个时候的路由不是后端来做了，而是前端来做，判断页面到底是显示哪个组件，清除不需要的，显示需要的组件。这种过程...
2019-08-14 10:35:09
136
原创 vue项目解决ie兼容问题
原因是ie不支持es6语法，需要导入依赖包1、npm install --save-dev babel-polyfill2、在main.js中引入： import 'babel-polyfill'
2019-08-13 15:35:30
388
原创 vue项目配置在不同环境下请求不同接口地址
修改开发环境的配置 config/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"http...
2019-08-09 16:41:30
5113
1
原创 dom元素和class常用操作
创建document.createElement()document.createTextNode()克隆document.cloneNode()删除removeChild()替换replaceChild(newnode,oldnode)插入appendChild()insertBefore()把节点插入到父节点的某个兄弟节点的前面。所以他有两个参数，insertB...
2019-08-09 10:39:57
2188
原创 div模拟微信输入效果
<div class="main"> <div class="chat-content" id="chat-content"> </div> <div class="chat-ques"> <div contenteditable="true" class="input" v-text="inputData" ref="input" ...
2019-07-18 18:12:32
266
原创 移动端设置根节点字体大小rem
<script type="text/javascript"> (function () { reset(); window.addEventListener("orientationchange", function () { reset(); }); window.addEventListener("resize", function...
2019-07-11 17:09:17
1181
原创 递归函数（vue-ant-design 递归加载Tree组件）
getUserInfo(){ const menu = localStorage.getItem('menu'); if (menu === '' || menu === 'undefined' || menu === 'null' ) { return false; } c...
2019-05-15 11:12:45
2727
1
转载 JS用正则表达式给一个数字的整数部分每三位加一个千位符
function numberWithCommas(n) {// 正则解释: 匹配到 \B(非单词边界)后, 后面要匹配到 (\d{3})+(?!\d)// (\d{3})+ 至少匹配到一次或多次三个数字// (?!\d) 同时后面不是数字的话, 就匹配.// 注意, 后面的(?=)那一段代码只是判断的规则, 匹配到后只替换掉\B// 而\B 元字符匹配的是非单词边界let num =...
2019-04-24 19:36:15
814
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人