06 2018 档案
摘要：1. Cookie会话跟踪技术介绍 会话跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,可以在客户端保存临时数据. Cookie 技术诞生以来，它就成了广大网络用户和 Web 开发人员争论的一个焦点
阅读全文
摘要：1. 什么是会话 会话是指一个终端用户（服务器）与交互系统（客户端）进行通讯的过程。 2. 什么是会话跟踪 对同一个用户对服务器的连续的请求和接受响应的监视。（将用户与同一用户发出的不同请求之间关联，为了数据共享） 3. 为什么需要会话跟踪 浏览器与服务器之间的通信是通过HTTP协议进行通信的，而H
阅读全文
摘要：今天在百度前端任务中遇到了一个以前没怎么注意的知识点，所以就准备记下来
阅读全文
摘要：1、歌单详情页是推荐页面的二级路由页面 将推荐页面歌单的数据传到歌曲详情页面 利用vuex 1、首先在state下定义一个歌单对象 disc{} 2、在mutaions-types中 定义一个别名 3、在mutations里面创建更改函数 4、在getters里面将该状态与组件映射 4、在recom
阅读全文
摘要：1、频繁切换歌曲时，歌词会跳来跳去 原因： // 歌词跳跃是因为内部有一个currentLyric对像内部有一些功能来完成歌词的跳跃 //每个currentLyric能实现歌曲的播放跳到相应的位置 是因为它内部有个计时器 //每次currentSong改变的时候都会重新new一个新的lyric-pa
阅读全文
摘要：有这样一个热门问题： var a = {n: 1}; var b = a; a.x = a = {n: 2}; alert(a.x); // --> undefined alert(b.x); // --> {n: 2} 其实这个问题很好理解，关键要弄清下面两个知识点： JS引擎对赋值表达式的处理过
阅读全文
posted @ 2018-06-22 16:15
mino1996
摘要：$email_input.onkeyup=function(event){ // console.log('event handle');//按方向键以及backspce esc有反应 长按字母键也没有反应 // } // $email_input.oninput=function(){ // ...
阅读全文
摘要：在Java中下面Class的声明哪些是错误的？（A,B,C） A：public abstract final class Test { abstract void method();}B：public abstract class Test { abstract final void method(
阅读全文
摘要：以下C语言指令：int a[5] = {1, 3, 5, 7, 9}; int *p = (int *)(&a + 1); printf("%d, %d", *(a + 1), *(p - 1));运行结果是什么？ 对&a地址+1是以整个数组长度为偏移那么长，也就是到了9的下一个地址，再强转回int
阅读全文
摘要：请阅读以下代码：var obj = {};obj.log = console.log;obj.log.call(console, this)该代码在浏览器中执行，输出的日志结果是什么？ 这道题就是问console.log.call(console,this)打印出什么，这道题很容易引导人走向误区，因
阅读全文
摘要：一个包含n个结点的四叉树，每一个节点都有4个指向孩子节点的指针，这4n个指针有（3*n+1）个空指针. 4*n-(n-1) = 3*n+1 因为每个树都有一个头结点。头结点下面是4个子结点，然后每个子结点又有4个子节点。例如一个2层的四叉树，就会有5个结点，但头结点并不能计算进去。他的4个子节点下面
阅读全文
摘要：一：JavaScript原生的方法 1:拿到select对象： var myselect=document.getElementById(“test”); 2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的
阅读全文
摘要：如何使用 Date() 方法获得当日的日期。 getTime() 返回从 1970 年 1 月 1 日至今的毫秒数 setFullYear() 设置具体的日期 toUTCString() 将当日的日期（根据 UTC）转换为字符串。 getDay() 和数组来显示星期，而不仅仅是数字。 在网页上显示一
阅读全文
摘要：//求平均数 var pjs=[ ['小明',87], ['小红',81], ['小花',97], ['小天',76], ['小张',74], ['小小',94], ['小西',90], ['小武',76], ['小迪',64], ...
阅读全文
摘要：如果指明了 compareFunction ，那么数组会按照调用该函数的返回值排序。即 a 和 b 是两个将要被比较的元素： 如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前； 如果 compareFunction(a, b) 等于 0 ， a 和 b 的
阅读全文
摘要：当我们将音乐列表往上滑的时候 我们上面的歌手图片部分也会变小 当我们将音乐列表向下拉的时候 我们的图片会放大 当我们将音乐列表向上滑的时候 我们的图片有一个高斯模糊的效果 并且随着我们的列表向上滑动的越多 图片越模糊 封装prefix 避免写太多的兼容性 由于歌曲列表 排行榜列表 歌单列表样式差不多
阅读全文
摘要：JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 此外，JavaScript 允许自定义对象。 JavaScript 对象 JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 在 ECMAScri
阅读全文
摘要：function removeRepetition(str) { var result = "", unStr; for(var i=0,len=str.length;i<len;i++){ //因为unStr始终是当前的str.charAt(i)的前一...
阅读全文
摘要：我们现在每首歌曲的数据都是这样的 我们需要在这个数据里面去提取我们需要的部分，来构造成我们需要的数据对象 那我们要和创建singer.js一样 同样也要创建song.js类 我们还要获取到每首歌对应的vkey 这样才能获取到播放源 封装一个工厂函数 为了创建不同的对象 singer要特殊处理 要将数
阅读全文
摘要：一、存储方式不一样 基本数据类型 变量存储的是简单的数据段，存储的是具体的值，是轻量级的数据存储方式 引用类型 引用类型的值，可以由多个值构成的对象，引用类型的变量存储的是对象引用地址。引用类型是重量的数据存储方式，分配在堆内存，频繁创建对象有损性能。 引用类型(N多) Object、Array、D
阅读全文
摘要：第一步：在api文件夹下的singer.js中抛出getSingerDetail方法 第二步：在singer-detail.vue组件中引入api文件夹下的singer.js和config.js 第三步：在singer-detail.vue的方法中调用getSingerDetail方法 这个方法返回
阅读全文
摘要：一、事件流（捕获，冒泡） 事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。 当页面中发生某种事件（比如鼠标点击，鼠标滑过等）时，毫无疑问子元素和父元素都会接收到该事件，可具体顺序是怎样的呢？冒泡和捕获则描述了两种不同的顺序。 DOM2级事件规定事件流包括三个阶段，如图： 假如我们点击一个div,
阅读全文
摘要：在前面的style属性学习中,知道了通过style属性可以控制元素的样式,从而实现了行为层通过DOM的style属性去干预变现层显示的目地,但是这种就是不好的,而且为了实现通过DOM脚本设置的样式，你就不得不花时间去研究JavaScript函数,去寻找对应修改和设置样式的有关语句。而且每添加或修改j
阅读全文
摘要：cssText 本质是什么？ cssText 的本质就是设置 HTML 元素的 style 属性值。 cssText 怎么用？ document.getElementById("d1").style.cssText = "color:red; font-size:13px;"; cssText 返回
阅读全文
摘要：在很多情况下，都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式，下面将介绍方法的使用、效果、以及缺陷。 1、使用obj.className来修改样式表的类名。 2、使用obj.style.cssTest来修改嵌入式的css。 3、使用obj.classNam
阅读全文
摘要：state:所有组件的所有状态和数据 放入同一个内存空间去管理 我们把它称为state Vue Components：state里面的数据可以方便的映射到组件上 然后渲染组件 Actions：当组件的数据发生变化的时候 它可以通过Dispatch一个Actions 然后Actions可以做一些异步操
阅读全文
摘要：问题一：当我们点击右侧快速入口的时候 被点击的地方高亮 首先我们要知道右侧快速入口是为什么高亮？？因为当watch()监控到scrollY的变化了的时候 将scrollY的值和listHeight相比较 判断scrollY在哪个group区间 从而判断高亮的currentIndex 所以要想高亮 就
阅读全文
摘要：快速入口的列表是其实是之前处理的歌手的数据中的关于title的列表 shorcutList属性是计算属性 通过ret数组中的title计算到的 所以我们要在singer.vue组件中将数据传入到list-view组件 list-vue 组件在props中接受 shortcut快速入口列表 所用到的属
阅读全文
摘要：滚动列表是一个基础组件 他是基于scroll组件实现的 在base文件夹下面创建一个list-view文件夹 里面有list-view.vue组件 在singer.vue中
阅读全文
摘要：之前得到的歌手数据是用forEach遍历添加的 没有顺序性 我们希望得到的数据是title:"热门"的数据在最上面 title为字母的数据按字母从低到高顺序排列
阅读全文
摘要：第一步：在api文件夹下创建一个singer.js文件 返回一个getSingerList()方法 使他能够在singer.vue中调用 第二步：在singer.vue中引入getSingerList方法 并且在created()中调用此方法 加载数据 第三步：由于简单的获取数据已经不符合我们的需求
阅读全文
摘要：了解better-scroll什么时候是需要refresh计算的？？通常我们遇到的better-scroll不能滚动的问题的根源是什么？？better-scroll的渲染原理是：根据初始化的时机 或者调用refresh()的时机的那个时候的scroll的父元素的高度和子元素的高度之差去做一个计算 计
阅读全文
摘要：在main.js中引入vue-lazyload插件 并使用 注册插件： import VueLazyLoad from 'vue-lazyload' Vue.use(VueLazyLoad,{ loading:require('common/image/default.png') }) lazylo
阅读全文
摘要：什么是生命周期 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。 再上图，对生命周期图的标注 每个钩子函数都在啥时间触发 beforeCreate created
阅读全文
摘要：z这里如果我们和之前获取轮播图的数据一样来获取表单的数据 发现根本获取不到 原因是qq音乐在请求头里面加了authority和refer等 但是如果我们通过jsonp实现跨域来请求数据的话 是根本不能够修改请求头的 所以我们就考虑用axios 但是axios又不能进行跨域 那么我们要怎么拿到qq音乐
阅读全文
摘要：安装 使用 npm: 或者 使用 bower: 或者直接使用 cdn: main.js设置如下 引入axios 挂载到vue的原型 在webpack.config.js（config—>index.js）文件里设置代理 注意 新版文件会有修改 执行 GET 请求 执行 POST 请求 执行多个并发请
阅读全文
摘要：slider.vue组件的模板部分
阅读全文
摘要：轮播图组件 推荐页面组件 轮播图组件
阅读全文
摘要：用jsonp来获取数据 通过封装方法来获取 在src文件夹下的api文件夹里面去封装一些获取相关部分组件的数据的方法 在api文件夹下的recommend.js中 配置一下公共参数 请求的真实的url实际上是由公共参数和每个页面对应的参数拼接起来的 在recommend.vue组件中获取参数 并且渲
阅读全文
摘要：在npm上下载jsonp的包 这个包的用法 传入的参数是地址加上地址参数的混合 但是想封装一个将地址和地址参数分别传入的jsonp方法 所以来封装一个
阅读全文
摘要：路由配置 在router文件夹下的index.js中配置路由 配置完路由之后再main.js中引入 引入路由之后在App.vue中通过<router-view></router-view>将路由对应的页面渲染到App.vue组件上 切换路由 通过路径哈希值的变化 触发change事件 渲染不同的路由
阅读全文
摘要：<!--3的小游戏，练习使用循环和条件语句，实现如下需求： 从1到100，以此在console输出各数字，但是，当数字为3的倍数或者含有3的时候，输出“PA” 比如：1,2,PA,4,5,PA,……,11,PA,PA,14,PA……-->
阅读全文
摘要：<!--小练习，练习使用循环实现一个九九乘法表 第一步，最低要求：在Console中按行输出 n * m = t 然后，尝试在网页中，使用table来实现一个九九乘法表 -->
阅读全文
摘要：首先下载三个包 babel-runtime对es语法进行转义 fastclick解决移动端点击300毫秒延迟的问题 babel-polyfill对es6 api进行转义 下载了包之后要在main.js中引入 注意babel-polyfill要引在最前面 在main.js中引入stylus文件夹下的i
阅读全文
摘要：我们所有的开发都是基于修改src下面的目录 里面的文件去做开发即可 stylus的使用是需要下载stylus-loader的包的 渲染效果 配置修改eslintrc.js 配置了webpack.base.conf.js文件下的别名就可以通过绝对路径来引入 注意配置别名！！
阅读全文
摘要：先看一下效果图 首页 歌单详情页 歌手列表 歌手详情页 排行页面 榜单的详情页（排序样式） 搜索页面 搜索结果 播放器内核 歌词自动滚动 播放列表 用户中心
阅读全文
摘要：这个小demo具有添加商品进购物车 、增加购物车内商品的数量、减少购物车内商品的数量、计算一类商品的总价、以及计算所有商品的总价 首先看目录结构 因为我们的Tab.vue Car.vue 以及Carinfo.vue中的数据有关联 所以用到了vuex 在store文件夹下的index.js中``` 在
阅读全文
摘要：阅读目录 1、输入地址 2、浏览器查找域名的 IP 地址 3、浏览器向 web 服务器发送一个 HTTP 请求 4、服务器的永久重定向响应 5、浏览器跟踪重定向地址 6、服务器处理请求 7、服务器返回一个 HTTP 响应 8、浏览器显示 HTML 9、浏览器发送请求获取嵌入在 HTML 中的资源（如
阅读全文
摘要：效果图 展示目录结构 product组件（纯静态代码） cart组件（纯静态代码） info组件（纯静态代码） 完成以上的三个组件，现在要开始调用这些组件，在App.vue中调用 如果你的姿势正确的话，会出现这个画面 解释这里为什么要分开组件的编写，vuex是就是存储的数据的中心的，每个组件都是拿到
阅读全文
摘要：一、引入jquery包 npm i jquery 二、配置jquery 在webpack.base.conf.js中加载juery插件 所以要配置该文件 三、引入Bootstrap npm i bootstrap 四、配置Bootstrap 五、在main.js中引入
阅读全文
摘要：git安装 首先，我们要去git的官网下载一个git安装包，双击到无关紧要的步骤我就不详细描述了，直接介绍我们关键的步骤。 选择git包含的内容和打开方式 选择都很清晰,具体情况我不是很清楚，不过选择中间集成资源管理器的好处是左面右键菜单添加了bash和gui，如下图 选择你使用git的方式 bas
阅读全文
摘要：之前在写滚轮事件时曾经有想过如何让滚轮滑动一次只执行一次事件，而查资料时问题却没有好好表述，把这个问题搁置了一段时间。 前几天遇到了一个题目，就是窗口多次调整后只允许触发一次事件，且延迟一段时间执行，当时只想到了setTimeout。 回来之后查阅网上的资料，终于解谜惑。 只需要在事件开头加上cle
阅读全文
摘要：JavaScript中创建数组有两种方式 （一）使用 Array 构造函数： （二）使用数组字面量表示法： 数组的方法有数组原型方法，也有从object对象继承来的方法，这里我们只介绍数组的原型方法，数组原型方法主要有以下这些： join()push()和pop()shift() 和 unshift
阅读全文
摘要：前面的话 通过过渡transition，可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单，但实际上它有很多需要注意的细节和容易混淆的地方。本文将介绍和梳理关于CSS过渡的知识 定义 过渡transition是一个复合属性，包括transition-pr
阅读全文
摘要：CSS3实现翻转(Flip)效果 CSS3实现翻转(Flip)效果 动画效果 效果分析 当鼠标滑过包含块时，元素整体翻转180度，以实现“正”“反”面的切换。 HTML分析 分析：.container，.flip为了实现动画效果做准备。.front,.back各包裹一张图片。实现该效果的HTML如下
阅读全文
摘要：css3中的变形 transform详解 一、变形-旋转 ratate()函数 通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这 个值为负值，元素相对原点中心逆时针旋转。 transform
阅读全文
摘要：切图方法分类 PhotoShop从CS版本演变到现在的CC版本，切图功能发生了比较大的变化，我们可以把PhotoShop CS版本时的切图功能称为传统切图，而从PhotoShop CC版本开始PS提出了精准切图。所谓传统切图就是切图人员基本上都是自己分割图层切图，传统切图又分为全手工切图和参考线切图
阅读全文
摘要：说到布局除了浮动以及定位外还有一个不得不提的点，那就是居中，居中问题我们在网页布局当中经常遇到，那么以下就是分为两部分来讲，一部分是传统的居中，另一种则是flex居中，每个部分又通过分为水平垂直居中来讲。 1.传统居中方式 1.1水平居中 1.1.1 inline text-align: cente
阅读全文
浙公网安备 33010602011771号