- 博客(21)
- 收藏
- 关注
RSS订阅原创 关于微信小程序新提供的渲染引擎Skyline的理解
当小程序基于WebView环境下，WebView的DOM数创建、JS逻辑、CSS解析、Layout、paint(Composite)、样式计算都发生在同一线程上。小程序一直以来都是采用的AppService和 WebView的双线程模型，基于WebView和原生控件混合渲染的方式，小程序优化扩展了Web的基础能力，保证了再移动端上的良好性能和用户体验。为了进一步优化小程序性能，提供更为接近原生的用户体验，在WebView渲染之外新增了一个渲染引擎Skyline。
2023-01-04 17:45:12
5497
4
原创 symbol
1、symbol的介绍与创建js的数据类型：USONB（you are so niubility）u : undefieds : string、symbolo : objectn : null、numberb : boolean创建Symbol//1、Symbol()let s = Symbol();console.log(s,typeof s);//Symbol() 'symbol'let s2 = Symbol('小红');console.log(s2)//Symbol(小红
2022-06-06 22:11:32
102
原创 扩展运算符 ...
扩展运算符「 … 」能将 数组转换为逗号分隔的参数序列1、介绍//声明一个函数const tfBoys = ["王俊凯","王源","易烊千玺"];function chunwan(){ console.log(arguments)}chunwan(...tfBoys);// ...tfBoys 将数组tfBoys转换成了=> '易烊千玺','王源','王俊凯'2、应用数组的合并const kuaizi = ['肖央','王太利'];const fenghuang = ['
2022-05-26 13:57:42
71
原创 rest参数 ...args
ES6 引入 rest 参数，用于获取函数的实参，用来替代arguments//1、ES5获取实例的方法function date(){ console.log(arguments)}date("大明","小红","小黑") //arguments 输出的是object//2、rest 参数function date2(...args){ console.log(args)}date2("大明","小红","小黑") //输出 ['大明', '小红', '小黑'] Array//3
2022-05-25 11:56:49
103
原创 函数参数的默认值设置
ES6 允许给函数参数赋值初始值//1、形参初始值function add(a,b,c=10){ return a+b+c;}let result = add(1,2)console.log(result)//13let result2 = add(1,2,3)console.log(result2)//6//2、与解构赋值结合function connect({host="127.0.0.1",username,password,port}){ console.log(host)/
2022-05-25 11:38:38
507
原创 箭头函数以及申明特点
ES6 允许使用 箭头（ => ）定义函数//常用函数声明let fn = function(){}//es6 声明let fun = (a,b) => { return a+b}let result = fun(1,2);console.log(result)1、箭头函数的特点this 是静态的。this始终指向函数声明时所在作用域下的this的值function getName(){ console.log(this.name)}let getName
2022-05-25 11:07:48
46
原创 对象的简化写法
ES6 允许在大括号里面直接写入=变量=和=函数=，作为对象的属性和方法。这样书写更简洁let name = "小尚";let change = function(){ console.log('去改变吧') }const SCHOOL = { name,//等同于name:name change, improve(){ console.log('去提高你的技能') } }console.log(SCHOOL)...
2022-05-25 09:40:51
57
原创 模版字符串
ES6 引入新的声明字符串的方式 `` 、‘’、“”1、声明let str = `我也是一个字符串哦`;console.log(str)//我也是一个字符串哦2、内容中的内容可以直接出现换行符let star = `<ul> <li>沈腾</li> <li>贾玲</li> <li>关晓彤</li> <li>华晨宇</li> </ul>`;
2022-05-24 22:48:57
61
原创 变量的解构赋值
ES6 允许按照一定的模式从数组和对象中提取值，对变量进行赋值。这被称为解构赋值1、数组的解构const F4 = ['小沈阳','刘能','赵四','宋小宝'];let [xiao,liu,zhao,song] = F4;console.log(xiao);//小沈阳console.log(liu);//刘能console.log(zhao);//赵四console.log(song);//宋小宝2、对象的解构const zhao = { name:"赵本山", age:"不详",
2022-05-24 22:35:11
48
原创 git 分支管理-1
Git 合并两个分支内容一、将开发分支代码合入到master中git checkout dev #切换到dev开发分支git pullgit checkout mastergit merge dev #合并dev分支到master上git push origin master #将代码推到master上二、将master的代码同步更新到开发分支中git checkout mastergit pullgit checkout devg
2021-10-26 10:44:44
60
原创 修改微信小程序api轮播图组件点的样式
<swiper class="swiper-box" indicator-dots="{{ indicatordots }}" autoplay="{{ autoplay }}"> <block wx:for="{{ swiperItem }}"> <swiper-item> <image class="slide-image" src="{{ item.imgUrl }}"></image>
2021-10-23 09:27:58
85
原创 es6 let和const命令
1、var 声明变量：变量提升console.log（a） //undefined （不会报错）var a=2；2、let 和 const 声明变量（1）没有变量提升（2）块级作用域（3）不能重复声明（4）const 声明的变量。一旦声明，无法被修改作用：（1）解决了for循环的问题（2）不会污染全局变量...
2021-02-25 20:47:53
62
原创 用jq实现编辑文本
编辑文本：(1) 用jq实现（2）自定义字号 （3）给选中的文字添加标签 （4）提交后能获取到文本中添加的所有标签以及内容上代码代码中还是有一点问题没有解决的，如果您有更好的方法，记得留言哦~~~~<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial
2020-08-25 17:28:12
614
原创 微信小程序页面元素居中布局
最近做的小程序项目中都涉及到了这样一个现象，单个页面上分两块或者三块区域布局，上面一到两个模块需要固定显示在页面上，最下面的模块就需要做成可滑动布局。针对上述问题，首先想到的解决方案当然是上面的用fixed进行布局，下面用样式撑起相对的高度就像了。然鹅，持着小程序提供了scrow-view组件，这样的布局方式，自然也想试一试。那么就来捋一捋思路吧。1、首先我们获取到当前页面可视区域的高度：：（可以在app.js中获取用户的机型的所有信息，以备页面内的使用）wx.getSystemInfo({suc
2020-08-12 14:10:51
5092
原创 前端面试易遗忘的知识点1 （2020-6-23）
var let const 区别var是es5语法，let,const是es6语法。var有变量提升var，let是用来声明变量，可修改。const是用来声明常量，不可修改let，const 有块级作用域(会形成暂时性死区)，var没有注：（1）变量提升：函数及变量的声明都将被提升到函数的最顶部。变量可以在使用后声明，也就是变量可以先使用再声明。（2）块级作用域：使用let和const声明的变量, 只在当前大阔号内生效, 由此构建出了 块级作用域 这么个东西.split()和join()的区
2020-06-23 17:10:37
113
原创 前端面试题2020.6.16（更新中）
就这…来喽~~~~1、已知数列（斐波拉契数列）：1，1，2，3，5，8… ，请写一个相关函数，获取数列的第n项值function getNumber(_n){var first=second=1,thrid;if(n>2){for(var i=0;i<n-3;i++){thrid = first+secondfirst = secondsecond = thrid}return thrid}else{return 1;}}2、什么是面向对象。谈谈你面向对
2020-06-16 16:38:50
200
原创 答题类小程序总结1
7月份做的一个公司的微信小程序项目，主要内容就是知识问答，答题分为两种。第一种就是随机挑战，表现为用户和模拟对手进行pk。第二种就是邀请好友，进行pk。今天就先分享一下随机挑战的逻辑吧！（因为该小程序活动时间已经结素，所以这里就不放演示图给大家了）第一步：创建模拟对手所谓的模拟对手，简单理解为 模拟出 时间答题+回答正确率 。这样子是不是就很容易理解了讷。这里我用的就是使用数组管理，在数组中规...
2019-12-19 11:26:54
749
原创 2048 游戏（h5游戏更新中）
2048 游戏的逻辑在9102年的最后一个月终于想起来了去年这个时候写的 2048 游戏！！！可见去年是没有写出来，哈哈哈。刚好最近手头的工作比较少，那就重新揭开尘逢的记忆，重新整理思路，直击惨不忍睹的…代码。话不多说，我们这就开始吧。（以下提到的小游戏并非微信小游戏哦~）功能实现1、4x4地图（网格）2、初始化 在随机的两个格子 中 分别随机 生成数值小于2 的数字3、上、下、左、右方...
2019-12-16 12:24:56
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人