- 博客(15)
- 收藏
- 关注
RSS订阅原创 css 列表样式
列表的设置 ul列表 li标签 list-style-type:none; 去除列表前的黑点 display:inline; 将列表的排列成水平排列 float:left; 左浮动，将列表排列在左边并水平排列, 会将列表的高度变为0
2021-06-30 16:19:32
142
原创 css 显示隐藏等样式
透明度设置(可用于所有样式) opacity:0.5； 取值为0到1，0为完全透明，1为不透明，完全透明并不是消失，也会占据空间隐藏样式： display:none; 不保留物理空间 opacity:0; 保留物理空间 visibility:hidden; 保留物理空间显示样式： display:block;水平排列/变成行内元素 display:inline; 将元素变成行内元素，还可实现类似浮动的水平排列效果设置将元素变为块级元素: display:bloc
2021-06-30 16:18:43
277
原创 css 背景样式设置
背景颜色设置 background-color:red background-color:rgba(x,x,x,透明度)设置背景线性渐变图像 background-image: linear-gradient(to right/to bottom right/角度deg(可选),red, yellow, blue); //默认从上到下 to bottom right:从左上角到右下角 透明度设置(可用于所有样式) opacity:0.5； 取值为0到1，0为完全透明，1为不透明，
2021-06-30 16:17:41
1216
原创 css 边框和圆角样式
边框设置 border:solid npx; 边框为npx的实线 border:solid npx 颜色; 边框的颜色 border-radius: npx ; 边框角为npx的弧度 border-radius:30%; 按百分数设置边框弧度，会有水滩效果 border-radius：10px 20px 30px 40px; 四个属性值，分别表示左上角、右上角、右下角、左下角的圆角大小（顺时针方向） border-bottom:none border-rig
2021-06-30 16:16:12
1535
原创 css 字体文本相关样式
字体设置: font-size:10px; 设置字体大小 其中: 自适应大小: font-size:samll/large等 font-size:100%等,100%为原本大小,参照的是父级的字体大小 font-size:1em; 1em相当于100%,参照父级，一个字符的宽度 font-family "黑体"; 设置字体格式 其中: (1)字体可以定义多个,以','号分割,如果第一个字体不可用,浏览器会自动往后选择 (2)多个单词的
2021-06-30 16:09:52
141
原创 requestAnimationFrame 高优先级任务
计时器一直是javascript动画的核心技术。而编写动画循环的关键是要知道延迟时间多长合适。一方面，循环间隔必须足够短，这样才能让不同的动画效果显得平滑流畅；另一方面，循环间隔还要足够长，这样才能确保浏览器有能力渲染产生的变化大多数电脑显示器的刷新频率是60Hz，大概相当于每秒钟重绘60次。大多数浏览器都会对重绘操作加以限制，不超过显示器的重绘频率，因为即使超过那个频率用户体验也不会有提升。因此，最平滑动画的最佳循环间隔是1000ms/60，约等于16.6ms而setTimeout和setInter.
2021-06-22 20:38:01
603
1
原创 微信小程序MINA框架、运行加载机制
运行机制： 冷启动:首次打开或被微信主动销毁后再次打开 微信主动销毁:小程序进入后台客户端会维持一段时间或短时间内连续收到2次以上系统告警 遇到版本更新:异步更新,下次启动生效 热启动:小程序已打开过,再次打开从后台放到前台 加载机制：...
2021-06-18 15:50:22
246
原创 小程序 wxs小程序脚本语言
一般用来做过滤处理或计算处理使用(1)使用环境 WXS代码可以编写在wxml文件中的<wxs>标签内.或以.wxs为后缀名的文件内(2)变量 var声明,不支持let 不支持箭头函数 不支持解构赋值 不支持对象属性简写(3)使用导出 方式一:创建wsx文件 ... module.exports = { foo: foo, bar: bar, }; module.exports.msg = "some msg"; 方式二:在wsx标
2021-06-18 15:33:14
703
原创 rem rem适配案例及讲解
网易的做法:先来看看网易在不同分辨率下，呈现的效果：是在本文第1部分提到，使用rem布局结合在html上根据不同分辨率设置不同font-size有很多不好解决的麻烦，网易是如何解决的呢？最根本的原因在于，网易页面上html的font-size不是预先通过媒介查询在css里定义好的，而是通过js计算出来的，所以当分辨率发生变化时，html的font-size就会变，不过这得在你调整分辨率后，刷新页面才能看得到效果。你看代码就知道为啥font-size是直接写到html的style上面的了（js设置的原因）
2021-06-17 22:55:49
485
原创 html 标签全局属性
accesskey:规定激活元素的快捷键。 <a href="http://www.w3school.com.cn/css/" accesskey="c">CSS</a> 以下元素支持accesskey属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。 class:规定元素的一个或多个类名（引用样式表中的类）。
2021-06-17 16:31:55
190
原创 小程序 报错处理合集
1、WebAssembly.instantiate(): Argument 0 must be a buffer source or a WebAssemb版本原因,详情->本地设置->修改调试基础库
2021-06-17 14:22:42
286
原创 vue 将文档外的实例添加进文档内中
适用于将第三方库的内容添加进文档内(1)创建组件构造器 let Profile=Vue.extend(组件实例/{实例配置项});(2)挂载组件 let comp=new Profile() 将在文档之外渲染,还需走(3)步 comp.$mount() 将组件对象挂载到任意元素会替换元素内的内容,不需走(3)步 comp.$mount(document.createElement('div')); $mount(实例/选择器)(3)若在文档外渲染,$el为当前组件
2021-06-03 21:23:12
175
原创 vue Vue.observable返回一个响应对象
Vue.observable 让一个对象可响应,Vue内部会用它来处理data函数返回的对象。 也可以作为最小化的跨组件状态存储器 使用: let ob=Vue.observable(object) 返回的对象可以直接用于渲染函数和计算属性内,会在发生变更时触发相应的更新和vue3.0区别: 在Vue 2.x中,被传入的对象会直接被Vue.observable变更,所以如这里展示的,它和被返回的对象是同一个对象。 在Vue 3.x中,则会返回一个可响应的代理,而对源对象直接进行变更仍然是不
2021-06-02 21:15:39
487
原创 vue3.0 getCurrentInstance访问内部组件实例
getCurrentInstance支持访问内部组件实例，用于高阶用法或库的开发。使用: setup() { const internalInstance = getCurrentInstance() internalInstance.appContext.config.globalProperties; 访问 globalProperties getCurrentInstance().uid; 访问组件的id }在setup或生命周期钩子外使用,先在s
2021-06-01 16:30:55
4214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人