- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue状态管理vuex
vue单页项目开发总是要管理一些状态值，比如登录状态之类，简单的学习了vuex，分享一下。这里暂时介绍vuex里面的三个模块的功能，state,getters和mutations1. 在我们的单页项目中安装vuexnpm install vuex --save2，在我们项目的文件目录中的src文件夹下面新建一个文件夹，文件夹名名字随意，一般叫vuex，store之类的，我这里取名vuex，...
2020-01-11 09:37:10
155
原创 小程序中的rpx单位
在移动端日常开发，多使用rem单位，因为它能够很好的解决屏幕适应问题。在小程序中，小程序框架提供了rpx（responsive pixel），可以根据屏幕宽度进行自适应。rpx其实是微信对于rem的一种应用的规定，或者说一种设计的方案如上图中，pt为逻辑分辨率，与屏幕尺寸有关， 可以理解为长度单位；px为物理分辨率，与屏幕尺寸无关，用于描述像素点的多少；小程序框架规定屏幕宽为750rp...
2020-01-07 20:33:22
389
1
原创 Vue 路由
Vue 路由SPA是什么?单页Web应用（single page application，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序：只有 第一次 会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序：对于传统的多页面应用程...
2020-01-04 15:41:35
169
原创 CSS命名规范--BEM
BEM基于组件方式的web开发方法，基本思想是将用户界面分成独立的模块。Block（块）（通常指模块，组件）Block 是一个逻辑上和功能上独立的页面组件，等同于网页组件中的部件（等同于网页中的组件）。Block 封装了行为（Javascript）、模板、样式（CSS）和其他实现技术。独立状态的 Block 可供复用，并且促进项目开发和维护。内容模块名称：描述了它的目的（“它是什么？...
2019-12-28 14:35:26
142
原创 VUE生命周期
Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，即 Vue 实例从创建到销毁的过程。同时，在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。创建阶段：1. beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化 data 和 methods 等属性。2.crea...
2019-12-25 09:55:29
122
原创 移动端开发IOS和安卓碰到的兼容性问题
这些问题都是我实际开发中碰到的问题，我想把它们都记录下来，供自己和他人学习。1.JavaScript中的Date对象在Safari与IOS中的坑var date =new Date("2018-07-25 19:25");这段代码是获得字符中指定的日期，它Firefox、Chrome中就能运行，但是放在Safari就会报错，错误是NaN解决办法：//将xxxx-xx-xx的时间格式，转...
2019-12-10 19:11:59
317
原创 cookie 购物车
//数组中存储的数据，图片路径根据自己的修改即可var data = [{ "id":10001, "title":"蒙牛", "price":60, "imgUrl":"img/photo1.jpg" },{ "id":10002, "title":"婚纱照", "price":19999, "imgUrl":"img/ph...
2019-12-10 11:58:48
93
原创 jQuery选择器
ID选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery选择器之id选择器</title> <style> div { width:100px;...
2019-11-30 09:44:13
100
原创 ajax请求的五个步骤
//第一步，创建XMLHttpRequest对象var xmlHttp = new XMLHttpRequest();function CommentAll() { //第二步，注册回调函数 xmlHttp.onreadystatechange =callback1; //{ // if (xmlHttp.readyState == 4) // ...
2019-11-23 11:41:23
7515
1
原创 ES6
1.ES6介绍q.什么是ES6ES6是ECMA Script 6.0的简称, 就是语言最新的标准, 发布与15年左右目标让js语言成为能支持去编写大型复杂的应用语言, 成为企业级开发语言javascript和ECMA Script区别?javascript, Java特别火,导致名字一直是javascriptECMA组织制定js标准,不想用java, 叫ECMA Script 6.0...
2019-11-17 08:39:57
251
1
原创 正则表达式
1.正则表达式到底是什么东西？正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）是用于描述字符串规则的工具。换句话说，正则表达式就是记录文本规则的代码。正则表达式语言由两种基本字符类型组成：原义（正常）文本字符和元字符（metacharacter）。元字符使正则表达式具有处理能力。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符，可...
2019-11-09 11:35:40
168
原创 冒泡排序，选择排序
冒泡排序是一种比较简单的排序算法，它循环走过需要排序的元素，依次比较相邻的两个元素，如果顺序错误就交换，直至没有元素交换，完成排序。若对n个人进行排序，我们需要n-1次比较，所以第k次比较需要进行n-k次比较。排序算法通过以数据对象的两两比较作为关键，所以可以得出，冒泡排序需要进行的比较次数为：(n-1) + (n-2) + … + 1 = n*(n-1) / 2，因此冒泡排序的时间复杂度为O...
2019-11-02 09:35:01
230
原创 函数
函数定义：具有特定功能的一段代码段 (封装)1、函数声明function 函数名 () { 代码段 }2、表达式法 (函数名保存的是匿名函数在堆结构中的地址)var 函数名= function(){ 代码段 }在js中，变量和函数都有预解析机制console.log(a); var a = 10;=====》var a; conso...
2019-10-26 15:56:18
109
原创 js事件
鼠标：左键单击： onclick左键双击： ondblclick按下： onmousedown抬起： onmouseup进入： onmouseover离开： onmouseout移动： onmousemove 键盘：按下：onkeydown抬起：onkeyup点...
2019-09-25 17:32:26
119
原创 js4
1.分支语句有哪些，完整语句if( ){ }if( ){ }else{ }if( ){ }else if ( ){ }else{ }swith(value){case v1 :…break;……default:… }2.if( )中隐式类型 转换的规则数值：非0为true字符：非空为true对象：为true函数：为trueundefind...
2019-09-24 12:09:29
114
原创 js 3
程序结构1.顺序结构：自上而下，依次执行正常代码就是顺序结构，不需要特殊语句的支持2.分支（选择）结构：如果 ，否则需要分支语句实现分支结构代码：单分支：if(){}分支使用 if 语句名 （ ） 问题（条件） { } 分支体（执行语句）var a = 30;var b = 20;if(a > b){console.log(“hello”)}双分...
2019-09-21 11:27:57
107
原创 js2
1.js 的组成（中英文）DOM:文档对象模型BOM:浏览器对象模型ECMAScript: 语法规范2.运算有哪几种，分别是什么算数: + - * / %关系: < <= > >= == != ===逻辑：|| && !赋值: = += -= *= /+ %= ++ –3.js 数据类型有哪些(英文) 字符st...
2019-09-20 16:09:21
127
原创 javascript 1
1.字符串转数字方式：（1）Number(str) (2) parseint() (3)parsefloat()2.数字转字符串方式：（1）tostring() (2)+3.+号的两个含义，什么情况下是连字符，什么情况下是运算法则（1）连字符 把两个字符拼接到一起（2）运算法则（3）只要表达式中出现了字符就是连字符，没有字符就是运算法则4.js中的数据类型，它们的值是...
2019-09-16 11:56:32
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人