自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 资源 (4)
  • 收藏
  • 关注

原创 jquery中ajax总结

Content-Type描述了消息体语言字符编码和内容格式,每个Content-Type都包含了多个参数,他们用“;contentType用于告诉服务器请求的数据类型,常见的有。application/json:JSON格式。application/xml:XML格式。image/jpeg:JPEG图片。video/mpeg:视频MPEG。text/html:HTML网页。audio/mpeg:音频MP3。image/gif:GIF图片。text/plain:纯文本。

2023-11-24 10:03:52 822

原创 javascript将html中的dom元素转图片

javascript将html中的dom元素转图片。

2023-10-13 16:59:37 729 1

原创 Vue中Hottable的使用

以下内容有涉及到dom操作可以看我的另一篇文章dom操作。

2023-08-18 08:39:50 959

原创 element ui使用过程中遇到问题总结

element ui使用过程中遇到问题记录

2022-11-08 09:58:50 309

原创 git总结

git使用总结

2022-07-02 18:19:17 200

原创 项目开发中常用工具函数总结

js常用工具知识点总结

2022-06-29 11:27:07 166

原创 vue devtools安装

1.下载安装包 vue-devtools.crx安装包2.修改文件后缀名为zip,然后解压到文件夹中3.打开谷歌浏览器右上角… 的更多工具-》扩展程序打开开发者模式后选择加载已解压的扩展程序 选择刚才解压的文件即可成功...

2022-06-20 15:41:15 708

原创 vue2.0常用内容总结篇

vue常用知识点总结

2022-06-08 10:28:26 1802 2

原创 for循环总结

