- 博客(21)
- 收藏
- 关注
原创 uniapp(9月10号笔记 1) 获取城市地址(高德|腾讯),iconfont的使用 ,Hbulider微信小程序运行
文章目录高德地图sdk -- 获取城市地址腾讯地图sdk --获取城市地址iconfont的使用更新css文件,添加新图标总结Hbulider微信小程序运行高德地图sdk – 获取城市地址1-登录高德开放平台,在 【控制台】中 -》【应用管理】-》【我的应用】中-》右上角【创建新应用】高德地图开放平台2- 点击添加的应用 右边 【添加】按钮,填写信息,成功,获取key(密钥)3-下载微信小程序插件,获取sdk文件(amap-wx.js)微信小程序插件4- 将sdk文件导入到目标文件夹中5
2021-09-11 00:36:36
349
原创 前端题01 清除浮动,垂直居中
清除浮动当为 子元素 添加浮动 float 时,会发生 浮动塌陷 。对 子元素 设置浮动后,子元素会脱离文档流,这个时候 包含块 即父元素 没有设置高度 或者 高度自适应 的时候,此时 浮动元素的高度 就不会被计算进去,相当于没有可以展开的内容,包含块高度不能撑起来,形成 塌陷 状态。由于 不知道会添加多少子元素,直接设置包含块的高度是不可取的,不利于维护。清除浮动的方式clear:在 父元素 内最底下 创建一个空元素[ 块级元素 ],在css样式中,设置该空元素 clear: both; 此
2021-05-05 09:56:25
195
原创 canvas demo2笔记
Object.create(proto, [propertiesObject])方法创建一个新对象,使用现有的对象来提供新创建的对象的proto(原型)参数proto : 必须。表示新建对象的原型对象,即该参数会被赋值到目标对象(即新对象,或说是最后返回的对象)的原型上。该参数可以是null, 对象, 函数的prototype属性 (创建空的对象时需传null , 否则会抛出TypeError异常)。propertiesObject : 可选。 添加到新创建对象的可枚举属性(即其自身的属性,而不是原
2021-01-10 19:41:11
182
2
原创 html+css demo1笔记
filter css3滤镜属性1- blur (px) 高斯模糊,值越大越模糊2- contrast (%) 图像对比度。0%时图像全黑,100%,图像不变,超过100%,会运用更低的对比3- hue-rotate(deg)色相旋转,默认0deg ,无最大值,超过360deg,相当于又绕一圈4- 以上demo用到的属性菜鸟教程 filter.animation css3动画属性animation : name duration timing-function delay interation-
2021-01-09 22:31:03
100
原创 移动端遇到的问题
1- 关于video 移动端置顶问题(当使用视频video作为背景时)pc端中调试界面的移动调试工具未显示此bug,只要真正在手机上运行才有Android暂不支持视频自动播放(ios10以上版本支持视频自动播放,以下版本不支视频自动播放)android下是不允许自动播放的,即使你用了video.play(),也是不行的。必须有用户的主动触发,比如触摸了屏幕,有click或touch事件产生。解决置顶bug <video x5-video-player-fullscreen="
2020-11-16 19:59:46
178
1
原创 vue笔记1:创建项目,打包本地运行dist,vue cli gitee pages部署运行404坑
打包本地运行dist官方文档中的本地预览:dist 目录需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值),所以以 file:// 协议直接打开 dist/index.html 是不会工作的。在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器,例如 serve:cnpm install -g serve# -s 参数的意思是将其架设在 Single-Page Application 模式下# 这个模式会处理即将提到的路由问
2020-10-20 00:01:00
2084
原创 css 笔记 1
1-[css3] filter 滤镜菜鸟教程//修改所有图片的颜色为黑白 (100% 灰度):img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);}
2020-10-11 22:32:04
81
原创 ES 笔记 1
1 - dataset 自定义属性名集合//自定义属性 data-开头 data-url="http://......" data-color="red" //js获取 el.dataset.color // red el.dataset.url // http://<img src="" :data-img="imgUrl" />let img = document.getElementsByTagName('img')[0]img.src = img.dataset.
2020-10-11 22:14:47
74
原创 vue 笔记4:路由,嵌套路由,重定向 ,跳转,传值,监听路由跳转 ,修改当前路由导航样式,报错
vue 笔记(1) 传值1—子传父 this.$emit("事件",data)//子组件 tabbar<div @click="mineClick">....methods:{ mClick(){ this.$emit('mineClick' , data) } } .... //父组件<div id="app"> //子组件 tabbar <tabbar @mineClick="getShow" />
2020-10-11 22:03:12
407
原创 vue 使用swiper插件, swiper自定义分页器
vue swiper自定义分页器 var swiper = new Swiper(".feature", { .... //前进后退后自动播放 //用户操作swiper之后,是否禁止 autoplay 。默认为true:停止。 autoplayDisableOnInteraction: false, //分页器 pagination: ".swiper-pagin", paginationC
2020-09-17 00:30:06
1819
原创 vue 笔记3
1- img图片src:src:src=“imgurl”data(){ return { imgurl: require('路径') }}
2020-09-11 17:31:35
75
原创 前端笔记 1 移动端 pc端 适配
1-postcss-px-to-viewporthttps://www.cnblogs.com/zhangnan35/p/12682925.html使用:cnpm i postcss-px-to-viewport -D在项目根目录下添加.postcssrc.js文件添加如下配置:module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀,如-webkit-,-moz-等等 "postcss-px-to-
2020-09-09 17:07:05
341
原创 vue笔记(音乐播放器) 2
vue不支持data的深度赋值2层以上全不支持。除非在data那里有声明笔记一下,感谢答疑https://www.jianshu.com/p/a3ffbe4d2b1a.
2020-08-29 19:48:07
129
原创 关于NeteaseCloudMusicApi接口文档
NeteaseCloudMusicApi接口文档(1) 网易云音乐api 目的:获取歌曲播放链接*要求先下载 安装 运行 NeteaseCloudMusicApi *https://github.com/Binaryify/NeteaseCloudMusicApi这里服务器启动默认端口为 3000关键词搜索歌单这里歌单:关键词搜索出来的歌曲集合http://localhost:3000/search?keywords=海阔天空结果的一部分:(箭头:歌单id)通过 歌单id 获取 当前 要
2020-08-13 22:17:16
2236
原创 webpack css-loader less-loader报错:
webpack css-loader报错:明明下载了css-loader ,但是终端输入 webpack ./src/main.js ./dist/bundle.js 或 cnpm run build 时,出现 模块生成失败 的信息这里是 webpack ./src/main.js ./dist/bundle.js 错误信息ERROR in ./src/css/normal.css//模块生成失败Module build failed: Error: Cannot find module ‘u
2020-05-28 18:47:55
1500
原创 js笔记:物体碰撞
js笔记:物体碰撞实现:两个宽度为100px的方块,拖动方块一与方块二发生碰撞时,方块二变色布局: <div id="div1">11</div> <div id="div2">22</div>div{ width: 100px; height:100px; } #div1{ background-color: blueviolet;
2020-05-16 21:29:00
507
翻译 笔记:JavaScript 给多个按钮中的每个按钮添加点击事件
笔记:JavaScript 给多个按钮中的每个按钮添加点击事件实现:有多个按钮,给每个按钮添加点击事件,当点击按钮时,能够获得当前按钮的下标一、闭包window.onload = function(){ //获取所有按钮 var obtns = document.getElementsByTagName("button"); //通过循环给每个按钮添加点击事件 for(var i = 0; i < obtns.len
2020-05-15 21:56:10
5568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人