这几天写了一下易车网的一个纯html+css的网站进行了知识的巩固和练习，遇到了一些问题分享一下。1.背景图的使用美工给的icon图一般是放在一起的，因为以前自己都是一个小图标一个用的，这里的话就要用到背景图的使用，代码如下：background: url(//image.bitautoimg.com/2016/pc1200/shouye/sprites-5.png) -975px -1057px no-repeat;外层的容器给他一个宽高隐藏就可以将icon抠出来2.熟练使用伪类写的时候遇到很

1.关于背景色透明时候里面的文字不透明的写法<div>透明背景</div>div{background:rgba(0,0,0,0.5);}上面代码就是透明度为0.5的黑色背景，rgba可能调整透明度且不会让里面的文字变透明2.当遇到悬浮的时候最外层的边框要加一个不同颜色的边框的时候最好在原来的基础上加一个看不见的透明的边框，不然悬浮的时候会产生抖动的现象不好看。3.关于纯css3动画的一些用纯css3来写动画会有一点问题，我添加了几个按钮但是这些按钮离开的时候动画又从第一张开始进行了，而不是从当

1.首先聊一下原型，原型其实就是函数的prototype的属性，用来存放这个函数的一个公共用的东西，但是这个设置了之后是隐藏的不显示的，只有当你new了一个新对象的时候获取新对象的属性的时候才会展示，所以这个原型是和new一起绑定使用的，至于为什么要用原型，发展如下：为了能够大量的使用相同的对象，所以用了工厂函数来，但是工厂函数的话无法区别对象，返回的全是对象，为了解决这个问题于是使用构造函数，但是构造函数里面如果声明了函数，创建对象的时候就会一直重复构造函数，会对服务器造成压力，解决方法是可以

关于weui框架：weui是一款专门为微信服务的ui框架，类似于bootstrap框架直接引用类名即可。1.安装框架安装框架可以使用多种方法：方式一（推荐）微信官方，BootCDN和cdnjs为WeUI提供了CDN链接，推荐使用，链接如下：来源地址微信官方//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css微信官方//res.wx.qq.com/open/libs/weui/0.4.3/weui.min.cssBootCDN//cdn.bootcss

demo练习昨天系统的过了一遍weui框架，熟悉了他的写法和使用方法，所以今天就自己练习了一个小demo的练习，效果图如下：1.首先关于头部头部这里使用cell来写比较方便，因为是左右2个icon中间内容，不过这里遇到一个小问题，头部导航栏使用了navbar标签后宽度缩小了不在是百分之百，所以需要自己在下一层的cell手动添加宽度才可以，代码如下：<!--头部导航--> <div class="weui-navbar" style="background: #aaa;"> <div cla

关于这几天的weui自学的总结：1.首先自学的方式是很重要的，因为一开始学习框架的话里面的写法组件什么的都是不知道的，不去了解一遍过一遍的话在后面写demo练习的时候就会很懵逼，不知道这里用什么写好，可能会有很多的方法但是肯定有最好的最合适的能事半功倍，做起来就会方便很多了。关于过一遍：对照着文档进行系统的学习，如果文档里面有结构图，比如weui有一个，如截图：这样的话照着这个学习更方便，如果没有的话也不用担心，可以照着文档进行学习，学习的话，源码是十分需要去看的，看了源码能补进我们很多不知道的

weui自学完成以后想要在手机上面看到效果那么就需要部署项目才能更好的看到效果，所以就需要有一个载体，那么就推荐使用github或者阿里云来尝试，本人推荐github，这个好用而且操作简单方便，没有阿里云那么复杂。关于giuhub的使用https://www.cnblogs.com/fengxiongZz/p/6477456.html推荐大家看这篇文章，非常的详细，成功了就可以生成一个网址去体验了。关于阿里云的使用，https://blog.csdn.net/qq_30865575/articl

关于数据类型的一些判断：例如是objects能够全部统一判断的方法：①Object.prototype.toString.call(objects) === ‘[object Array]‘;获取this对象的[[Class]]属性的值.[Class]]是一个内部属性,所有的对象都拥有该属性. 表明该对象的类型 ②objects.instanceof 数据类型                 objects.constructor==数据类型上面2中方法只能判断基本的数据类型，首先instanc

Array.length返回或设置一个数组中的元素个数设置 length 属性的值来截断任何数组Array.from() :对伪数组或可迭代对象(包括arguments Array,Map,Set,String…)转换成数组对象语法 Array.from(arrayLike, mapFn, thisArg)arrayLike 想要转换成数组的伪数组对象或可迭代对象。mapFn (可选参数) 如果指定了该参数，新数组中的每个元素会执行该回调函数。thisArg (可选参数) 可选参数，执行回调函数

1.缓存基本概念：Cookie：指某些网站为了辨别用户身份而存储在用户本地终端上的数据。分类内存 Cookie由浏览器维护，保存在内存中，浏览器关闭就小时，存在时间短暂。硬盘 Cookie保存在硬盘中，除非用户手工清理或到了过期时间，一般不会删除。用途服务器可以设置或读取 Cookies 中包含的信息，借此维护用户跟服务器会话中的状态因为 HTTP 协议是无状态的，就是说服务器不知道用户上一次做了什么，为实现交互，就用 Cookie 来记录。比如，网上购物，用户选购了一个商品，服务器在向用户发送

