嗜码-CSDN博客

原创小程序添加插屏广告教程

这两天有读者在后台提醒我小程序可以添加插屏广告了，让我出一期教程。最近也在一直忙着毕业论文，抽空看了看小程序的插屏广告，插入广告并不难，但却有很多的条件限制。还不会开通流量主或者不会插入 banner / 视频广告的先看下面两篇教程吧。小程序开通流量主小程序插入激励视频广告插屏广告用户触发小程序中的特定场景时，插屏广告将自动向用户展现，用户可以随时关闭插屏广告。广告触发场景由流量主自定义...

2019-04-26 15:53:42 22225 6

原创小程序插入激励视频广告教程

文章目录小程序中添加激励视频广告，最新教程激励式视频广告1、新建广告位2、插入广告代码3、接入场景小程序中添加激励视频广告，最新教程今天登陆小程序的后台，收到了官方通知，小程序激励式视频广告组件日前已上线，也就是说可以在小程序中插入激励视频广告了。早在今年年初的微信公开课上，微信团队就曾透露「2019 年，微信小程序将在三方面发力商业化变现：小程序激励视频，插屏广告，个人小程序变现」，现在...

2019-04-17 21:41:54 21966 6

原创 VSCode 开发 Flutter 必用插件

阅读本文大约需要 1.5 分钟Visual Studio Code（简称 VS Code / VSC）是 Microsoft 为 Windows，Linux 和 macOS 开发的源代码编辑器。它支持调试，嵌入式 Git 控件，语法突出显示，智能代码补全，代码片段和代码重构。同时也是支持自定义的，开发者可以更改编辑器的主题，键盘快捷键和首选项，拥有强大的拓展能力。VSCode 的...

2019-04-14 13:31:13 21619 1

原创联系导师邮件如何写？要注意什么？

写一封「导师体验」良好的简历邮件大部分考研的同学已经查到了自己的成绩，持续数月的备考与等待也有了结果。看着朋友圈的喜怒哀乐，庆幸自己早一步上车。成绩理想的同学可以开始着手接下来的复试，没有考好的同学也务必调整好心态，做好工作 or 二战的打算。书归正传。在查到自己的成绩后，联系导师这个操作少不了。与导师素未谋面，电子邮件是与导师交流沟通较为妥当的方式。因此，电子邮件可能会成为导师对你的第一...

2019-02-19 20:24:23 28331 1

原创小程序中实现VR效果

小程序中实现VR效果最近的工作中有一个奇葩的需求，就是更根据房间场景图，打开摄像机或者上传图片来适配不同的背景图，类似于VR的效果。一开始百度搜索，发现小程序根本没有VR的插件，而小程序要实现VR需要使用web-view，也就是使用网页的VR插件，这样的话开发成本会比较大。在参考了其他的一些小程序后，想到了一种替代的解决办法，也能满足需求，并且有较好的体验。先来看看效果图：上面的效果是如...

2018-12-22 09:41:34 24477 3

原创使用vscode提高小程序开发效率

使用vscode提高小程序开发效率不知道大家开发小程序是用什么工具，如果是微信自带的开发者工具，相信我，看了这篇文章，你会重新做出选择的。之前一段时间，我也一直使用微信开发者工具进行小程序的开发与调试，但是用过的就会有这种体会：代码编写区域太小，代码堆叠在一起，难以阅读自定义能力较弱，只能修改代码字体编辑器代码提示较少工具经常出现莫名的bug，时不时黑屏因此，为了解决这些个问题...

2018-12-19 18:12:33 23404 8

原创微信小程序云开发之初体验（详细教程）

微信小程序云开发之初体验小程序云开发是微信最近推出的新的一项能力，它弱化了后端以及运维的概念，开发者无需搭建服务器，使用微信平台提供的api即可完成核心的业务开发。目前提供三大基础能力支持：云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码数据库：既可在小程序前端操作，也能在云函数中读写的 JSON 数据库，免费2G容量存储：可在小程序前端上传/下...

2018-12-18 00:12:34 43405 7

原创微信小程序实现圆角矩形按钮

