webkit

有时候我们需要在vue中使用轮播组件，如果是在vue组件中引入第三方组件的话，最好通过npm安装，从而进行统一安装包管理。 申明：本文所使用的是vue.2x版本。 通过npm安装插件： npm install swiper --save-dev 在需要 使用swiper的组件里引入swiper，swiper的初始化放在mounted里 Slider.vue源码： < template > < div class ="swiper-container" > < div class ="swiper-wrapper" > < div class ="swiper-slide" >< img src ="../fixtures/sliders/t1.svg" /></ div > < div class ="swiper-slide" >< img src ="../fixtures/sliders/t2.svg" /></ div > < div class ="swiper-slide" > Slide 3 </ div > </ div > <!-- 如果需要分页器 --> < div class ="swiper-pagination" ></ div > <!-- 如果需要导航按钮 --> <!-- <div class="swiper-button-prev"></div>

css控制元素不可见的方法 { display: none; /* 不占据空间，无法点击 */ } /********************************************************************************/ { visibility: hidden; /* 占据空间，无法点击 */ } /********************************************************************************/ { position: absolute; top: -999em; /* 不占据空间，无法点击 */ } /********************************************************************************/ { position: relative; top: -999em; /* 占据空间，无法点击 */ } /********************************************************************************/ { position: absolute; visibility: hidden; /* 不占据空间，无法点击 */ } /*********

来源｜CSDN 作者｜Peter 译者｜弯月 苹果新出的M1芯片推出已经有一段时间了，这个让人兴奋的Mac专用芯片对于开发者来说究竟是不是友好？PSPDFKit的创始人、开发者Peter Steinberger购置了一台新版MacBook Air，从开发者的角度进行了测试。测试结果如何？快来看看吧！‍‍‍ 以下为译文： 最近大家都因为苹果的新 M1 芯片而兴奋不已。我也买了一台 MacBook Air 16GB M1 版，想看看是否能当作主力开发机使用。下面是我在测试了一个星期之后的报告。 01 Xcode Xcode 在 M1 上的运行速度非常快。编译 PSPDFKit PDF SDK（ debug, arm64 版）几乎能与加载了目前最快的英特尔芯片的 MacBook Pro 媲美， 前者的编译时间是 8 分 49 秒，后者是 7 分 31 秒。 作为比较，我的黑苹果编译同样的项目需要不到5分钟。 对于一台无风扇的机器来说，这已经非常了不起了。苹果的上一款无风扇 MacBook 是 2017 年的 12 寸版本，用它编译同一个项目需要 41 分钟。 绝大多数测试都能通过，尽管我发现了我们之前没有注意到的一些针对 arm64 的错误，因为我们的 CI 并没有真正在 arm64 的硬件上运行过测试。模拟器采用与真实设备同样的架构很有好处，可以帮我们找到更多错误。 iOS 14

　　这个是学习复杂的组件的封装的，在课程中，主要实现的是书单上方的搜索功能组件的开发，这个应该是较之前的组件是有一定难度的，但是现在学到现在，感觉前端的内容和后端的内容比较起来，还是比较容易的，而且好多内容，其实在后端的开发中是很成熟的，所以学起来并不是很难以理解，这也是我们的一个优势吧，毕竟选择后端的同学应该是不错的啊，哈哈哈！这种组件其实是有一个特别的名字的，那就是高阶组件，来，把这个东西尽快学习掌握！ 一、新建search组件 首先还是新建search组件的各个文件，这里微信开发者工具的功能很好用，直接就新建一个search目录，然后在目录中新建一个名字为index的component组件，这样就建好了四个与组件相关的文件 二、search组件开发 1、基础的结构搭建 （1）样式文件的代码index.wxml文件 1 < view class ="container" > 2 < view class ="header" > 3 < view class ="search-container" > 4 < image class ="icon" src ="images/search.png" ></ image > 5 < input placeholder-class ="in-bar" placeholder ="书籍名" class ="bar" auto-focus

linux下有时需要查询某个文件被哪些进程调用，或者某个进程打开了哪些文件，今天介绍两个命令。 0 1 fuser 可以显示出当前哪个程序在使用某个文件、挂载点、网络端口，并给出程序进程的PID等信息 如图fuser显示使用指定文件或者文件系统的用户、进程号、权限、命令。 权限类型有一下几种： c——代表当前目录 e——将此文件作为程序的可执行对象使用 f——打开的文件，默认不显示 F——打开的文件，用于写操作，默认不显示 r——根目录 m——映射文件或者共享库 s——将此文件作为共享库 fuser命令常用选项： -a 显示所有命令行中指定的文件，默认情况下被访问的文件才会被显示。 -c 和-m一样，用于POSIX兼容。 -k 杀掉访问文件的进程。如果没有指定-signal就会发送SIGKILL信号。 -i 杀掉进程之前询问用户，如果没有-k这个选项会被忽略。 -l 列出所有已知的信号名称。 -m name 指定一个挂载文件系统上的文件或者被挂载的块设备（名称name）。这样所有访问这个文件或者文件系统的进程都会被列出来。如果指定的是一个目录会自动转换成"name/",并使用所有挂载在那个目录下面的文件系统。 -n space 指定一个不同的命名空间(space).这里支持不同的空间文件(文件名，此处默认)、tcp(本地tcp端口)、udp(本地udp端口)。对于端口，

在vue中配置rem 位置：在APP.vue的script中，在export default之外 (()=>{ 　　let winW = document.documentElement.clientWidth, 　　desW = 1440, 　　htmlFont = winW / desW * 100; 　　window.htmlFont = htmlFont; 　　document.documentElement.style.fontSize = htmlFont + 'px'; })() 浏览器的兼容性之Mate标签 在vue项目index.html中 是否启用WebApp全屏模式，删除苹果默认的工具栏 <mate name="apple-touch-fullscreen" content="yes" /> 启用360极速模式 <mate name="renderer" content="webkit" /> 针对老的手持设备优化，不识别viewport <mate name="HandheldFriendly" content="true" /> uc强制竖屏 <mate name="screen-orientation" content="portrait" /> QQ强制竖屏 <mate name="x5-orientation" content="portrait"

一、前言 　　这个星期面临一个网页的需求，需要用到这方面的知识，很久没看过这方面的代码了，记录下吧。 　　wkwebview的创建和使用就不再提及了，直接看与JS之间的交互吧。 二、内容 　　1、JS调用OC window.webkit.messageHandlers.<#对象名#>.postMessage(<#参数#>) 　　 // 进行配置控制器 WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init]; // 实例化对象 configuration.userContentController = [WKUserContentController new ]; // 调用JS方法 [configuration.userContentController addScriptMessageHandler:self name: @" actionEnd " ]; #pragma mark - WKScriptMessageHandler - ( void )userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *

前端效果， <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1, maximum-scale=1,user-scalable=no" /> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="blank" /> <title>大转盘</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <style> @charset "utf-8"; /*reset css*/ html, body, div, span, applet, object, iframe,h1, h2,

IOS端：完美解决 < video id ="video" src ="./vi.mp4" webkit-playsinline playsinline x5-playsinline ></ video > 移动端微信： 解决遮挡问题，但是点击播放会拉伸网页然后全屏播放，体验不好 < video id ="video" src ="./vi.mp4" x5-video-player-type ="h5" ></ video > 移动端浏览器：引用第三方插件jsmpeg.js将ts格式的视频转成canvas，但在IOS和低性能安卓卡顿严重 来源： oschina 链接： https://my.oschina.net/u/4301441/blog/3382702

推荐阅读： JavaScript 运行机制详解：再谈Event Loop 为什么JS要设计成单线程？ 引用阮老师的原话： JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？ 所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征，将来也不会改变。 为了利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。所以，这个新标准并没有改变JavaScript单线程的本质。 Javascript是单线程的 因为 JS运行在浏览器中，是单线程的，每个window一个JS线程 ，既然是单线程的，在某个特定的时刻只有特定的代码能够被执行，并阻塞其它的代码。而浏览器是 事件驱动的（Event driven） ，浏览器中很多行为是 异步（Asynchronized） 的，会创建事件并放入执行队列中。javascript引擎是单线程处理它的任务队列，你可以理解成就是普通函数和回调函数构成的队列