衣衣1-CSDN博客

原创 HTTP 报文

HTTP报文是HTTP应用程序之间发送的数据块，这些数据块以一些文本形式的元信息开头，这些信息描述了报文的内容及含义，后面跟着可选的数据部分。这些报文在客户端、服务器和代理之间流动。报文是如何流动的。报文是从上游流向下游的、请求报文是从客户端流向服务器的，此时，客户端是上游，服务器是下游。响应报文则相反，是从服务器流向客户端的，客户端是下游，服务器是上游。在途中流经的代理也如...

2019-03-13 14:54:49 251

原创小程序如何使点击的item添加删除class（多排item时）

单排效果图如上。wxml：<view class='chooseTitle'> <view class='choose' wx:for="{{timeArray}}" wx:key="item.id"> <view class="itemName {{num==index?'cur':''}}" bindtap='switchTab'...

2019-03-05 16:02:34 622

原创 wx:for如何传输点击处item的信息（data-index）

小程序用js的数组和wx：for渲染十分方便：wxml:<view class='chooseTitle'> <view class='choose' wx:for="{{timeArray}}" wx:key="item.id"> <view class="itemName" bindtap='switchTab''>{{item..

2019-03-05 15:46:52 3658

原创创建云开发小程序初始化失败的问题

如上问题时该如何解决：首先注意左上角有无拿到用户信息。没有拿到点击头像。若是拿到了继续下面步骤：选择云开发，创建一个环境自定义名称。右键点击选择cloudfunction选择自己新建的环境。若是还有出错修改login->index.js文件 return { openid: event.userInfo.openId, event:even...

2019-01-18 11:41:40 1418

原创微信小程序如何使用蓝牙控制

小程序中蓝牙的步骤如上：初始化蓝牙wx.openBluetoothAdapter(OBJECT)↓开始搜索蓝牙 wx.startBluetoothDevicesDiscovery(OBJECT)↓所有已发现的蓝牙设备wx.getBluetoothDevices(OBJECT)↓监听寻找到新设备的事件wx.onBluetoothDeviceFound(CALLBACK...

2019-01-18 11:33:45 6554

原创 vue如何导出excel文件

1、安装依赖包npm install -S file-saver xlsxnpm install -D script-load2、加入文件建目录vendor，加入文件Blob.js和Export2Excel.js（网上寻找）3、添加配置alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('sr...

2019-01-04 17:40:50 853

原创 vue生命周期——路由跳转

生命周期图示：虽然这张图已经很熟悉了，但是经常没有很好的运用。最经常使用的是 created()、mounted()、methods()这三个，但是别的也很有用。例如这次我在一个页面放了一个计时器，但是页面跳转到别的页面的时候，计时器还在继续没有销毁。这时候就可以使用beforeDestroy（）如下： beforeDestroy () { console...

2019-01-02 10:46:02 2612

原创 vue的api引用

如果需要引用很多api接口，可以将这些全部放进一个文件里面，那么该如何引用这个文件夹呢。文件目录如下：api全放进了api文件夹里面之前用的师姐给的工程，按照这个工程写了一个相似的工程，在引用api的时候却发生了错误之前找了main.js，index.html相关页面，怎么也找不到错误，最后师姐跟我说：应该在webpack.base.conf.js这个文件中添加一行：...

2018-12-21 17:01:41 1840

原创如何将默认的中国标准时间转为别的格式

现在使用的是element的时间选择器，选择时间后，在这个选择框中会自动按照我们的阅读习惯进行格式安排但是如果选取这个value放到别处进行显示，将会显示undefined。所以可以将这个时间进行转换。changeTime: function (date) { var Atime = new Date(date) var Btime = Atime.getFu...

2018-12-17 15:39:43 740

原创 vue如何使用echarts

一、获取 ECharts通过 npm 获取 echarts，npm install echarts --save使用这个语句的时候出现了错误，后来发现是应当改为cnpm install echarts --save二、引入 ECharts若是整个项目都需要使用，则直接在在main.js中，引入echartimport echarts from 'echarts' // 引...

2018-12-07 14:35:17 864

原创 js基础学习（四）

1.js变量不能跨函数，但可以跨块（一个花括号{}算是一块）ps:if语句和for语句属于块作用域，不属于函数作用域。(function A() { var b = 2; console.log(b); // 2 })(); // console.log(b); // 报错， // 可见，通过var定义的变量不能跨函数作用域访...

2018-12-04 10:04:07 105

原创浏览器内核以及渲染过程

浏览器内核浏览器渲染引擎是由各大浏览器厂商依照 W3C 标准自行研发的，也被称之为「浏览器内核」。目前，市面上使用的主流浏览器内核有5类：Trident、Gecko、Presto、Webkit、Blink。Trident：俗称 IE 内核，也被叫做 MSHTML 引擎，目前在使用的浏览器有 IE11 -，以及各种国产多核浏览器中的IE兼容模块。另外微软的 Edge 浏览器不再使用 MS...

2018-11-23 15:29:10 314

原创 cookie&session和token的联系和区别

一、区别cookieCookie是客户端保存用户信息的一种机制，用来记录用户的一些信息，也是实现Session的一种方式。cookie是实际存在的http协议中定义在header中的字段。一般来说，登录网站保存的账号密码，保存的都是cookie。SessionSession是在服务端保存的一个数据结构，用来跟踪用户的状态，这个数据可以保存在集群、数据库、文件中。sessio...

2018-11-21 11:37:04 288

原创页面加载的两个方法（路由懒加载/用js控制添加script）

路由懒加载当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的 code splitting feature, 轻松实现路由组件的懒加载。我们要做的就是把路由对应的组件定义成异步组件：const Foo = ...

2018-11-15 11:05:44 1735

原创 vue文件夹结构解析

package.json什么是Node.js的模块（Module）？在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为package.json。通常情况下package.json内容出错，会导致项目出现bug，甚至阻止项目的运行.它定义了这个项目所需...

2018-11-13 17:18:24 359

原创 JS异步编程与回调函数

回调函数function add(num1, num2, callback){ var sum = num1 + num2; if (typeof callback === 'function') { //确认这是一个函数 callback(sum); }}function print(num){ console.log(num)...

2018-11-09 17:26:30 659

原创 JS基础学习笔记（三）

1、全局变量var color = "blue"; function changeColor(){ var anotherColor = "red"; function swapColors(){ var tempColor = anotherColor; anotherColor = color; color = temp...

2018-11-09 11:12:04 146

原创前端网站制作时需要注意的注意事项

最近在做公司的网站，虽然是之前就有一个网站，但是由于这次整体更新改动比较大，所以几乎每个页面都重新改动。在这次公司网站中，我遇到了这些需要注意的点：1、需要注意不同浏览器的兼容性。有些css只是针对某些浏览器，对另一些浏览器并不起作用，，所以为了客户在不同的浏览器观感舒适，应该多几个浏览器浏览你的网页。客户用的比较多的浏览器有chrome、Firefox、Safari、IE7、IE...

2018-11-02 16:00:52 826

原创图片过大时前端如何优化加载

一、采用不减分辨率的压缩方式进行压缩用PS打开图片，点击点击“文件”——“存储为Web所用格式”将图片存储为Web所用格式，点击“存储”。或者寻找第三方压缩方式https://tinypng.com/二、将图片改为jpeg渐进式图片上图是标准型jpg格式的加载方式上图是渐进式jpeg格式的加载方式。如果你希望将草图先呈现出来然后慢慢进一步清晰，可以采用这种形式...

2018-10-31 10:40:24 8364 1

原创引用百度地图api二次加载地图错位

所做的网页需要有百度地图的功能。于是引用了百度地图，但是在初始化地图的时候遇到了一个问题。初始化的地图中心点不正确。所标记的定位如果是第一次加载的话，定位是正确的。但如果没有清缓存就进行第二次加载的话，这个定位一开始虽然是在地图的最中间，但是由于初始定位不正确，一开始标记的定位也不正确，但是当你拖动地图，或者将地图放大缩小时，你才发现标记的定位又会回到所需要的正确定位。初始化地图的...

2018-10-26 18:05:01 985

原创 js 各种函数的写法的使用方式

js有很多不同的写法，例如funame：function （）{}、或者var funame = function ( ){}、或者funame(){}等等。但是每个写法所能用的地方不一样。乱用会导致报错等问题。接下来来列一下这些写法该怎么使用。一、function fn1 (){ 正常写法} 正常写法。二、var myfu...

2018-10-25 11:41:36 772

原创 css布局

1、父元素内的子元素水平居中。①子元素设置为块级表格display：block；，同时用margin：0 auto;居中缺点：不兼容ie6、ie7（将div转换为block）②将子元素设为行内块元素display：inline-block;，父元素用text-align:center；将子元素居中。缺点：子元素内部的元素也将自动居中。③将父元素定位设为position:rela...

2018-10-19 14:31:13 85

原创前段阶段性总结

以vue入门。现在的我对于HTML+CSS+JS三件套了解的也只是皮毛。有些事情只知道怎么做，却不知道为什么这么做，甚至不知道该如何根据需求更改内容。以轮播图作为例子，轮播图的插件很多，bootstraps、element、vux等UI库里面都包括了轮播图。但是若是对轮播图进行修改，例如下方的指示为圆点还是扁平长方形，鼠标悬浮是否暂停轮播，左右箭头在悬浮上方时，透明度变化。这些细节往往不会...

2018-10-17 10:31:39 125

原创如何长图转化为gif

一个150x18000px的长图如下原理：将它一帧一帧向上调，上调的速度过快，可以使观者误以为是一个动图（就像以前一帧一帧的动画片。）所遇到的问题如下：无限循环：在过程中，发现如果不加flag识别有无正在循环，在一次循环未完成鼠标又一次悬浮之上的情况下，将会产生无限循环的效果。因此可以加一个flag，若是循环未完成，则跳过。移开鼠标后动画在执行完再停止：使用stop（)...

2018-10-09 18:03:29 2853

原创利用jQuery做的轮播图

<!DOCTYPE html><html> <head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body>

2018-09-30 17:48:44 226

原创 HTML+CSS+JS基础

前端的核心技术为HTML、CSS、JavaScript。这三个是前端最基础也是很容易入门的语言。HTML是网页的骨架，CSS是网页的妆容，JS是网页的灵魂，三者相辅相成才能成功地弄出一个简单的网页。这也是学习后续复杂的前端的基础。HTML是一个用来描述网页的一种语言，他通过标记标签来描述网页（比如<html><b><p><li>等）每个标签都对应...

2018-09-30 09:15:23 2550

原创如何设置竖直方向的导航栏

引：a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {color: #0000FF} /* 被选择的链接 */ 在普通时候，display:none;在鼠标悬停时，displa...

2018-09-21 17:11:55 1309

原创 JS基础学习笔记（二）

1.全局变量不能通过 delete 操作符删除，而直接在 window 对象上的定义的属性可以。如下：var age = 29; window.color = "red"; //在 IE < 9 时抛出错误，在其他所有浏览器中都返回 false delete window.age; //在 IE < 9 时抛出错误，在其他所有浏览器中都返回 true delete ...

2018-09-21 16:00:19 90

原创 JS基础学习笔记（一）

1、标识符，就是指变量、函数、属性的名字，或者函数的参数。标识符可以是按照下列格式规则组合起来的一或多个字符：a.第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；b.其他字符可以是字母、下划线、美元符号或数字。不能把关键字、保留字、true、false 和 null 用作标识符。（ECMAScript 标识符采用驼峰大小写格式）2.ECMAScript 的变量是松散类型...

2018-09-15 17:40:57 101

原创在HTML中使用JavaScript（如何解决延迟）

按照传统的做法，所有<script>元素都应该放在页面的<head>元素中，例如：<!DOCTYPE html> <html> <head> <title>Example HTML Page</title> <script type="text/javascript"

2018-09-15 16:51:15 1414

原创 vue学习笔记（生命周期钩子函数顺序）

在页面首次加载执行顺序有如下：beforeCreate //在实例初始化之后、创建之前执行created //实例创建后执行beforeMounted //在挂载开始之前调用filters //挂载前加载过滤器computed //计算...

2018-09-09 00:45:54 139

原创程序未达到想要的功能时该如何检测哪里出了错

但不知道哪里出了问题，显示不了想要的功能时，该如何寻找到哪一步出了错？1.通过打印相关内容在控制台上console.log(内容）alert（内容） // 弹窗主要是在手机端调试时使用通过以上两句来显示是否赋值成功，赋值正确。或者有无执行到这一步。2.通过一步步步骤跳转以微信开发者工具为例通过点击红框，然后在进行点击（刷新等操作）控制台将会一步一步进行操作...

2018-09-09 00:35:26 141

原创 VUE学习笔记（五）（v-on的使用）

一、v-on与v-bind的区别v-bind指令用于设置HTML属性：v-bind:href 缩写为 :href<a :href="{{url}}">aa</a>v-on 指令用于绑定HTML事件：v-on:click 缩写为 @click<a @click="get()">aa</a>最好不要用@，因为asp.net mvc...

2018-09-02 01:24:46 1975

原创移动端APP跳转时变动head内容的方式

如果想要做的移动端APP跳转不同的页面，每个页面呈现的标题不一样怎么办(使用VUX作为样式库）一、直接引进写在相应页面每个页面引进一遍Xhead，按照不同页面所需要的标题写出相应的内容。该方式简洁明了易懂，但是代码量会猛然增加。二、使用父组件、子组件、Vuex的方式做一个父页面，父页面里只有标题，其余内容在子页面填充。为了使在子页面跳转的时候标题也随之改变，就应该运用vue...

2018-09-02 01:15:24 571 1

原创如何用JS判断数据类型

前情：由于===和！==这两种判断方式非常严格，不仅要求数值内容一致，还要求数据类型也是一致。一直不知为何判断结果与想要的不一样，后来发现是数据类型不同。一个是string类型的数字，一个是number类型的数字。之后遇到相似的失误时应采用以下方式检验。检验方式：一、typeof（监测基本类型）要检测一个变量是不是基本数据类型，typeof是最佳的工具。也就是说，typ...

2018-08-25 14:08:40 139

原创如何引用百度地图API

第一步：申请百度地图密钥点击该链接：http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey第二步：引入百度地图包<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script&g...

2018-08-25 13:56:48 1882

原创如何修改vux的css样式

以panel为例在div定义class<div class="chargeRecordPage"> <group title="充电记录"> <panel :list="list" :type="type"></panel> </group> &am

2018-08-16 17:20:32 6678

原创 vue用api获取直接赋值的数组为什么没有渲染在前端

通过vux绑定的panel组件渲染前端<panel :list="list" :type="type"></panel>export default { data () { return { type: '5', list: [] } },}submit () ...

2018-08-16 16:14:41 2525

原创 VUE学习笔记（四）

一、为什么vuex中不能直接调用mutation方法：参考：https://segmentfault.com/q/1010000008640002官方文档说明：我们通过提交 mutation 的方式，而非直接改变 store.state.count，是因为我们想要更明确地追踪到状态的变化。这个简单的约定能够让你的意图更加明显，这样你在阅读代码的时候能更容易地解读应用内部的状态改变。此外...

2018-08-08 17:53:19 141

原创微信jssdk的使用（通过接口读取GPS经纬度，通过接口上传图片）

一、绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注：登录后可在“开发者中心”查看对应的接口权限。二、引入JS文件三、通过config接口注入权限验证配置（由于有些属性需要异步，所以可以使用action通过api来获得各个值，固定不变的可以放在state中，再将这些值在mutation中赋值给config）官方config需要的配置...

2018-08-08 17:46:54 1666

空空如也

空空如也