- 博客(22)
- 收藏
- 关注
RSS订阅
原创 a标签下载pdf download失效 （直接打开网页）
今天在写项目时遇到的问题：（暂未解决）贴代码。链接是一个pdf地址，点击链接，直接打开了该pdf，想要实现点击直接下载该pdf<a href="http://file.xxx.pdf" download>点击下载</a>一般的文件可以直接使用链接进行下载，但图片、pdf等可以直接打开的文件只会预览，不会直接下载。在网上找了很多解决办法（应该是跨域导致的）：如：<a href="javascript:void(0)" download onclick="d
2020-12-29 16:46:42
4557
1
原创 实现每四位字符添加一个短横线（考虑用户删除、复制粘贴输入的情况）
比想象中简单很多，刚开始不知道这个方法的时候，纯粹用字符串拼接，条件太多，用下面这个方法就简单很多，此方法可以用在诸多类似需求中，上代码：在vue中可以用watch，其他也可以使用input事件进行触发<input type="text" @input="changeStr">function changeStr () { val = val || ''; //如果用户输入了-，需要去除-【全局替换】 val = val.replace(/-/g, ''); //match
2020-12-26 16:27:29
1306
原创 {}[]是什么用法【有趣的写法】
今天看代码，看到前辈写了一个很有趣的写法，可以借鉴：this.name = () => { this.name_code = { xiaohong: '小红', xiaoming:'小明', xiaolv : '小绿' }[this.active_name_code];}this.name = () => {}//值 = 箭头函数 【默认一个返回值】this.name_code = {}{}[] obj.nam
2020-12-29 20:09:03
7634
1
原创 小白那些常常遇到又容易忘前端知识点（小白进修之路）
知识点记录一、css篇1、z-index2、overflow3、行内元素二、jQuery篇1、动画三、git篇四、js篇1、跳转新页面一、css篇1、z-index1.z-index只能在position属性值为relative或absolute或fixed的元素上有效。2、overflow1.设置了 overflow-x:hidden; 后内容被剪切掉，margin部分会被剪切，改设置padding。3、行内元素1.行内元素的 margin 和 padding 只有左右边距，没有上下边距。
2020-12-26 16:39:34
187
原创 vue-resource与axios的区别与使用
目录一、vue-resource1.vue-resource的安装2.在main.js中导入2.使用vue-resource发送请求二、axios1.安装axios2.使用axios发送请求一、vue-resourcevue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。vue-resource插件具有以下特点：1.体积小vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远
2020-07-10 21:31:54
5161
2
原创 export default 和 export 的使用有什么不同
目录一、export1.export 在导入时需要添加大括号2.当需要给变量或者方法进行改名时，需要用as进行改变二、export default1.export 在导入时不需要添加大括号2.export default就是输出一个叫做default的变量或方法，然后系统允许你为它取任意名字。一、export1.export 在导入时需要添加大括号import { hanleAdd } from './components'2.当需要给变量或者方法进行改名时，需要用as进行改变//此时的hand
2020-07-10 15:18:50
138
原创 JavaScript高级知识点
一、三种创建对象的方法1.字面量的方式 let obj1={ name:'zs', age:20, sex:'male', eat:function () { console.log(name+'在吃东西'); } }2.调用系统构造函数let obj2=new Object(); obj2.name='ls'; obj2.age=18; obj2.sleep=function(){ console.log(
2020-06-14 23:46:56
329
1
原创 13.Element UI 的基本使用
1.基于命令行方式手动安装1.安装依赖包。npm install element-ui -S2.在main.js入口文件中导入Element UI 的相关资源。import ElementUI from 'element-ui'//导入组件库import 'element-ui/lib/theme-chalk/index.css'//导入组件样式Vue.use(ElementUI);//配置vue插件2.基于图形化界面自动安装1.运行vue ui命令，打开图形化界面。vue ui2
2020-06-09 15:58:56
133
原创 12.vue cli-脚手架的基本使用
脚手架的基本使用一、安装 vue cli二、利用 vue cli 创建vue项目1.基于“交互式命令行”的方式创建新版vue项目2.基于“图形化界面”的方式创建新版vue项目一、安装 vue cli1.如果已经安装较低版本的cli，则需要remove当前的clinpm uninstall -g vue-cli2.安装最新版本的clinpm install -g @vue/cli3.查看当前cli的版本vue -V二、利用 vue cli 创建vue项目1.基于“交互式命令行”的方式
2020-06-09 10:32:58
478
原创 11.组件插槽-具名插槽-作用域插槽
组件插槽一、具名插槽二、作用域插槽(slot-scope)一、具名插槽组件插槽的作用：父组件向子组件传递内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <layout-item>
2020-06-09 09:45:25
390
原创 10.非父子组件之间的通信-兄弟组件间的通信
兄弟组件间的传值一、单页面中实现效果二、单文件组件中1.在main.js中写入一个事件中心，并向外暴露这个事件。2.在组件 A 中 import 这个事件中心2.在组件 B 中 import 这个事件中心一、单页面中情景：实现点击组件A中的按钮触发组件B中的数据增加，点击组件B中的按钮触发组件A中的数据增加。const hb = new Vue();//注册一个事件中心<body><div id="app"> <children1-item><
2020-06-07 18:18:29
332
原创 09.组件间数据交互-父子组件间的通信
父子组件的通信一、父组件向子组件传值一、父组件向子组件传值1.子组件内部通过“props”接收父组件传递过来的值下面展示一个 全局定义的子组件。<script src="../node_modules/vue/dist/vue.js"></script><script> Vue.component('menu-item',{ //这里传递了两个属性 accept、content props:['accept','content']
2020-06-05 17:22:43
241
原创 08.Vue单文件组件的路由
单文件路由一、创建Vue项目一、创建Vue项目注意需要以管理员身份运行开发软件，这里我使用到的是webStrom。1.在src目录下创建router文件夹，里面新建一个index.js；2.新建需要用到的组件；红框内的是构建单文件路由需要用到的文件。1.index.html 是唯一需要用到的一个html，它作为 #app的存放容器，暂不需要在里面添加内容。2.FirstVue.vue、SecondVue.vue是创建的两个单文件组件点击查看单文件组件的基本用法。...
2020-06-02 00:45:07
247
原创 07.单文件组件的基本用法
单文件组件1.传统组件的劣势2.单文件组件的组成结构1.传统组件的劣势① 全局定义组件必须保证组件名称不能重复；② 字符串模板缺乏高亮，影响书写；③ CSS明显被遗漏；④ 没有构建步骤限制，只能使用HTML和ES5 JavaScript，不能使用预处理器。2.单文件组件的组成结构// vue单文件组件分为三个模块：template、script、style（结构、行为、样式）<template> <div> <h1>hello,这
2020-05-31 22:28:56
244
原创 06.vue-router的声明式导航和编程式导航
编程式导航一、声明式导航二、编程式导航1. this.$router.push('hash地址')页面显示效果2.this.$router.go(n)页面显示效果一、声明式导航声明式导航是指通过点击链接实现导航的方式，比如 a、router-link 标签。<div id="app"> <router-link :to="{ name:'user',params:{id:3} }">login3</router-link> <router-li
2020-05-31 16:43:59
549
原创 05.动态路由与静态路由匹配
通过动态路由参数的模式进行路由匹配1.路由的页面渲染2.创建路由的模板3.创建路由实例4.将路由注册到Vue实例5.页面显示效果1.路由的页面渲染<div id="app"> <router-link to="/login/1">login1</router-link> <router-link to="/login/2">login2</router-link> <router-link to="/login/3
2020-05-30 22:26:21
548
原创 04.路由的简单嵌套使用（路由和子路由）
嵌套路由1.父路由组件模板2.子路由模板3.定义路由实例4.Vue实例中注册路由1.父路由组件模板 const login ={ template:'<h1>登录组件</h1>' }; const register ={ template:` <div> <h1>注册组件</h1> <router-link to="/reg
2020-05-30 22:04:39
267
原创 03.路由的重定向（强制跳转）
路由的重定向：用户在访问地址A的时候，强制用户跳转到地址C，从而展示特定的组件页面redirect#path表示被重定向的原地址，redirect表示被重定向的新地址。let router =new VueRouter({ routes:[ {path:'/',redirect:'/login'}, {path:'/login',component:login}, {path: '/register',compon
2020-05-30 21:40:23
2083
原创 02.VueRouter的基本使用
vue-router的基本使用1.引入相关库文件2.添加路由连接3.添加路由填充位4.定义路由组件5.配置路由规则并创建路由实例6.把路由挂载到Vue的根实例中效果展示1.引入相关库文件下面展示一些 vue.js 和VueRouter.js 的引入。<script src="./node_modules/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.
2020-05-30 17:01:56
185
原创 jQuery请求数据到新增节点中
jQuery请求数据三步走1.页面渲染2.引入jQuery文件3.发送get请求数据1.页面渲染<div id="wo">你好!</div>2.引入jQuery文件下面展示一些 内联代码片。<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>3.发送get请求 $.get("https://locally.uieee.com/categories",
2020-05-30 16:12:48
288
原创 01.Vue请求数据
Vue请求数据-前端练习日记1.请求数据的渲染2.页面引入相关文件3.编写Vue实例1.请求数据的渲染下面展示一些 页面渲染的代码。<div id="app" > //items是一个数组，item是items数组中的一个对象 <div v-for="item in items"> <h1>{{item.id}}</h1> <h2>{{item.name}}</h2> &l
2020-05-30 16:01:44
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人