在微信小程序的开发当中，为了界面的美观，我们通常需要修改原始按钮的css样式，下面教大家如何将按钮改成圆角矩形首先将按钮原始边框关闭，然后设置按钮的的弧度，css如下：button::after{ border: none; }button { margin-top: 100px; width: 300px; border-radius...

2018-08-28 19:36:14 25547 1

原创如何在小程序中添加广告并获取收益

1、申请成为流量主2、在小程序中嵌入广告3、收益统计小程序广告组件最近全面开放，门槛十分低，只需要累计独立访客（UV）不低于1000 并且没有严重违规记录。下面教大家如何在小程序中添加广告。1、申请成为流量主首先进入小程序后台，点击流量主，点击开通。同意协议并点击下一步。填写个人的相关信息，包括身份证、收款账户等等。...

2018-07-15 14:47:51 67895 15

原创 Oracle11g 64位安装教程以及安装过程中可能遇到的问题

1、安装准备2、开始安装3.检查是否安装成功。4.安装过程中可能遇到的问题1、安装准备下载官网的oracle安装程序，有两个压缩包。选中这两个压缩包，点击解压到当前文件夹，两个压缩包同时解压成一个名叫database的文件夹。这里特别注意，两个压缩包要同时选中，解压成一个文件，不然可能会安装失败。解压好后出现一个database文件夹，大小为2.13GB。...

2018-03-30 10:32:28 13756 9

这是一个极简日程小助手，目前以小程序的形式发布。用户喂给它一段文字，它会帮你解析文字里的时间信息，并且创建一个含有通知的日程，用以备忘一些活动或者会议事项。当然如果你在没有人的环境，你可以直接：????：Hey, Siri. 帮我创建一个 xxx 日程而这个小程序的作用就是让用户在不方便使用语音助手的场景下，能够方便快捷地创建日程。另外，小程序支持分享日程到群组，因此如果你是活动组织人员或者群管理员，你可以将日程进行分享，邀请他人订阅，起到备忘的作用。小程序针对 PC 端做了兼容，在 PC

2021-12-16 18:21:13 1752 1

原创前端开发者必须知道的 10 个 GitHub 仓库

内容整理自 @ravikmmr 的 Twitter Thread。1、Developer-roadmap初学者如果想学习前端开发，但是不知道从何学起，推荐查看此仓库。你可以获得有关开发的所有学习路线，笔者在之前的文章中对其进行过翻译。2、FreeCodeCamp一个友好的社区，为 Web 开发人员提供了大量的视频讲座以及课程资源，可以在其中免费学习编程。3、Ebook foundation一个非常大的计算机电子书资源库，所有的资源均为免费。4、30 seconds of code.

2021-08-22 09:36:42 834

原创 GitHub 新功能：Codespaces，随时随地编写代码

GitHub 去年推出了一个 Codespace 功能，提供线上的编程环境，可以编写或者运行 GitHub 仓库中的代码。但此功能一直处于内测阶段，未对外开放。直到今天，GitHub 在 Twitter 上宣布 Codespaces 现在已经开放给 GitHub Teams 和 GitHub Enterprise Cloud 上的所有人使用，可以为团队快速获得即用即付的托管开发环境。如果满足资格的用户，可以在仓库的首页的 Code 按钮，看到这样的提示。遗憾的是，此功能暂未对个人用户的仓库开放。.

2021-08-14 15:25:49 12589

原创 CSS 属性 aspect-ratio

摘要：在响应式网页设计中，保持一致的宽高比，即所谓的长宽比，对于防止布局累积偏移至关重要。在 Chromium 88、Firefox 87 和 Safari Technology Preview 版本中推出了 aspect-ratio 属性，我们有了更直接的方法来实现这一目标。Aspect ratio长宽比最常见的表示方式是两个整数和一个冒号，尺寸为：宽：高，或x：y。摄影最常见的长宽比是4:3和3:2，而视频和最近的消费类相机则倾向于16:9的长宽比。随着响应式设计的出现，保持长宽比对Web开.

2021-02-01 18:05:09 18908 2

原创这几点技巧可提高 Kindle 使用体验

最近入手了一台 Kindle，阅读幸福指数大大提升。有时候连续看上一个小时，倒也不觉得疲惫。很快用它阅读完之前没看完的《硅谷钢铁侠: 埃隆·马斯克的冒险人生》，意犹未尽。另外，在摸索的过程中，笔者也慢慢地发现了 Kindle 的一些使用技巧。# 订阅 newsletter笔者的 Gmail 上面订阅了一些还不错的 newsletter，例如 Λ-reading、阮一峰的网络日志等等。通过 Instapaper 可以实现将邮件转换成电子书，并定时发送到自己的 Kindle 上。教程可以参考这一篇.

2021-01-29 14:44:11 586

原创 2021 年我会选择去了解和学习的技术

笔者毕业以后大概率是选择前端这个方向，这里列一下今年准备学习的内容，算作一个 Learning List 吧。每一项都尽量给自己定一个小目标，有的可以浅尝辄止，有的则需要深入学习。1、DockerDocker 容器的概念火了很久了，一直没有接触过。刚好在公司需要频繁的使用云机，项目的初始化环境配置比较复杂，想着是否能够使用 docker 来简化这些配置，提高工作效率。目标：学会配置、构建镜像、推送镜像学习一点 k8s 的知识把 linux 的一些常用命令以及 vim 的常用快捷键给

2021-01-24 11:04:10 139

原创一个好用的倒数日小程序：「那天鸭」

在平时的工作和生活中，时常会有一些值得我们关注和期待的日子。还信用卡还有多少天？发工资还有多少天？宝宝出生已经多少天等等…很多时候，我们会选择一些 “倒数日” 类的 App 来记录这些重要的日子，让期待值更加的直观。今天要推荐的是朋友开发的一款倒数日小程序：「倒数鸭」。可以扫描下方二维码体验：外观上，小程序的 UI 设计简洁大方，配色和谐。首页的倒数日卡片和 iOS 桌面小组件有异曲同工之妙，支持 5 种不同尺寸的外观。一些大号的 emoji 表情设计，也让整个小程序的变得生动活波起来。也支持跟

2021-01-19 21:40:48 1936 1

原创字节跳动实习感受

在字节实习有一段时间，期间有很多次都想写点什么东西记录一下，但每日重复性的工作似乎也没什么值得记录的。索性就新建一个备忘录，开始想到一点记录一点。????字节的工区分散在世界的各地，所有的办公场地都是租赁过来的，去年才在北京买了一栋属于自己公司的办公楼。笔者所在工区位于上海科技绿洲园区，一栋 3 层楼的大平层，还算宽敞。到特定的节假日，公司里面会装饰一些摆件，烘托节日氛围。上午一般十点左右到公司，泡上一杯茶，枸杞、菊花、柠檬，换着花样来，再拿个小面包当作早餐。啃面包的同时，打开电脑，快速过一下

2021-01-17 11:02:47 2799

原创马斯克一条推特，让这个 App 火了，让一家公司股价暴涨 40%

刚成为世界首富的男人 Elon Musk，在上周发了一条 Tweet：Use Signal.之后短短的一天时间内，这个名为 Signal 的 IM 通讯软件便登上了 AppStore 以及 Google Play 下载排行榜的 No.1，全球累计下载量约为750万。更夸张的是，一家和这个 App 同名但是毫无关联的公司，也因为老马的这一条推特，股票大涨 438%，这乌龙闹的…马斯克发推的原因，很大一部分和 Facebook 最近的政策调整有关。此前有消息称，Facebook 旗下的消息应用 W

2021-01-13 09:02:50 1167

原创一个脚本，告别网站中转链接跳转

让超链接痛快地把我们送到终点把现如今的各个 App 以及网站，总是会想尽一切办法，将流量以及内容牢牢地捆绑在自己的护城河之中。举个例子，如果我们不登陆或者注册账号，我们无法看到知乎的所有回答；手机用户如果不下载 App，也没办法看到大部分网站的完整内容。这让笔者不禁思考，我们在平台所产生的内容到底属于平台，还是用户自己？答案似乎很明显。现在的互联网，看起来一点也不“互联”。今天要讲的也是一个不“互联”的案例，就是超链接，变得“超不链接”。当我们在网站阅读文章时，作者会给出一些链接让读者去..

2021-01-09 10:36:45 701

原创使用 GitHub Pages 搭建免费的短链服务

现在很多平台分享出来的链接都使用了一种短链接（Short URL）的技术，例如新浪的 t.cn，Telegram 的 t.me，Twitter 的 t.co。这些链接的后缀往往非常简短，只有几个随机的字符或者数字。可以设置为自增长，也可以通过 Hash 算法生成，只要唯一即可。然后在服务器的数据库中，通过唯一的随机码，找到对应的网址进行重定向。因此，如果我们需要搭建自己的短链接服务，通常都需要有一台独立的服务器或者数据库。不过在 GitHub 上有人提供了一种思路，可以使用 Github Pages 来

2020-12-27 09:33:12 710

原创有哪些产品可以实现 No More Google

今天，来聊聊 Google，的替代品。Google 是一家伟大的科技公司，推出过很多具有时代意义的产品。这些产品被应用到互联网的各个场景，为用户工作和生活带来了很多便捷。Google Search，最强大的搜索引擎；Gmail，体验最好的邮箱系统；Google Docs，成熟的多人协同文档工具；Google Chrome，性能最好、市场份额最高的浏览器；Google Translate，精确度最高的翻译软件，支持一百多种语言进行互译；Youtube，全球最大的视频网站；Android.

2020-12-21 08:54:54 453

原创如何使用 GitHub Pages 搭建一个免费的短链接服务

现在很多平台分享出来的链接都使用了一种短链接（Short URL）的技术，例如新浪的 t.cn，Telegram 的 t.me，Twitter 的 t.co。这些链接的后缀往往非常简短，只有几个随机的字符或者数字。可以设置为自增长，也可以通过 Hash 算法生成，只要唯一即可。然后在服务器的数据库中，通过唯一的随机码，找到对应的网址进行重定向。因此，如果我们需要搭建自己的短链接服务，通常都需要有一台独立的服务器或者数据库。不过在 GitHub 上有人提供了一种思路，可以使用 Github Pages 来

2020-12-21 08:46:45 696

原创 2020 前端学习路线总结

2020 前端学习路线总结在 GitHub 看到一个很不错的前端学习路线图（roadmap），从前端基础到前端工程化，再到跨端，都有知识点的覆盖，非常推荐阅读。图下面是我翻译的一个文字版，可以先看图再看文字。✔︎ 表示个人推荐学习✔︎ 表示可选择学习✔︎ 表示不需要严格按照路线的先后顺序，可在任何时间补充这一块的知识✘ 表示个人不再推荐计算机网络掌握计算机网络的基础是一名前端工程师的基本素养，建议先学习以下的知识： ✔︎ Internet 如何工作 ✔..

2020-11-15 17:19:56 2608

原创前端面试手写题

前端面试手写题整理前端面试常见的手写题，面试出现概率极高，建议每个都过自己过一遍。你也可以提交 PR，提供你面试遇到的题目。高频：★★★ 中频：★★ 低频：★ JavaScript 原理实现 bind() ★★实现 apply() ★★实现 call() ★★实现 instanceof ★实现 new ★实现 jsonp ★★★实现 Promise ★★★实现 Promise.all() ★★★实现 Promise.race() ★实现 EventEmitter 订阅监听模

2020-11-08 20:48:17 1102 1

原创 Ant Design Table 组件自定义 render 的作用域，解决找不到 this 问题。

Ant Design Table 组件自定义 render 的作用域，解决找不到 this 问题。今天在使用 Ant Design Table 组件时遇到了一个问题，当我自定义一个 colunm 的 render 函数时，这个render 函数里找不到 this.state 中的状态。简单复现一下：class Demo extends React.Component { state = { action: 'delete', columns: [ { t

2020-11-02 15:51:20 3384

原创 DOM 事件和 React 事件的区别，如何正确的阻止冒泡

DOM 事件和 React 事件的区别，如何正确的阻止冒泡DOM 的事件一般会先后经历捕获与冒泡两个阶段，捕获事件是沿着 DOM 树由上往下传递，到达触发事件的元素（target）后，事件开始冒泡，沿着 DOM 树继续向上传递。IE 9 之前的只支持冒泡以这段代码为例：<div class="outer"> <div class="inner"> inner </div></div>如果点击了 inner，事件是如何传递的呢？

2020-10-22 20:43:19 349

原创前端面试常见手写题整理

前端面试手写题整理前端面试常见的手写题，面试出现概率极高，建议每个都过自己过一遍，加深印象。你可以 watch 一下这个 GitHub 仓库，会持续收集、整理和维护。实现 bind()Function.prototype.MyBind = function (context, ...args) { let self = this; return function() { return self.apply(context, args); }}// testlet a =

2020-10-17 09:28:18 2316

原创 git fetch， git pull，git pull --rebase 之间的区别

1、git fetch 和 git pull 的区别在执行 git pull 后，代码会自动 merge 到本地的分支中，而 git fetch 会忽略掉这个 merge 操作，因此简单来说：git pull = git fetch + git merge2、git pull 和 git pull --rebase 区别git pull 命令默认包含了一个 --merge 参数，因此二者的区别其实就是 merge 和 rebase 的区别。mergemerge 会创建一个新的 commit，如

2020-10-14 15:11:25 958

原创 npm update 作用，它做了那些事情？

npm update 命令这个命令会将所有列出的包更新到最新的版本（由 package.json 中的版本号决定），并且是根据 Semver 语义化版本控制模块。举个简单的例子："react": "^15.6.1","react-dom": "~15.6.1",^: b允许在不修改 [major, minor, patch] 中最左非零数字的更改（匹配大于 X、Y、Z 的更新 Y、Z 的版本号）~: 匹配大于 X.Y.Z 的更新 Z 的版本号因此在执行 npm update 后，上面的

2020-10-14 14:41:15 9463

原创如何删除项目的 node_modules 文件夹

方法一：全局安装 rimraf，这是一个删除文件的 node 命令行工具。npm install rimraf -g然后执行下面的命令删除 node_modules 文件夹。rimraf node_modules这个方法适用于 Windows、macOS、Linux方法二：macOS、Linux 系统可以使用 rm 命令进行删除。rm -r node_modules...

2020-10-14 14:06:04 4399

原创 CSS 中的 BEM 规范

BEM 规范BEM 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。规范默认有以下的几个约定：- 中划线：仅作为连字符使用-- 双中划线：表示不同状态或不同版本__ 双下划线：双下划线用来连接块和块的子元素.block {}.block__element {}.block--modifier{}其中.block 代表了更高级别的抽象或组件。.block__element 代表.block的后

2020-10-13 20:53:02 1203

原创 mermaid 画图测试

#mermaid-svg-OkUVrDXhy38zN1Xt .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-OkUVrDXhy38zN1Xt .label text{fill:#333}#mermaid-svg-OkUVrDXhy38zN1Xt .node rect,#mermaid-svg-OkUVrDXhy3

2020-09-02 08:29:04 162

原创美团前端实习一二三面，已拿 Offer

美团前端实习一二三面面经美团的面试流程还是挺快的，笔试完就开始安排面试，一二三面的时间也是隔天进行，效率。一面正常的技术面试，使用牛客网的面试系统，中间掉线好几次，面试体验不是很好。自我介绍项目介绍http 2.0 与 http 1.1对比http 缓存（强缓存、协商缓存）讲一下 react 生命周期组件构造函数中super作用，super 不写可以吗babel 原理，class 是转换成什么讲一下promise，promise.all()优化的

2020-08-28 15:35:21 876

原创教程 | 个性化定制你的 GitHub 首页

个性化你的 GitHub 首页今天摸鱼之余，看到某个高中生的 GitHub 首页，让人眼前一亮????Google 一番，原来 GitHub 在上个月就推出了自定义首页这个功能。并且结合 GitHub Action，可以有非常多的玩法，甚至可以显示 Twitter 、微博以及豆瓣的相关动态。下面是 Profile 的制作教程。创建 Repo首先新建一个仓库，仓库的名称需要和用户名一致。如果填写正确，会出现绿色的提示框，提示你正在创建一个 GitHub profile。注意将仓库仓库设置为 P

2020-08-11 23:26:50 4736

原创 AOM（Accessibility Object Model 无障碍对象模型）草案解读

最近在看 AOM（Accessibility Object Model）相关的草案，草案推出一两年了，发现还没有相关的中文文档或者博客谈到这个，看来国内做的人还是太少了，一般也只有大厂会去跟进这一块。下面我就介绍 AOM 相关的特性，内容主要翻译自草案，也会加上自己的一些理解，同时复现草案中的一些 Demo。名词释义：下文中的无障碍指 Accessibility，可访问性指 Accessiable。什么是 AOMAOM（Accessibility Object Model），直译过来就是无障碍对象模

2020-08-09 20:54:54 1258

爬取的全国高校校徽图片logo

校徽头像制作小程序源码

空空如也