前端
一共12篇文章
专题：第期
-
说说微信小程序的实现原理？
一、背景 网页开发，渲染线程和脚本是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应的原因，本质就是我们常说的 JS 是单线程的 而在小程序中，选择了 Hybrid 的渲染方式，将视图层和逻辑层是分开的，双线程同时运行，视图层的界面使用 WebView 进行渲染，逻辑层运行在 JSCore 中 渲染层：界面渲染相关的任务全都在 WebView 线程里执行。一个小程序存在多个界面，所以渲染…...- 17
- 0
-
说说你对微信小程序的理解？优缺点？
一、是什么 2017年，微信正式推出了小程序，允许外部开发者在微信内部运行自己的代码，开展业务 截至目前，小程序已经成为国内前端的一个重要业务，跟 Web 和手机 App 有着同等的重要性 小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用 也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装…...- 15
- 0
-
== 和 ===区别，分别在什么情况使用
一、等于操作符 等于操作符用两个等于号（ == ）表示，如果操作数相等，则会返回 true 前面文章，我们提到在JavaScript中存在隐式转换。等于操作符（==）在比较中会先进行类型转换，再确定操作数是否相等 遵循以下规则： 如果任一操作数是布尔值，则将其转换为数值再比较是否相等 let result1 = (true == 1); // true 如果一个操作数是字符串，另一个操作数是数值，…...- 18
- 0
-
说说你对算法的理解？应用场景？
一、是什么 算法（Algorithm）是指解题方案的准确而完整的描述，是一系列解决问题的清晰指令，算法代表着用系统的方法描述解决问题的策略机制 也就是说，能够对一定规范的输入，在有限时间内获得所要求的输出 如果一个算法有缺陷，或不适合于某个问题，执行这个算法将不会解决这个问题 一个程序=算法+数据结构，数据结构是算法实现的基础，算法总是要依赖于某种数据结构来实现的，两者不可分割 因此，算法的设计和…...- 16
- 0
-
谈谈你对BFC的理解？
一、是什么 我们在页面布局的时候，经常出现以下情况： 这个元素高度怎么没了？ 这两栏布局怎么没法自适应？ 这两个元素的间距怎么有点奇怪的样子？ ...... 原因是元素之间相互的影响，导致了意料之外的情况，这里就涉及到BFC概念 BFC（Block Formatting Context），即块级格式化上下文，它是页面中的一块渲染区域，并且有一套属于自己的渲染规则： 内部的盒子会在垂直方向上一个接一…...- 12
- 0
-
css3动画有哪些？
一、是什么 CSS动画（CSS Animations）是为层叠样式表建议的允许可扩展标记语言（XML）元素使用CSS的动画的模块 即指元素从一种样式逐渐过渡为另一种样式的过程 常见的动画效果有很多，如平移、旋转、缩放等等，复杂动画则是多个简单动画的组合 css实现动画的方式，有如下几种： transition 实现渐变动画 transform 转变动画 animation 实现自定义动画 二、实现…...- 28
- 0
-
悼念模式：简单一步实现网站全局变灰教程
网站全局变灰代码如下： html{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } 如果需要仅首页变灰，那就用以下代码： html body.home{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }...- 94
- 0
-
JS导出JSON到Excel表格
<a href="javascript:;" id="export">导出</a> $("#export").click(function() { var Title = [{ "value": "姓名" }, { "value": "…...- 37
- 0
-
JS保存内容到JSON和TXT文件
downloadJsonOrTxt('demo.json', JSON.stringify({a:"b"})) <script> function downloadJsonOrTxt(filename, text) { var pom = document.createElement('a'); pom.setAttribut…...- 44
- 0
-
JS显示当前的完整日期时间
<div id="clock"></div> <script> window.setInterval('showRealTime(clock)', 1000); function showRealTime(clock) { var d = new Date(); var year = d.getFullYear(); va…...- 31
- 0
-
使用JS屏蔽鼠标选中
document.onselectstart = function (event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagName == "INPUT" && the.type.toLowerCase() == &…...- 28
- 0
-
CSS美化滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 7px; height: 7px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -…...- 31
- 0
