1 禁花

尚未进行身份认证

暂无相关描述

等级
博文 32
排名 14w+

关于各类前端知识的整理,以及相关博客地址(持续更新)

看懂npm、yarn、pnpm之间的区别https://blog.csdn.net/qiansg123/article/details/80129453Vue实现组件信息的缓存https://blog.csdn.net/u014628388/article/details/76285659用proxy实现一个更优雅的vuehttps://juejin.im/post/...

2018-12-13 13:29:07

使用vue-video-play直播hls视频流

这段时间需要写视频流的直播,期间使用过tlc插件(没成功),在查阅了相关资料后找到了vue-video-play插件使用npm安装npminstallvue-video-player--savenpminstallvideojs-contrib-hlsnpminstallvideojs-contrib-hls.js在main.js中的调用importV...

2018-11-26 16:51:02

vue websoket的编写与应用

这段时间使用了一下websoket,抽出时间做个记录和总结注:js自带websoket,不需要引入本方法,通过按键触发,事件写在methods的方法中,通过按钮以及destroyed周期来关闭websocket的建立以及使用,JS(方法内代码,自定义方法包裹一下代码即可)如下letthat=thisletwsuri='ws//192.168.1.1:8080:/ba...

2018-11-26 14:33:06

webpack 代理配置 开发环境以及生产环境配置

最近在使用webpack的时候踩了很多的坑,查询了很多复制的文章,毫无营养没有帮助,在此做一些自己的理解和整理,希望对碰到和我一样情况的人有所帮助先讲一下代理是怎么设置的在webpack的文件夹config/index.js中,找到dev通过proxyTable来设置代理,以下为代码和注解proxyTable:{'/apis/*':{//设置请求前增加...

2018-11-02 00:16:31

在vue-cli中使用axios请求 get与post

最近赶项目,没什么时间,目前抽出时间更新一下博客,在网上看到很多博客都是复制的,并不能解决问题,现在自己总结归纳了一些东西,在此做整理因为此项目使用的是的Webpack,以下的操作都是在的Webpack下进行的(的Webpack的安装和使用就略过了)首先我们需要项目的文件夹下使用npm安装axiosnpm安装axios接着在main.js中引入axios,并绑定在VUE实例的原...

2018-11-01 23:19:17

vue实现tab路由切换组件

使用vue自带的vue-router.js路由实现分页切换功能实现图片如下下列为实现代码css:*{margin:0;padding:0;}#appul{width:300px;height:30px;...

2018-08-15 20:29:04

vue父子之间通信

父元素改变时,实时改变子元素,子元素通过按钮改变父元素实际效果图如下:html:<!--父组件--><divid="app"><tableborder="1"cellpadding="0"cellspacing="0"><tr>&

2018-08-15 17:45:46

vue组件之间通信(非父子之间通信)

视图如下:单击点击后:下列为实现代码:html:<dviid="app"><brother></brother><hr><sbrother></sbrother></dvi><templateid="bro

2018-08-15 15:46:09

Vue组件模板

本文章主要介绍组件模板的书写方式以下为实现页面效果以下为html代码和js代码的集合<body><divid="app"><!--使用外部模板--><v-com></v-com><!--使用js内部模板--><v-header>&am

2018-08-15 11:53:57

jq获取上级、同级、下级元素

jQuery.parent(expr)找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,...

2018-08-08 20:52:32

关于jQuery和js的区别

jq的预加载?  ①页面加载完之前执行,与嵌入的js加载方式一样(写jquery插件的时候使用)(function($){    alert('start');})(jQuery);②页面加载后执行。$(document).ready(function(){    alert('jqueryready');});③页面加载后执行。$(functi...

2018-08-01 11:28:53

js对象轮播插件

以下为页面实现效果以下为html代码<divid="banner"class="banner"><ul><listyle="background-color:pink"></li><listyle="background-color:aqua&

2018-07-24 19:04:14

JavaScript ES6新特性

一、默认参数原来的书写varobj=function(name,age,color){    name=name||xiaoming;    age=age||18    color=color||red}新的书写方法varobj=function(name="xiaoming",age=18,color="red")二、模板表达式...

2018-07-19 22:35:36

ajax兼容ie低版本

//制作一个方法functionmyajax(method,ajHtml,ajText,fn){//创建一个新的对象用于存储ajaxletxhr=null;//判断浏览器中有没有XMLHttpRequest对象,如果没有,就调用ie的对象赋值if(window.XMLHttpRequest){xhr=newXMLHttpRequ...

2018-07-12 21:32:12

图片瀑布流布局

具体效果如下图html如下图所示<div><ul></ul><ul></ul><ul></ul><ul></ul><ul></ul></d

2018-07-10 22:36:56

ajax兼容,同时输出省份选择(二级联动)

运行结果如下图单击上图的省份,下方打印省份html代码如下图<divid="province"></div><divid="city"></div>css代码如下图*{margin:0;padding:0;}div{width:100%;padding:10px;}div>a{

2018-07-09 22:32:17

cookie的添加,删除,以及使用

下图为简单的网页界面通过添加cookie的名字,值,属性来设置cookie通过输入cookie的名字来打印cookie的值通过输入要删除cookie的名字来删除cookie以下为html<inputid="cookiename"type="text"placeholder="cookie名字"><br/><inputid="cookiezhi"ty

2018-07-08 22:41:24

简易登录以及注册界面制作

以下为登录和注册页面的图片登录:注册:先介绍登录页面以下为登录的html<inputid="username"type="text"placeholder="请输入用户名"><inputid="password"type="password"placeholder="请输入密码"><br/>

2018-07-06 09:50:03

window对象,navigator对象,document文档对象,以及window下的其他对象

Window对象属性innerHeight                                                返回窗口的文档显示区的高度innerWidth                                                 返回窗口的文档显示区的宽度outerHeight                                ...

2018-07-04 20:24:36

导航栏上下滚动效果

以下为HTML代码<divclass="banner"><ul><listyle="background-color:pink"></li><listyle="background-color:aqua"></li>

2018-07-03 20:13:14
奖章
    暂无奖章