var books=[ {id:"1",name:"深入理解计算机原理",price:100}, {id:"2",name:"现代操作系统",price:100}, {id:"3",name:"代码大全",price:100}, {id:"4",name:"unix编程艺术",price:100},]for(let i=0;i<books.length;i++){//数组中的项 books[i]let price=books[i].price;//价格}for(let i

2022-04-14 11:55:58 143

原创 vue视频学习总结1

let 用于定义变量,变量定义后还可以进行修改const用于定义常量,常量定义后不可以进行修改vue读音 /vjuː/,是渐进式mvvm框架,Model ViewModel View数据 控制模型 视图vue实例中data new Vue() domconst myvue=new Vue({//实例化vue对象el:“#app”,//

2022-04-12 22:49:06 181

原创 vuex使用

在开发项目时候常常会遇到多个组件或者页面同时使用一个变量,这就需要组件之间或者页面之间进行传参,使用可能会存在弊端或缺陷,鉴于此类情况,本人尝试使用vuex进行状态管理。示例场景如下:在开发后端管理系统时常常会出现以下场景,有侧边栏组件 comp-aside.vue 和顶部组件com-header.vue,要实现在顶部组件的按钮点击控制侧边栏的展开和收起。1.安装vuex,执行命令 cnpm install vuex@2 --save ,vuex的版本根据个人项目情况而定,否则会出现错误,我的项目配置

2022-04-08 16:27:39 275

原创 1. vue基础篇总结

一、vue常用指令1. v-bind标签用于绑定属性,属性可以是自定义页可以是html属性 可简写为冒号v-bind 中的class属性和style可以使用数组和对象<div v-bind:myattr="message">v-bind专门用于绑定属性</div><div :myattr="message">v-bind专门用于绑定属性</div>2.v-on标签用于绑定事件 可简写为@符号 <button v-on:click="my

2021-12-09 20:05:07 420

原创 vue解决跨域问题

vue处理跨域通常是通过设置代理的方式解决,具体步骤如下:1.添加proxyTable属性配置在项目的config-》index.js文件中的proxyTable属性下添加如下代码: proxyTable: { '/api': { target: 'http://zg.hd.cn', //设置你调用的接口域名和端口号.别忘了加http changeOrigin: true, //允许跨域 pathRewrite: { '^

2021-12-03 09:07:25 740

原创 vue引入子组件

1.组件关系父组件:HelloWorld子组件:mytabel2.先给子组件起名 name: 'mytabel'3.在父组件引入子组件,执行图片中的1至3步①.引入组件 import mytabel from './mytabel'②注册组件 components:{mytabel},③使用组件 <mytabel></mytabel>...

2021-11-05 09:27:25 1398

转载 Webpack4 入门到带你打包一个简单单页应用项目

原文链接:https://blog.csdn.net/jyliyue/article/details/82950582一、搭建项目我们先新建一个项目 project 并用 npm 命令初始化项目(一路回车)npm init1安装 webpack 与 webpack-cli ( 4 版本需要cli才能执行命令)npm install --save-dev webpack webpack-cli1新建 src 文件夹,存放我们要打包的源码,默认输入文件是 index.js,所以我们在 src

2021-03-26 17:05:52 216

原创 js网页特效之数字从0到n变化(有小数点)

有时候我们做网页的时候需要展示一些关键性的数字,效果需要从0逐渐增加至指定数字,在此总结,以供后面参考。最后界面效果如下:<style> .warp { text-align: center; margin-top: 100px } .label { font-size: 20px; padding: 10px 15px; border: 1px solid #dedede; width: 230px; } #

2020-05-25 11:48:55 1255

转载 Git小乌龟的安装及使用

转载文章地址https://www.jianshu.com/p/33108325fc871.先下载git,按照相应的系统,https://git-scm.com/downloads,然后,一直next即可完成安装2.安装git小乌龟,https://tortoisegit.org/download/,同样的,一直next即可完成安装,但是,需要注意的是必须先安装git,在安装git小乌龟3.安装语言包,同样是https://tortoisegit.org/download/,然后一直next即可,要

2020-05-11 13:34:31 368

原创 vue打包配置

1.修改index.js文件A assetsPublicPath: ‘/’,改成 assetsPublicPath: ‘./’,(注意此文件中有两处,都需要修改)B 有个属性true改成false,、、、、、、、、、、、、2.修改utils.js文件,添加 publicPath: ‘…/…/’,...

2019-12-20 17:31:13 214

原创 vscode快捷键

1.ctrl+B 显示隐藏左侧目录2.ctrl+~ 显示隐藏终端控制台3.ctrl+shift+k 删除当前行4.注释ctrl+/ 添加单行注释ctrl+k+u 取消单行注释5.移动行alt+up alt+down

2019-12-19 10:25:52 91

原创 vscode中.vue文件代码是白色的?

点击vscode编辑器中的“方框样式图标”安装vetur插件,就可完美解决

2019-12-17 13:14:18 13068 1

原创 vscode汉化成中文

VSCODE默认情况下是英文的。VSCODE如何汉化成中文1.在左侧菜单中点击四方块的图标,之后搜索“chinese”,找到如下插件,点击install,进行安装2.按快捷键【ctrl+shif+p】打开命令面板,并输入【config】,找到【config display lanage】选项并点击,选择【zh-cn】,此时编辑器会弹出个访问窗口是否要重启编辑器生效语言的修改,点击【rest...

2019-12-17 10:04:40 312

原创 echars样式修改总结

结构var myChart3 = echarts.init(document.getElementById('main3'));var option3 = {grid:{},xAxis:{},yAxis:{},series:{},}myChart3.setOption(option3);1.控制echars图的类型 series: [{ ...

2019-12-12 17:33:09 167

原创 常用方法

//日期转时间戳function dateTurnTime(date){ date = new Date(Date.parse(date.replace(/-/g, "/"))); date = date.getTime(); return date;}//时间戳转日期function getDateString(stamp) { let d=new Dat...

2019-12-10 16:22:48 70

原创 前端导出excel

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h3>表格导出DEMO以及无layui导出DEMO</h3> <button t...

2019-10-22 16:31:00 108

原创 百度地图输入位置,获取坐标点

百度地图输入位置,获取坐标点<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>根据地址查询经纬度</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ...

2019-10-22 15:17:32 1356

原创 qrcode插件生成二维码并下载

很多情况下,我们需要实现点击按钮,下载二维码图片功能,1.以下是页面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <!-- jQuery 库 --> <...

2019-10-22 15:00:06 1531

原创 代码总结

1.minimum-scale=1.0,maximum-scale=1.0,user-scalable=no//移动端禁止缩放规划reset.css //样式初始化border.css //解决移动端三像素边框问题2.npm install fastclick --save //解决移动端点击延迟300ms问题import fastclick from ‘fastclick’fastC...

2019-07-14 23:27:52 94

原创 git使用

一、常用命令1.git clone git仓库downliad地址 //git下载命令2.git add . //添加代码到缓冲区3.git commit -m ‘message’//提交到本地仓库4.git push //推送到线上git仓库5.git config --global “gituser’s Name” //git用户名配置6.git config --globa...

2019-07-14 23:15:06 64

原创 常用学习网址

1技术胖:学习vue前端.https://jspang.com/posts/2.简书中创建vue项目https://www.jianshu.com/p/02b12c600c7b3.计算机基础知识教程https://www.51zxw.net/list.aspx?cid=3544.iview官网https://www.iviewui.com/docs/guide/install...

2019-04-30 14:54:15 182

原创 idea 用svn检出vue项目

1.安装svnA.下载TortoiseSVN-1.10.1.28295-x64-svn-1.10.2.msi 安装包,双击安装,第二个画红色叉号的点击开选择第一项,后面一路下一步即可。B.idea使用svn,file-》setting-》搜svn-》点击右面“三个点“,选择svn安装目录里bin目录下的svn.exe,apply。2.检出SVN项目3.安装node,完成后cmd中输...

2019-04-30 13:29:47 1195

原创 vue中安装模块

1.安装iview安装淘宝镜像之后,在终端中输入命令npm install -g cnpm --registry=https://registry.npm.taobao.org --安装淘宝镜像cnpm install --save iview --安装iview在main.js中引入import iview from 'iview'import...

2019-04-19 18:36:56 2085

原创 vue之$set

vue在变量使用过程中,先初始化一个空对象data:{},里面的属性需要动态添加进去,这时候如果直接用data.key1=value1,zhezhong,则会造成key1没有get和set方法,也就是不能同步到template的视图中去。因以上情况的出现,顾推荐使用this.$set(obj,key,value)来代替传统的赋值方式obj.key=value,便可以实现想要的功能this....

2019-04-19 11:29:22 256

原创 vue父子组件传值

一.父组件传给子组件父组件是parent.vue,子组件是children.vue。1.父组件引入子组件模块,在parent.vue的script中写以下代码,并在components中注册该组件import centerFigner from "@/components/children";在template中写代码<children :myattr="data1" >&...

2019-04-18 18:08:35 188

原创 vue使用axios

1.脚手架里安装axios,执行以下命令npm install axios2.在要使用的vue组件中引用axiosimport axios from “axios”3.在js方法里面调用接口,如果是json文件,放到static目录下。url中写成"./static。。。"axios({method: ‘get’,url: ‘./static/paint.json’}).the...

2019-04-18 16:45:38 183

原创 vscode使用svn

1.安装svn客户端TortoiseSVN2.创建存放自己项目的文件夹,把本地创建好的vue项目代码提交到svn服务器上,不提交node_modules![在这里插入图片描述](https://img-blog.csdnimg.cn/2019041718110644.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shad...

2019-04-17 18:22:19 22948

原创 vue 项目环境搭建以及创建项目并打包

一.环境搭建1.官网下载node,并安装node,完成后cmd进入命令行,输入node -v npm-v 查看node和npm版本,如果出现版本号证明安装正常2、安装淘宝镜像因为国内npm特别慢,推荐使用淘宝镜像$ npm install -g cnpm --registry=https://registry.npm.taobao.org执行之后就可以用cnpm安装模块了...

2019-04-17 15:35:11 885

3D图片切换(带倒影)

带倒影的3D旋转图片切换控件!

2018-12-03

图片切换控件

响应式设计,图片等比例展示 实现左右切换、点击当前图片切换两种效果 目前支持CHROME / FIREFOX / OPARE / IE6以上的版本

2018-12-03

各种风格的PC端分页控件

一款超好用的pc端分页控件,兼容各个版本的浏览器!! 文档说明: 参数名 参数类型 可选参数 说明 allPage number 自定义数字 默认值:12。总页数:页码器总共多少页。 showPage number 自定义数字 默认值:5。显示页数:页码器显示几页。 startPage number 自定义数字 默认值:1。第一页页码数字。 initPage number 自定义数字 默认值:1。加载完毕自动跳转到第n页:此值不能小于startPage。 first string 自定义字符串 默认值:"首页"。首页显示字符。 last string 自定义字符串 默认值:"尾页"。尾页显示字符。 prev string 自定义字符串 默认值:"«"。上一页显示字符。 next string 自定义字符串 默认值:"»"。下一页显示字符。 animateType string "animation" "jumpy" "fast" "normal" "slow" "verySlow" 默认值:"animation"。动画过渡模式。 立即,对应animationTime=0 100ms,对应animationTime=100 200ms,对应animationTime=200 400ms,对应animationTime=400 800ms,对应animationTime=800 animationTime number 自定义数字 默认值:300。仅为animateType为animation时生效,设置动画过渡时间(ms)。 callBack function 自定义方法 默认值:打印页码。用于回调函数扩展方法。 默认:

2018-12-03

MP3音乐播放器 js

好看好用的音乐播放器,js html 代码实现

2015-10-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除