- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue的存储和取值方法
commit：同步操作存储this.$store.commit(‘changeValue’,name)取值this.$store.state.changeValuedispatch:异步操作存储this.$store.dispatch(‘loginValue’,name)取值this.$store.loginValue总结：两者只是存取方式不同，两个都是传值给vuex的mutation改变state...
2020-11-24 14:57:52
2014
原创 数组的方法
数组的常用方法1，shift()方法：把数组的第一个元素删除，并返回第一个元素的值var a = ['a', 'b', 'c'];console.log(a,a.shift());//['b','c'] 'a'2,unshift() :将参数添加到原数组开头，并返回数组的长度var movePos =[111,222,333,444];movePos.unshi...
2020-01-16 16:30:20
149
原创 使用vue-cli搭建一个项目
一、安装node.js 1.根据电脑的自行下载node.js安装包http://nodejs.cn 2.点击安装，按照正常的的一路点击下去 3.验证安装是否成功，按键win+r,输入cmd打开命令行工具，点击确认后再输入node -v 出现版本好说明npm安装成功 二、安装npm 1.新版的node.js已经集成了npm，所以npm也一并安装好...
2020-01-15 14:51:39
287
原创 获取元素的父元素、子元素
<div> <p>第一段内容</p> <span>第二段内容</span></div><script> $("span").onclick=function(e){ var ele = $(e.currentTarget); ele.pare...
2020-01-08 11:29:26
188
原创 js监听浏览器后退事件
在浏览器中打开页面时，点击手机物理键和浏览器的返回按钮，返回到浏览器的初始化页面，针对这个事情，做了一些处理。这是自己写的代码，能在微信和浏览器通用，但是UC和夸克浏览器中不太好使<script>varstate={title:"手机银行",url:'page/index.html'+docu...
2019-10-25 15:47:45
997
原创 JavaScript实现邮箱后缀提示功能
需求：当在input文本框中输入数字时，页面会同步自动提示，可以使用鼠标（经过背景改变）点击也可以使用键盘上下键。效果图：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="...
2019-10-25 15:07:43
618
原创 js中的Set和Map简单使用
<html> <head> <meta charset="utf-8"> <title>Map和Set</title> <!-- ES6引入新的数据类型Map和Set --> <!-- Map是一组键值对的结构,具有极快的查找速度 -->...
2019-09-23 10:29:03
439
原创 js 中的break continue return throw怎么使用？
1.break 跳出循环2.continue 跳出本次循环，进入下次循环3.return 中止当前函数继续执行4.throw 异常信息;中止程序抛出异常，可用于中止程序 3个关键词的含义和比较在break,continue和return 三个关键字中，break,continue是化为一类的，return 是函数返回语句，但是返回的同时也将函数停止。相同之处：三个...
2019-08-19 15:22:40
1488
原创 jquery中的text()、html()、val()区别
使用方法：text()方法设置或返回被选元素的文本内容console打印的结果可以看出text()只输出标签内的文本内容，和js的innerText方法一样定义和用法html()方法返回或设置被选元素的内容 (inner HTML)，包括标签。如果该方法未设置参数，则返回被选元素的当前内容。通过console的打印的结果打印当前标签内的文本内容，...
2019-07-23 15:53:28
162
原创 展开、收起（限制字数）
<style>#content {width: 300px;background-color: #ccc;line-height: 26px;}a {text-decoration: none;color: red;}</style><script>$(function(){var len = 60; //默认...
2019-07-23 13:48:55
318
转载 json对象和json字符串之间的转化
json字符串----->json对象 使用JSON.parse()函数 var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}';var json = JSON.parse(jsonStr);console.log(json);//输出:Object {name: "zhang...
2019-07-19 11:29:48
353
原创 安卓手机底部固定，当input获取焦点，会被顶起的问题
问题描述：手机H5页面当input输入框获取焦点时，软键盘会弹起，这时：IOS底部固定定位的按钮不会随着键盘弹起而弹起；而安卓底部固定定位的按钮会跟随软键盘弹起而顶起，往往会遮挡一部分视图。1、解决思路当软键盘弹起时，将底部弹起的按钮隐藏；当软键盘收起时，将按钮正常显示。2、确定捕获的事件（1）input输入框的聚焦/失焦事件分析：当input输入框聚焦，软键盘弹起，将底部弹起的按...
2019-07-16 14:37:27
1255
转载 JS中的跨域问题
一.什么是跨域？1.定义：跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。但是一般情况下不能这么做，它是由浏览器的同源策略造成的，即属于不同域的页面之间不能相互访问各自的页面内容,是浏览器对JavaScript施加的安全限制。跨域的严格一点的定义是：只要 协议，域名，端口有任何一个的不同，就被当作是跨域。所...
2019-03-19 22:01:08
242
1
原创 MVVM中对象属性的定义
语法：Object.defineProperty(obj, prop, descriptor)参数一定义属性的对象。参数二定义或修改的属性的名称。参数三定义或修改的属性描述符。返回值 被传递给函数的对象。属性描述符对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。数据描述符是一个具有值的属性，该值可能是可写的，也可能不是可写的。存取描述符是由g...
2019-03-18 22:03:19
246
原创 移动端开发的注意事项
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用。<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" na...
2019-03-16 12:39:46
212
1
原创 RESTful
一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。RESTful是目前最流行的 API 设计规范，用于 Web 数据接口的设计。它的大原则容易把握，但是细节不容易做对。1. 什么是RESTful 面向资源简单的说：RESTful是一种架构的规范与约束、...
2019-03-13 22:36:44
172
1
原创 HTTP 请求报文
一个HTTP请求报文由三部分组成：请求行、请求头部、请求数据。下图给出了一般格式：1.请求行请求行包含了请求方法、URL、协议版本三部分，它们之间用空格分开。HTTP协议的请求方法包括：GET、POST、HEAD、PUT、DELETE、OPTIONS、TRACE、CONNECT。协议版本的格式为：HTTP/主版本号.次版本号，常用的有HTTP/1.0和HTTP/1.12...
2019-03-12 20:57:04
246
原创 浏览器兼容性
浏览器 CSS 兼容前缀-o-transform:rotate(7deg); // Opera-ms-transform:rotate(7deg); // IE-moz-transform:rotate(7deg); // Firefox-webkit-transform:rotate(7deg); // Chrometransform:rotate(7deg); // 统一标...
2019-03-12 08:23:57
169
原创 web页面的性能优化以及SEO（搜索引擎优化）
Web页面的性能优化研究表明：用户最满意的打开网页的时间是2-5秒，如果等待超过5秒，99%的用户会关掉页面。一、尽量减少前端HTTP请求1，能使用icon不适用图片，实在避免不了要使用图片，就使用精灵图（雪碧图）2，对图片进行压缩（一般网站的图片在200k到500k之间）尽量小于200k,3，图片转base644, 使用静态资源缓存5, 添加Expires头 a,页...
2019-03-09 15:49:14
1217
1
原创 JavaScript中的事件机制
JS中事件机制有冒泡、捕获、传播、委托。DOM事件流（event flow）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获（event capturing）：当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。事件冒泡（dubbed bubbling...
2019-03-07 22:58:26
373
原创 nodejs中路由的使用
在写之前，先安装express模块 npm i expressconst express = require('express'); //引入了 express 模块const app = express();app.get('/', function (req, res) { //使用get请求 res.send('Hello World'); //在浏...
2019-03-06 17:53:41
681
原创 post和get的区别
1.get是从服务器上获取数据，post是向服务器传送数据2.get传送的数据量较小，不能大于2KB; post传送的数据量的较大，一般被默认为不受限制。3.get安全性非常低，post安全性较高，但是执行效率却比post方法好。4.get的数据在 URL 中对所有人都是可见的。post的数据不会显示在 URL 中。5.get后退按钮/刷新无害，post数据会被重新提交（浏览器应...
2019-03-05 20:52:54
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人