- 博客(22)
- 收藏
- 关注
RSS订阅转载 移动端适配 iPhoneX
项目场景：最近在做一款H5移动端项目，项目中遇到一些问题特此记录一下！问题描述：1、iphone局部滚动问题 iphone局部滚动会出现局部滚动特别卡顿，滚动不流畅等问题2、fixed问题3、@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget(); } 原因分析：...
2020-10-09 14:46:20
264
原创 关于学习TS中的一些笔记
前段时间学习了ts，做了一些笔记，想着还是发到博客上来，后续可以反过来复习！console.log('你好呀！TS')function getData() {} let str: string = '你好TS'console.log(str)let arr:number[] = [1,2,3];console.log(arr);let arr2:Array<string> = ['1', '2', '3'];console.log(arr2)// 元组类型 给数组中某个元
2020-05-18 13:54:08
866
原创 发布/订阅者模式，以及vue中更新数据原理解析
发布/订阅者模式要搞清楚vue中的双向数据绑定原理，就必须理解什么是发布、订阅者模式！！1、首先想好谁是发布者、谁是订阅者（例如NBA专栏就是发布者，NBA球迷就是订阅者）2、然后给发布者添加一个缓存列表，用于存放回调函数用来通知订阅者 3、最后就是发布消息，发布者者遍历这个缓存列表，一次触发订阅者的回调函数废话不多说，直接上代码！希望大家能读懂源码再继续往下看vue的数据更新原理 let NBAcol = {}; // 自定义一个NBA专栏对象（这就是发布者...
2020-05-18 11:19:35
1434
转载 利用GitHub在线预览vue项目
问题1当我们在命令行执行 npm run build 后，项目的目录下会生成一个 dist 文件夹，它里面又包含一个 static 文件夹和一个 index.html 文件，这是 webpack 最终打包好的文件 我们先尝试在浏览器打开 index.html 咦，为什么页面显示是空白的？打开控制台，细心的朋友可能会发现， script 标签的引入路径好像...
2018-09-16 21:42:05
5976
2
原创 CSS3动画之transition与animation详解
因为在项目中经常使用到transition，而且在学习vue过程也有transition过渡，因此在这里着重了解一下：W3C的官方文档中是这样阐述transition的：CSS的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。transition主要包含四个属性值：执行...
2018-09-05 11:09:05
510
转载 win10安装MongoDB教程
1.在官网下载最新的安装文件下载地址 ： https://www.mongodb.com/download-center#community可以在MongoDB官网选择Community Server版本下载，但是它似乎经常没有响应。可以在这里直接选择需要的版本下载，要在Windows下安装可以直接选msi安装文件。安装msi文件下载好后，一致next，在中间一步选择 cust...
2018-08-24 08:05:56
2385
1
转载 设备像素，设备独立像素，CSS像素 & meta viewport
前言学习移动端开发是总会遇到这样的问题，不如就一次性把这些问题弄清楚，这边文章是转载别的的，觉得很有用就转载过来了。勿喷！！！这两个属性说难不难，说容易又不易容。但如果你弄明白了这个，你就明白了一些东西，一些你常常用但却不知道为什么的代码。下面我们还是先从它们各自的定义开始说起，其实虽然标题里是三个名词，但我们接下来只聊两个就可以了，为什么？看完你就知道了。基本定义设备像素：设备像...
2018-08-15 16:24:25
291
原创 绝对定位absolute精讲
一直没搞清楚position：absolute relative fixed static 等值 下文是absolute的精讲 relative： 相对于自身原来的位置定位。fixed： 和absolute差不多一般默认position的值是static 绝对定位基本特征绝对定位的第一个特征在于会从文档流中脱离，不受其他元素影响，定位是“绝对”的，所以称之为绝对定位，如果是相对...
2018-08-12 21:02:57
374
转载 使用jsonp抓取QQ音乐上的数据
1.JSONP的用途和原理使用JSONP主要是目的通过动态创建Script，动态拼接url，进而抓取数据，实现跨域。确切地说，AJAX请求由于同源影响，是不允许进行跨域请求的，而Script标签src属性中的链接却可以访问跨域的js脚本，利用这一特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的JS代码，在src属性中进行调用，实现跨域。2.JSONP的使用方法2.1 ...
2018-08-09 21:15:50
3171
1
转载 如何在vue里引入Bootstrap
bootstrap依赖于jquery,因此使用时要下载jquery cnpm install jquery --save-dev ，这样就可以安装jquery 然后修改webpack.base.conf.js(在build文件下)两个地方：1：加入? 1 var webpack = require('webpack') 2 在mo...
2018-08-01 09:18:21
2277
原创 vue项目在移动端的调试
首要条件：同一局域网下（大致理解为链接相同的wifi） 1：命令行运行 ipconfig 2： 得到ipv4值， 用该值替换localhost 例如 localhost:8080 => 192.168.1.101:8080 ， 手机访问后者即可 再通过http://cli.im/生成二维码（一个生成二维码...
2018-07-30 21:31:59
1306
原创 关于git命令的笔记
一 、git的导入git的初始化 初始化姓名和邮箱(会在~/.gitconfig 下设置) git config --global user.name "firstname lastname" git config --global user.email "email@email.com" 为了更好的显示命令 添加一条命令 git config --global c...
2018-07-30 20:38:18
181
转载 解决 github push failed （remote: Permission to userA/repo.git denied to userB.）
【前言】当你看到这篇文章时，很高兴，你不用再去各大网站再去搜索这个问题的解决方案了，因为这篇文章可以帮你彻底解决问题。请耐心地阅读完。本文假设了两个用户 userA 和 userB ，userA的github项目名为 repo当你在使用Android Studio push项目的时候，你遇到了这个问题：Push failed: Failed with error: fatal: un...
2018-07-30 20:29:27
513
转载 git教程
github入门到上传本地项目利用GitHub，你可以将项目存档，与其他人分享交流，并让其他开发者帮助你一起完成这个项目。优点在于，他支持多人共同完成一个项目，因此你们可以在同一页面对话交流。创建自己的项目，并备份，代码不需要保存在本地或者服务器，GitHub做得非常理想。学习Git也有很多好处。他被视为一个预先维护过程，你可以按自己的需要恢复、提交出现问题,或者您需要恢复任何形式的代...
2018-07-30 20:28:12
422
原创 ES6中Object.assign()方法
对象的扩展1.ES6中，对象的属性和方法可简写：对象的属性值可不写，前提是属性名已经声明； const name = "zhangsan"; const password = "2222222"; const obj = { name, password, arr:[1,2,3,4], sayName(){ ...
2018-07-28 10:35:02
940
转载 Ajax
1.Jquery中AJAX参数详细(1)-转Jquery中AJAX参数详细列表：参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。 type String (默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使...
2018-07-20 11:21:13
154
原创 js中setAttribute用法详解
setAttribute基本用法element.setAttribute(attributename,attributevalue)setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子document.getElementsByTagName("INPUT")[0].setAttribute("type","button");我们经常需要在JavaScript中给E...
2018-07-13 12:38:35
62149
2
原创 关于新版vue中没有dev.server文件的说明
在新版vue.js中通过脚手架搭建的文件夹里面没有dev.server文件目录，原来是新版本的vue已将dev-server.js与webpack.dev.conf.js合并了.
2018-07-13 12:38:16
3850
转载 在vue-router中要使用选中样式的方法有两种：
1、直接在路由js文件中配置linkActiveClass 2、在router-link中写入active-class 问题：如果就这样，那么会出现一个问题，不管跳转到哪里，跳转到根目录的那个连接（to="/"） 始终都会有选中样式 为什么会这样呢？查阅文档：https://router.vuejs.org/zh-cn/api/router-link.html知道了，如果只是添加...
2018-07-13 12:37:52
7302
1
转载 axios调取本地mock数据 以及实现跨域（node代理）
需要与后台进行数据交互 这里使用本地json数据来模仿后台数据交互流程 我们使用了mock数据（模拟后台数据）作为前端经常需要模拟后台数据，我们称之为mock。mock 的真正意义在于简化测试环境。假如你现在要测试一个dao，但是你有不想构建数据库环境就可以用mock模拟数据库的返回结果。 进入正题：一，在vuejs 2.0版本 在配置文件webpack.dev.conf.js进...
2018-07-13 12:37:40
4138
原创 Vue移动端音乐播放器之scroll组件的封装
先安装better-scroll,在script部分先引入，然后配置以后再用到滚动的时候直接引入这个组建就可以使用了
2018-07-13 12:37:18
536
转载 vue仿饿了么app中vue和better-scroll实现列表左右联动效果
一.实现思路(1)实现上是左右分别一个better-scroll列表(2)利用计算右侧列表每一个大区块的高度来计算左侧的位置12二.实现1.实现左右两个better-scroll(1)dom结构(better-scroll要求,会把最外层dom的第一个子元素作为要滚动的区域)左边滚动列表dom <div class="menu-wrapper" v-el:menu-wrapper>...
2018-06-25 21:39:47
4553
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人