- 博客(13)
- 收藏
- 关注
RSS订阅
原创 前端js如何实现中文转拼音(重要)
npm地址: https://www.npmjs.com/package/pinyin-converter安装via npm:npm install pinyin用法开发者：var pinyin = require(“pinyin”);console.log(pinyin(“中心”)); // [ [ ‘zhōng’ ], [ ‘xīn’ ] ]console.log(pin...
2019-11-08 13:57:39
3921
原创 vue中事件修饰有哪些?
<a v-on:click.capture="dothis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit">提交</form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="dothat">&...
2019-11-26 16:12:10
246
原创 Ajax请求原理(只需要2分钟就能看懂原理)
<script type="text/javascript"> // 创建XMLHtppRequest对象并做兼容性 var xlmlHttp if (window.XMLHttpRequest) { xlmlHttp = new XMLHttpRequest() xlmlHttp.open('post', 'www.baidu.com', true) // 第一个...
2019-11-21 10:48:10
196
原创 vue项目中滚动到某元素位置或者到页面顶部
// 跳转后返回顶部router.afterEach((to,from,next) => {window.scrollTo(0,0);})1.使用a标签+#号我跳到box112上面这一种的缺点是，url会发生改变，会在url最后面加上片段识别符#box2，这样就改变了URL的路径，这是我们不想看到的。因为再次刷新的时候回出现问题。当使用 vue-router回退时，发现需要...
2019-11-20 19:38:33
2281
1
原创 vue中this.$router.push、replace、go的区别
1.this.$router.push()描述：跳转到不同的url，但这个方法回向history栈添加一个记录，点击后退会返回到上一个页面。：2.this.$router.replace()描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向前或向后...
2019-11-20 13:38:31
417
原创 vue后台管理系统登录权限
做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。这里先简单说一下，我实现登录和权限验证的思路。登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到cook...
2019-11-18 20:20:52
1126
1
原创 require.context妙用-实现前端自动引入同一文件夹下多个文件（替代import）
今天在看vue-element-admin，发现了一个很好的关于批量导入多个文件的做法，不需要手动import同一文件夹下的多个文件，便于前端自动化配置，特此拿出来做一次分享。import Vue from ‘vue’import Vuex from ‘vuex’Vue.use(Vuex)// 知识点1： 可用于模块的批量导入，类同于import引入同一文件夹下多个文件。// requi...
2019-11-18 19:53:42
1796
1
原创 实现输入框input在获得焦点时外边框不变蓝
其实，是由于各个游览器的outline默认值不同导致的，所以，解决的方法很简单，将定义outline属性为none，即将下面的css代码加入相对应的选择器中。input:focus{outline:none;}另外，也可以将outline属性设置为0。...
2019-11-07 11:29:32
573
原创 js中文排序
javaScript 提供本地化文字排序，比如对中文按照拼音排序，不需要程序显示比较字符串拼音。String.prototype.localeCompare 在不考虑多音字的前提下，基本可以完美实现按照拼音排序。在没有出现意外的情况下，各个支持 localeCompare 的浏览器都很正常。最近将 Chrome 更新到 58.0.3029.110，突然发现中文排序不正常。确认之后是 loca...
2019-11-06 10:20:38
1350
原创 js排序
冒泡排序/1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。2.第一轮的时候最后一个元素应该是最大的一个。3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。/function bubbelSort(arr) {var temp;for(var i=0; i<arr.length; i++) {for(var...
2019-11-04 14:10:05
108
原创 前端使用elemnt-ui自定义排序
原创Element Ui之利用sort-change事件及sortable属性实现Table表格指定列的排序2019-08-29 17:00:58 杨丫丫 阅读数 707更多分类专栏： Element Ui版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/yangfan_357/a...
2019-11-03 18:54:51
1183
原创 前端下载文件的几种方式
一、a标签实现文件下载1、获取下载的文件$.ajax({url:“get-file”,type:“get”,dataType:‘JSON’}).then(function(res){//获取到从后台响应的数据console.log(res);})通过a标签实现下载的数据格式为：下载文件的url地址，所以从后台获取数据时得到的是url格式与后台的交互方式为 ：ajax、get等...
2019-11-03 16:11:00
5892
原创 前端使用a标签下载文件, 报错优化
(1)创建a 标签const elink= document.createElement(‘a’)elink.setAtteribute(‘donwloan’, ‘下载文件’)elink.style.display = noneelink.href = urldocument.body.appendChild (elink)elink.click()document.body.re...
2019-11-02 16:18:22
1390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人