- 博客(21)
- 收藏
- 关注
RSS订阅原创 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关注的人