- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue的存储和取值方法
commit：同步操作 存储 this.$store.commit(‘changeValue’,name) 取值 this.$store.state.changeValue dispatch:异步操作 存储 this.$store.dispatch(‘loginValue’,name) 取值 this.$store.loginValue 总结：两者只是存取方式不同，两个都是传值给vuex的mutation改变state ...
2020-11-24 14:57:52
2101
原创 数组的方法
数组的常用方法 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
196
原创 使用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
362
原创 获取元素的父元素、子元素
<div> <p>第一段内容</p> <span>第二段内容</span> </div> <script> $("span").onclick=function(e){ var ele = $(e.currentTarget); ele.pare...
2020-01-08 11:29:26
222
原创 js监听浏览器后退事件
在浏览器中打开页面时，点击手机物理键和浏览器的返回按钮，返回到浏览器的初始化页面，针对这个事情，做了一些处理。 这是自己写的代码，能在微信和浏览器通用，但是UC和夸克浏览器中不太好使 <script> varstate={ title:"手机银行", url:'page/index.html'+docu...
2019-10-25 15:47:45
1057
原创 JavaScript实现邮箱后缀提示功能
需求：当在input文本框中输入数字时，页面会同步自动提示，可以使用鼠标（经过背景改变）点击也可以使用键盘上下键。 效果图： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="...
2019-10-25 15:07:43
797
原创 js中的Set和Map简单使用
<html> <head> <meta charset="utf-8"> <title>Map和Set</title> <!-- ES6引入新的数据类型Map和Set --> <!-- Map是一组键值对的结构,具有极快的查找速度 --> ...
2019-09-23 10:29:03
479
原创 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
1660
原创 jquery中的text()、html()、val()区别
使用方法： text()方法设置或返回被选元素的文本内容 console打印的结果 可以看出text()只输出标签内的文本内容，和js的innerText方法一样 定义和用法 html()方法返回或设置被选元素的内容 (inner HTML)，包括标签。 如果该方法未设置参数，则返回被选元素的当前内容。 通过console的打印的结果 打印当前标签内的文本内容，...
2019-07-23 15:53:28
195
原创 展开、收起（限制高度）
示例： jquery 的写法 <script src="./jquery.min.js"></script> 原生js的写法
2019-07-23 14:50:18
380
原创 展开、收起（限制字数）
<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
354
转载 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
382
原创 安卓手机底部固定，当input获取焦点，会被顶起的问题
问题描述：手机H5页面当input输入框获取焦点时，软键盘会弹起，这时：IOS底部固定定位的按钮不会随着键盘弹起而弹起；而安卓底部固定定位的按钮会跟随软键盘弹起而顶起，往往会遮挡一部分视图。 1、解决思路 当软键盘弹起时，将底部弹起的按钮隐藏；当软键盘收起时，将按钮正常显示。 2、确定捕获的事件 （1）input输入框的聚焦/失焦事件 分析：当input输入框聚焦，软键盘弹起，将底部弹起的按...
2019-07-16 14:37:27
1378
转载 JS中的跨域问题
一.什么是跨域？ 1.定义：跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。但是一般情况下不能这么做，它是由浏览器的同源策略造成的，即属于不同域的页面之间不能相互访问各自的页面内容,是浏览器对JavaScript施加的安全限制。跨域的严格一点的定义是：只要 协议，域名，端口有任何一个的不同，就被当作是跨域。 所...
2019-03-19 22:01:08
312
1
原创 MVVM中对象属性的定义
语法：Object.defineProperty(obj, prop, descriptor) 参数一定义属性的对象。 参数二定义或修改的属性的名称。 参数三定义或修改的属性描述符。 返回值 被传递给函数的对象。 属性描述符 对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。数据描述符是一个具有值的属性，该值可能是可写的，也可能不是可写的。存取描述符是由g...
2019-03-18 22:03:19
282
原创 移动端开发的注意事项
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
256
1
原创 RESTful
一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。 RESTful是目前最流行的 API 设计规范，用于 Web 数据接口的设计。 它的大原则容易把握，但是细节不容易做对。 1. 什么是RESTful 面向资源 简单的说：RESTful是一种架构的规范与约束、...
2019-03-13 22:36:44
211
1
原创 HTTP 请求报文
一个HTTP请求报文由三部分组成：请求行、请求头部、请求数据。 下图给出了一般格式： 1.请求行 请求行包含了请求方法、URL、协议版本三部分，它们之间用空格分开。 HTTP协议的请求方法包括：GET、POST、HEAD、PUT、DELETE、OPTIONS、TRACE、CONNECT。 协议版本的格式为：HTTP/主版本号.次版本号，常用的有HTTP/1.0和HTTP/1.1 2...
2019-03-12 20:57:04
290
原创 浏览器兼容性
浏览器 CSS 兼容前缀 -o-transform:rotate(7deg); // Opera -ms-transform:rotate(7deg); // IE -moz-transform:rotate(7deg); // Firefox -webkit-transform:rotate(7deg); // Chrome transform:rotate(7deg); // 统一标...
2019-03-12 08:23:57
204
原创 web页面的性能优化以及SEO（搜索引擎优化）
Web页面的性能优化 研究表明：用户最满意的打开网页的时间是2-5秒，如果等待超过5秒，99%的用户会关掉页面。 一、尽量减少前端HTTP请求 1，能使用icon不适用图片，实在避免不了要使用图片，就使用精灵图（雪碧图） 2，对图片进行压缩（一般网站的图片在200k到500k之间）尽量小于200k, 3，图片转base64 4, 使用静态资源缓存 5, 添加Expires头 a,页...
2019-03-09 15:49:14
1331
1
原创 JavaScript中的事件机制
JS中事件机制有冒泡、捕获、传播、委托。 DOM事件流（event flow）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获（event capturing）：当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。 事件冒泡（dubbed bubbling...
2019-03-07 22:58:26
427
原创 nodejs中路由的使用
在写之前，先安装express模块 npm i express const express = require('express'); //引入了 express 模块 const app = express(); app.get('/', function (req, res) { //使用get请求 res.send('Hello World'); //在浏...
2019-03-06 17:53:41
720
原创 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
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人