摘要: 背景 在做小程序时候,我们经常会有一个需求,需要将小程序分享到朋友圈,但是朋友圈是不允许直接分享小程序,那我们还有其他的办法解决吗?答案肯定是有的,即 canvas 生成个性化海报分享图片到朋友圈 分析 小程序中有大量的生成图片需求,但是使用过 canvas 的人,都会发现一些难以预料的问题>>有关 阅读全文
posted @ 2020-11-23 16:40 笑人 阅读(640) 评论(0) 推荐(0) 编辑
摘要: 一、babel介绍 Babel 是 JavaScript 编译器,更确切地说是源码到源码的编译器,通常也叫做“转换编译器(transpiler)”。 意思是说你为 Babel 提供一些 JavaScript 代码,Babel 更改这些代码,然后返回给你新生成的代码。在这个源码到源码的转换过程当中,抽 阅读全文
posted @ 2020-11-23 16:38 笑人 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 写在前面 在分享 vue-next 各个子模块的实现之前,我觉的有必要比较全面的整理下 vue-next 中提出的函数式 api,了解这些的话,无论是对于源码的阅读,还是当正式版发布时开始学习,应该都会有起到一定的辅助作用。 类似的东西在网上有很多,只是会比较零碎,同时有些也相对过时了,当然当前整理 阅读全文
posted @ 2020-11-23 16:37 笑人 阅读(926) 评论(0) 推荐(0) 编辑
摘要: 也许在小程序所有生命周期里,我们用的最多的就是 onLoad,一大堆代码都要在初始化的时候执行。很多时候,初始化的代码是每个页面共用的,比如获取用户信息、获取定位等: Page({ onLoad() { this.userData = getUserData() wx.getLocation({ t 阅读全文
posted @ 2020-11-23 16:35 笑人 阅读(547) 评论(0) 推荐(0) 编辑
摘要: Node.js的作者Ryan Dahl,过去一年半的时间都在打造一个新的JavaScript运行环境Deno来解决Node的一些内在问题。不过不要误会,得益于JavaScript庞大的社区生态和使用范围,Node是一个非常不错的JavaScript运行环境。然而,Dahl 也承认在Node的某些方面 阅读全文
posted @ 2020-11-23 16:34 笑人 阅读(1541) 评论(0) 推荐(0) 编辑
摘要: Deno 是个什么东西? 我发现自己最近的工作效率不是很高,于是快速浏览了一下 GitHub 趋势页面,看看有没有什么比较酷的新项目。其中有个项目排名比较靠前,即 Deno:https://github.com/denoland/deno 这个项目很有趣,因为: 使用 Rust 开发; 原生支持 J 阅读全文
posted @ 2020-11-23 16:29 笑人 阅读(6603) 评论(0) 推荐(0) 编辑
摘要: 一、为什么选择react react是当前前端应用最广泛的框架。三大SPA框架 Angular、React、vue比较。 Angular出现最早,但其在原理上并没有React创新的性能优化,且自身相对来说显得笨重。 vue出现最晚,其核心原理学习了React,只是语法形式的变化,关系上来说React 阅读全文
posted @ 2020-11-23 16:00 笑人 阅读(265) 评论(0) 推荐(1) 编辑
摘要: 什么是vue vue是一套用于构建用户界面的渐进式框架。 框架和库的区别 库是一种插件,是一种封装好的特定方法的集合。提供给开发者使用,控制器在使用者手里。 框架是一套架构,会基于自身特定向用户提供一套相当完整的解决方案,控制权在框架本身,使用者需要按照框架所规定的某种特定规范进行开发。 目前的流行 阅读全文
posted @ 2020-11-23 15:59 笑人 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 1.wx.switchTab(Object object) 这里的tabBar是底下的导航栏指定的页面,跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 参数 Object object 属性类型默认值必填说明 url string 是 需要跳转的 tabBar 页面的路径(需在 a 阅读全文
posted @ 2020-11-23 15:58 笑人 阅读(126) 评论(0) 推荐(0) 编辑
摘要: input 中的 key 引用 vue 官方文档的原话: vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。 这样容易导致一些问题。因为类似 <input> , <select> , <textarea> 这样的元素都有一个internal state 保存着元素的值,而在元素复 阅读全文
posted @ 2020-11-23 15:57 笑人 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 父组件处理: <template> <div class="wrap"> <!-- 搜索框 --> <div class="searchInputArea"> <div class="searchBarBox"> <div class="inputWrap" > <form onsubmit="Ja 阅读全文
posted @ 2020-11-23 15:55 笑人 阅读(1159) 评论(0) 推荐(0) 编辑
摘要: 1.监测浏览器滚动条滚动事件及滚动距离 dmounted() { window.addEventListener("scroll", this.gundong); }, destroyed() { window.removeEventListener("scroll", this.gundong); 阅读全文
posted @ 2020-11-23 15:53 笑人 阅读(535) 评论(0) 推荐(0) 编辑
摘要: 在router->index.js中mode类型默认为hash,修改为history const router = new vueRouter({ mode: 'history', routes: [...] }) 除此之外,需要服务端配合,主要因为这种模式利用history.pushState A 阅读全文
posted @ 2020-11-23 15:52 笑人 阅读(8898) 评论(0) 推荐(0) 编辑
摘要: 大量的跨平台应用开发框架,使你可以编写一次代码,然后在 Android,iOS 等多个平台上甚至在台式机上运行。你可能听说过一些流行的框架,例如 Ionic,Xamarin 和 react Native。另一个相对较新的框架是 Flutter。 在本文中,你将学到一些有关 Flutter 的知识,特 阅读全文
posted @ 2020-11-23 15:50 笑人 阅读(647) 评论(0) 推荐(0) 编辑
摘要: 使用范围:两个元素位置交换,移动元素到指定位置 涉及函数 属性解释 draggable 是否允许元素进行拖拽 dragstart 拖拽开始触发的函数,可在此获取元素 dragover 在目标元素内进行拖动时触发的函数 dragenter 当拖拽进入目标元素时出发的函数 dragend 拖拽结束 快速 阅读全文
posted @ 2020-11-23 15:49 笑人 阅读(1965) 评论(0) 推荐(0) 编辑
摘要: 最近做的项目要用到拖拽排序,我现在的项目是vue项目,所以我就屁颠屁颠的去百度有木有这样功能的插件,我就知道一定会有,那就是vuedraggable,这是一款很棒的拖拽插件,下面我来说一下怎么引入 首先在vue项目中,用npm包下载下来 npm install vuedraggable -S 下载下 阅读全文
posted @ 2020-11-23 15:48 笑人 阅读(6481) 评论(0) 推荐(0) 编辑
摘要: 先贴出元素模型信息 1.css()方法获取元素的宽高 css()方法返回的其实是getComputedStyle(node).width的值,也就是元素内容区的宽高注意:这个是带单位的 <script> $(function(){ console.log($("div").css("width")) 阅读全文
posted @ 2020-11-23 15:47 笑人 阅读(1011) 评论(0) 推荐(0) 编辑
摘要: 端到端加密的实现主要依据两个主要算法:1. diffie-hellman密钥交换算法(上文提到过)2.AES(-CBC)对称加密算法 主要流程如下: 两台设备各生成一对diffie-hellman公私钥。 在网络上交换公钥。 两台设备根据自己的私钥和对方的公钥,生成一个新的、相同的密钥。 利用这个密 阅读全文
posted @ 2020-11-23 15:45 笑人 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 启动流程 我们新建一个RN的项目,在原生代码中会生成 MainActivity 和 MainApplication 两个 Java 类。顾名思义, MainAcitivity 就是我们的 Native 的入口了,我们先来看下 MainApplication 都做了哪些操作 public class 阅读全文
posted @ 2020-11-23 15:42 笑人 阅读(871) 评论(0) 推荐(0) 编辑
摘要: Platform.OS 为了提高代码的兼容性,我们有时需要判断当前系统的平台,然后做一些适配。比如,我们在使用 StatusBar 做导航栏的时候,在 iOS 平台下根视图的位置默认情况下是占据状态栏的位置的,我们通常希望状态栏下面能显示一个导航栏,所以我们需要为 StatusBar 的外部容器设置 阅读全文
posted @ 2020-11-23 15:41 笑人 阅读(909) 评论(0) 推荐(0) 编辑