- 博客(47)
- 收藏
- 关注
RSS订阅
原创 Vue中路由的使用（CDN引入的方式，非template）
vue中的路由用于页面的跳转，可以实现局部刷新。关键在于<router-link to="这里是跳转后显示的模块"></rouuter-link>，其实<router-link></router-link>就相当于一个超链接，设置了<router-link></router-link>之后，to=" "所指向的模块将显示在&...
2019-04-09 17:26:07
4891
13
原创 用Vue3+Vite+Typescript及全家桶最近版本搭建一个多人在线聊天室
先整个在线体验链接，瞅瞅效果：芒果皮儿聊天室在线Demo一直想体验一下Vue3及周边技术栈的最新版本，于是最近几天忙活了一下，整了个在线聊天室的Demo版本吧，使用Vite搭建的，模板采用的vue-ts，整合了vuex，vue-router，ant-design-vue，axios的最新版本，感觉还挺爽，也踩了一些坑，但是对于大佬们来说必然不算啥，所以完全是小白的姿势尝鲜新技术，算是练练手吧。服务端这边使用的是被称为Node版Spring的NestJs，用起来个人感觉还是很nice的，刚接触还在学习中
2021-07-05 18:39:24
597
1
原创 IOS输入框问题
// //ios输入框问题function getScrollTop() { var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scroll...
2019-09-29 17:59:39
241
原创 Android中唤醒APP
实例地址：添加链接描述<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title><{$seo_sub_title}><{if $seo_title}><{$seo_title}><{elseif $SEO.ti...
2019-07-24 11:54:00
2076
原创 HTML语义化标签汇总（W3C）
1.标记一个缩写 http://www.w3school.com.cn/tags/tag_abbr.asp2.标记一个首字母缩写 http://www.w3school.com.cn/tags/tag_acronym.asp3.联系信息 http://www.w3school.com.cn/tags/tag_address.asp4.带有可点击区域的图像映射 http://www.w3...
2019-04-04 11:10:45
1718
原创 Vue中attribute的合并和替换
如果component中定义了一个attribute，例如：<template> <div color='red'>我的最终颜色是蓝色</div></template>如果在引用了这个‘子组件’的‘父页面’中定义了一个同样的attribute，例如：<div> <my-component color='blue'>...
2019-04-03 17:29:01
2657
原创 localStorage本地存储案例
LocalStorage的用法：https://www.jianshu.com/p/39ba41ead42e例子：<!DOCTYPE html><meta charset="utf-8"><html><head> <title></title> <script src="../js/jquery-1.12...
2019-04-03 16:51:31
643
2
原创 Promise对象
1.Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promi...
2019-04-03 15:31:36
100
原创 数组去重原始方法和Set方法
<!DOCTYPE html><meta charset="utf-8"><html><head> <title></title></head><body><script type="text/javascript"> var arr = [1,2,1,2,3,4,3,4,5...
2019-04-03 15:22:27
317
原创 ES6的字符串扩展
1.ES6 为字符串添加了遍历器接口，使得字符串可以被for…of循环遍历。 let str1 = 'abcdefg'; for(let i of str1){ console.log(i);//a,b,c,d,e,f,g }2.传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。includes()：返...
2019-04-03 14:54:21
108
原创 JS节点操作汇总
1 Attributes 存储节点的属性列表(只读)2 childNodes 存储节点的子节点列表(只读)3 dataType 返回此节点的数据类型4 Definition 以DTD或XML模式给出的节点的定义(只读)5 Doctype 指定文档类型节点(只读)6 documentElement 返回文档的根元素(可读写)7 firstChild 返回当前节点的第一个子节点(只读)8...
2019-04-03 11:21:59
247
原创 原型和原型链
原型：每个函数都会默认有一个prototype属性，它是一个指针，指向此函数的原型对象。而构造函数作为一个函数，同样拥有自己的原型对象，而通过构造函数生成的对象实例中，拥有一个_proto_ 属性，它指向构造函数的原型对象，我们把构造函数的原型对象称为对象实例的原型。原型链既然每个实例对象都有一个原型，而每个构造函数也都能创建实例，那假如我们将构造函数 f1 的原型属性指向构造函数f2的实例...
2019-04-03 11:09:51
94
原创 事件委托
事件委托所谓事件委托就是利用事件冒泡，指定事件的某一处理程序就可以管理某一类型的所有事件有一个经典的例子来解释事件委托原理：有三个同事预计在同一天会收到快递，有两种取快递的办法，一种是三个同事同时下楼在门口等快递，另一种是委托给前台人员，帮忙代领快递，自己来取的时候只需要报自己的姓名既可，即使公司来了新同事，前台人员也会对快递进行核实然后帮其代领。这段例子中包含两层含义：第一：委托给前台...
2019-04-03 10:36:18
111
原创 使用Webpack打包vue-cli的项目后,字体图标等失效的解决办法
找到build文件夹中的这个文件：build/webpack.prod.conf.jsmodule: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: false, usePostCSS: true }) },将extr...
2019-03-29 18:09:01
1377
原创 IView使用规范
使用IView踩过的一些坑组件使用规范 #使用:prop传递数据格式为 数字、布尔值或函数时，必须带:(兼容String除外，具体看组件文档)，比如：Correct usage:Incorrect usage:在非 template/render 模式下（例如使用 CDN 引用时），组件名要分隔，例如 DatePicker 必须要写成 date-picker。以下组件，在非 tem...
2019-03-29 15:55:51
320
原创 HTML5中的source标签
标签为媒体元素（比如 和 ）定义媒体资源。 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。 标签是 HTML5 中的新标签。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> </h...
2019-03-28 11:32:25
4868
原创 HTML5中的datalist标签
标签规定了 元素可能的选项列表。 标签被用来在为 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。请使用 元素的 list 属性来绑定 元素。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title><...
2019-03-28 11:24:43
510
原创 Vue中的Axios
1.随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。axios 简介2.axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API...
2019-03-27 11:29:00
745
原创 Vue的AJAX请求
Vue 要实现异步加载需要使用到 vue-resource 库。1.GET请求<!DOCTYPE html><html><head><meta charset="utf-8"><title>GET</title><script src="https://cdn.staticfile.org/vue/2.4....
2019-03-27 11:15:21
282
原创 node创建一个最简单的服务器
前提是安装了Node的环境创建文件service.js如下：'use strict';var http = require('http');http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态值: 200 : OK // 内容类型: text/plain re...
2019-03-26 17:02:57
795
原创 原生Vue实现CURD
页面引入Vue和Jquery即可<!DOCTYPE html><html lang="en"><head> <!-- 原生Vue实现CURD --> <meta charset="UTF-8"> <title>Document</title> <head> <s...
2019-03-26 16:55:13
928
原创 Jquery实现Ajax简单的跨域请求数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src='js/jquery-1.12.4.js'></script></head><...
2019-03-26 16:51:37
562
原创 HTML5 Web 存储
使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.数据以 键/值 对存在, web网页的数据只允许该网页访问使用。客户端存储数据的两个对象为：·····localStorage - 用于长久保存整个网站的...
2019-03-26 16:45:04
66
原创 Jquery输入框回车实现搜索，阻止浏览器默认，事件冒泡
第一种方法：event.stopPropagation();$("#div1").mousedown(function(event){event.stopPropagation();});第二种方法：return false;$("#div1").mousedown(function(event){ return false;});两者区别：return false 不仅阻...
2019-03-15 18:01:51
713
原创 MySQL服务的安装
1.首先到官网下载安装包网址为：https://www.mysql.com/点击DOWNLOADS>>Windows>>MySQL Server>>选择想要的版本>>选择32位还是64位>>下方的zip压缩包下载到这里MySQL下载完成。2.第二步，安装通过window+R打开命令行，找到MySQL解压的目录然后...
2018-11-20 16:49:04
239
1
原创 PHP中常用的String字符串函数
1.htmlspecialchars() 函数把预定义的字符转换为 HTML 实体。2.trim（str，removestr）：移除字符串两侧的字符，str是要操作的字符串，removestr是想要移除的字符ltrim和rtrim分别是移除字符串左边的指定字符和移除字符串右边的指定字符，语法和trim相同3.strpos（str1，str2）：在str1中查找str2首次出现的位置，区分大小...
2018-11-19 09:49:06
294
原创 jQuery中效果相关的方法
1.隐藏和显示hide()和show()方法分别是隐藏和显示效果可以传两个参数：第一个是时间，第二个是回调函数toggle是()是切换显示与隐藏效果2.淡入和淡出fadeIn() //淡入fadeOut() //淡出fadeToggle() //切换淡入和淡出fadeTo() //可以给定一个透明度值前三种可以传两个参数，第一个是时间，第二个是回调函...
2018-11-07 16:14:41
78
原创 jQuery中的过滤选择器
1.：first //第一个子元素2.：last //最后一个子元素3.：odd(index) //索引值为奇数的子元素4.：even(index) //索引值为偶数的子元素5.：lt(index) //索引值大于index的子元素6.：gt(index) //索引值小于index的子元素7.：eq(index) //索引值为index的子元素//索引值全部都是从0开始的...
2018-11-07 15:58:41
136
原创 jQuery获取兄弟元素的各种方法总结
1.next();//获取当前元素的下一个兄弟元素2.nextAll();//获取当前元素后面所有的兄弟元素3.prev();//获取当前元素的前一个兄弟元素4.prevAll();//获取当前元素前面的所有兄弟元素5.siblings();//获取当前元素的所有兄弟元素6.children();//获取一个元素的直接子元素，类似于 $(‘ul &gt; li’)7.find();//...
2018-11-07 15:40:13
13380
原创 配置Phpstorm运行php代码
1.首先打开File/Settings/Languages&amp;Frameworks2.打开里面的PHP3.打开右侧的CLI Interpreter的省略号4.点击左上角的加号选择下面的Local Path to Interpreter，然后选择PHP5.最后选择PHP executable然后在你的电脑中找到php.exe，选择后完成6.配置成功，可以运行php代码...
2018-11-06 09:32:23
9363
原创 JS中String对象常用方法
1.chatAt():返回在指定位置的字符用法：str.charAt(index) str为字符串、index为索引2.charCodeAt():返回在指定位置的字符的Unicode编码用法:str.charCodeAt(index):str为字符串、index为索引3.concat():连接字符串用法:concat(str1,str2,…):str1…为需要连接的各个字符串4.ind...
2018-11-03 16:24:48
908
原创 原生JS实现放大镜功能
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"
2018-10-22 15:33:33
193
原创 JS中一些常用的数组方法
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"
2018-10-18 11:31:22
129
原创 JS为变速移动添加任意多个属性值包括回调函数
//封装添加任意多个属性的函数//fn这个参数是为这个函数添加的回调函数function changeAll(ele,json,fn){ //每次都清除一次定时器 clearInterval(ele.timed); //设置定时器 ele.timed=setInterval(function() { var flag=true; ...
2018-10-17 11:40:38
313
原创 原生JS实现滑动导航
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"
2018-10-16 11:33:24
1058
原创 原生JS封装变速移动函数
思想：如果当前位置为now，目标距离为aim，那么每次移动的距离step为（aim-now）/10,如果step大于0，则想上取整，step=Math.ceil(step);反之则向下取整，step=Math.floor(step);代码如下：//变速移动函数封装function movecs(ele,aim){ //清除定时器 clearInterval(ele.chang...
2018-10-15 16:49:01
520
原创 原生JS实现一个完整的轮播图
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"
2018-10-15 14:47:51
1017
原创 JS实现图片随着鼠标自由移动
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"
2018-10-12 14:53:22
4714
原创 JS写一个最简单的无缝轮播图
&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"
2018-10-12 09:48:52
1157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人