关于生命周期的理解：1.首先是初始化生命周期和事件2.实例化一个对象，这个时候可以传入的data的数据，watch，事件等可操作，同时可以操作ajax进行接口调用，然后在渲染之前展示节点等3.找到渲染的节点，但是没有挂载4.渲染节点，传入数据，可进行js   dom操作5.更新数据前可进行dom操作，执行事件6.数据更新7.摧毁前执行事件8.摧毁所有的事件，实例钩子函数贯穿生命周期，阐述了钩子函数就是生命周期

1.模块语法    <div id="app"> <!-- mustache标签 --> <!-- v-text v-html --> <p>{{message}}</p> <p v-text="message"></p> <p v-html="message"></p> <p>hello {{message}}</p> <!-- v-bind

seo优化1、提高页面加载速度。 能用css解决的不用背景图片，背景图片也尽量压缩大小，可以几个icons放在一个图片上，采用css精灵(css sprite)，使用background-position找到需要的图片位置。减少HTTP请求数，提高网页加载速度。 2、 结构、表现和行为的分离。另外一个重要的拖慢网页加载速度的原因就是将css和JS都堆积在HTML页面上，每次看到有人直接在页面上编写CSS和JS我都很痛心疾首。通过外链的方式能大大加快网页加载速度的，css文件可以放在head里，J

vue基础知识1.模板的基础用法    <div id="app"> <!-- mustache标签 --> <!-- v-text v-html --> <p>{{message}}</p> <p v-text="message"></p> <p v-html="message"></p> <p>hello {{message}}</p> <!

购物车的项目其实主要就是写红框里面的内容，也就是购买，删除和总金额的计算以及对input框值的事件监听效果。首先静态处理：看出来都是一样的循序处理，所以直接使用vue使用的v-for循环进行写即可。动态绑定即js的写法：因为我是写完了以后自己又重新写的，所以我就自己写的内容分开来说，主要讲比较简单易懂的但是代码量多的这种方法（第三种）第一种方法：使用深度监听            watch:{                

总结一下购物车项目遇到的问题和解决的方法以及一些未解决的方法和一些优化1.优化①商品列表处的排序无规律的自动排序原理：随机互换数组里面的顺序                dl(){                     var len=this.gm.length;      

JavaScript的几种循环方式 javascript css htmlJavaScript提供了许多通过LOOPS迭代的方法。本教程解释了现代JAVASCRIPT中各种各样的循环可能性目录：forforEachdo...whilewhilefor...infor...offor...in vs for...of介绍JavaScript提供了许多迭代循环的方法。本教程通过一个小例子和主要属性解释每一个。forconst list = ['a', 'b', 'c'] for (let i = 0

关于NaNNaN 是什么NaN 即 Not a Number(非数值)，但它是一个特殊的数值，所以：typeof(NaN) // "number"编码时很少直接使用 NaN，通常是在计算失败时，作为 Math 的某个方法的返回值出现的。它有两个重要的性质：NaN与任何值都不相等，包括NaN自身：alert(NaN == NaN) // false alert(NaN === NaN) // false任何涉及 NaN的操作都会返回NaN。哪些情况会产生NaN?1. 计算JS 在进行加减乘除运

脚手架的安装1.首先要安装一个node.js2.安装淘宝镜像3.开始安装脚手架，运行nodejs窗口命令安装脚手架：cnpm install -g vue-cli创建文件夹：vue init webpack 自定义文件名（优先进入自己的目录下）进入文件夹：cd 自定义文件名然后执行命令，语法什么的不要勾选：npm install 安装完毕，还有几个语句需要了解cnpm run build  打包上线cnpm run dev    线上使用install i  补充

VUE组件一.组件基础1.概念组件类似于Vue实例，但是没有el挂载，而且data里面必须是函数（为了保证组件的复用不相互影响）2.组件的定义和注册使用定义：组件中定义模板（注意：模板中必须要包含一个根节点，最外层需要包住）    var component1=({ data(){ return { count:0, } }, template:`<button @cl

首先，如果要动画跳转的话我们就可以使用vue里面的属性transition属性，这个属性vue里面介绍的很具体，大家就需要自己去看了，链接：https://cn.vuejs.org/v2/guide/transitions.html要跳转的话就需要在视图那里进行跳转，在app.vue里面    <transition :name="transitionName"> <router-view/> </transition>然后需要给这个绑定的name进行监听，因为要实时监听

1.关于开发工具和账号等首先是要安装开发工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18082414申请账号：https://mp.weixin.qq.com/wxopen/waregister?action=step1获取自己的appid后可以近行开发了2.小程序的学习①组件的使用小程序组件的使用跟以前自学其他框架是一样的，对照着官方文档自己去熟悉一下比较常用的组件的使用方法，一些不常

关于git工具安装1.前往https://git-scm.com/下载自己电脑版本的git，进行默认安装，查看自己电脑的环境变量2.进入工具vs code，在文件-->首选项-->设置配置路径3.代码修改完以后：git add *   //确认所有的修改git commit -m"需要提交的信息"  //添加提交的备注git pull   //拉取项目  git pull --rebase//拉取变基git push   //提交到