Skywen天问信息

WordPress本身已经集成全套的jQuery库与其他子库，所以在写前端程序时可以考虑调用WordPress自带的jQuery库，这样jQuery版本就能够随着WordPress升级一起更新，找了很久的教程，才找到怎么调用jQuery的方法，同时还要解决jQuery不能选择伪元素的问题。我们的技术分享 06 Skywen天问学习 作者 Mogmail 2021.02.24需求需要在skywen官网底部添加微信图标，以及鼠标悬浮微信图标时，展示二维码的弹框。思路因为底部是由三个footer小工具

最近刚好遇上实战部署Docker，它可以不顾本地环境如何，采用Compose定义Dockerfile文件，部署好应用程序的环境，一键启动并运行整个应用程序，后续只要这个文件里存在当初定义好的Dockerfile文件，就可以直接运行测试了。所以尝试用Docker在本地搭建WordPress5.5的开发环境，下面是爬完坑的最终结果，可以拿来借鉴。我们的技术分享 07 Skywen天问信息 作者 Mogmail 2021.02.24部署源码首先，先新建docker-compose.yml，定义好所需的数据

【2021年实战】在k8s上用Docker部署WordPress 5.5总结今年遇上公司技术转型，所有的项目都要由原来需要通过git上传到服务器更新文件转变到现在k8s配置，Docker构建部署，形成全自动化流水线。而我因为手头上有几个WordPress的项目，所以WordPress的Docker初次构建部署的担子就压到了纯属小白的我。之前对k8s和Docker完全就是一窍不通，更别说是要在短时间内完成项目的部署，所以在一开始的时候，花了大概两三天的时间，恶补了一下Docker的原理及操作，然后在接下

【canvas】导入图片/字体（游戏前置）canvas游戏加载图片需求1.游戏开始之前必须加载完所有要用的图片/字体(缓存文件数据，方便后面代码同步执行)2.加载的文件必须精准知道加载结束时间并给出方便后续使用的数据PS:字体可能在css里需要使用，虽然不必在乎渲染顺序，但是需要渲染出来音频文件也可以用类似方法预加载（但是因为ios的安全机制所以行不通，但有解决方法）使用原理1.浏览器的缓存机制是，只要相同的地址，请求一次后，数据就放入缓存待用2.用js函数的方式生成dom，预加载图片数据

【canvas】动画封装（游戏前置）canvas动画要求1.不停渲染2.可控使用相关方法1.es6定义类 解决封装问题2.requestAnimationFrame 解决动画渲染问题（兼容替换方法 setInterval，setTimeout）export default class AnimationFrame { constructor(p) { p = p || {}; this.repeat = p['repeat']; // 需要执行的循环方

【canvas】精灵类（游戏前置）游戏内容1.背景类型（不可动，或整体移动）2.独立个体类型（独立的动作）3.可控的动作个体使用相关方法1.es6定义类 解决封装问题2.canvas相关方法（translate，rotate，drawImage）精灵的需求1.精灵可复用且互不相关（除了图片的引用，这是必须的）2.可控（前后左右移动，旋转）解析1.canvas中渲染图片，是无法将图片进行旋转，只能将画布进行旋转操作，因此要在canvas渲染出旋转的图片其实是先把画布进行旋转，再加入图

【JS】函数防抖和节流函数防抖在一定时间间隔内只触发最后一次函数应用情况1.点击按钮触发2.搜索框输入时触发的请求代码实现export default function(func, wait, immediate) {//防抖函数 let timeout return function(...args) { clearTimeout(timeout) timeout = setTimeout(() => { timeout = null

【兼容问题】ios不能自动播放音频一般网页里自动播放音频的代码如下<audio src="/music/BGM.mp3" autoplay ></audio>问题：但是ios的机制导致这一属性无法产生效果，必须手动点击已经渲染出来的DOM才可以播放。PS:无论是直接写DOM，还是用js生成都无法触发自动播放，连加载完成的监听属性也封锁了，因此也无法监听音频文件是否加载完成，解决思路：按着ios的安全机制，必须要点击音频的DOM,那么我们就去用JS产生点击这个操作借助工

【框架】axios封装（接口）封装作用：接口的封装和实际项目开发流程和开发过程相关1.统一请求方式，方便接口的取用和阅读2.简化请求的代码量，减少重复代码冗余3.接口代理4.方便修改开发流程(前端)1.设计图和项目功能->2.后端写接口 ->3.提供前端接口 - ↓->2.前端写页面->3.写功能->4.虚拟接口数据测试功能->5根据真实接口调整前端接口数据import axios from 'axios'i

【框架】表格组件描述基于antdesign UI a-table二次封装的列表组件使用方法基本使用方法和a-table相似，具体看下面代码示例<template> <Table :columns="Table.columns" :querys="Table.querys" :load="Table.loadData" auto > <!--> 这

【框架】上传文件思考一般上传文件的组件，都会让你填写上传的地址，无论是你二次封装，还是使用已有组件，都需要在组件上填写起码1次以上上传文件的接口地址，这样就不利于前端代码的接口统一调用，而且在一段时间或再进行项目修改，容易遗忘。处理索性将上传文件的接口和上传的文件的view彻底分开接口封装内容：【框架】axios封装（接口）**接口示例：export const UploadExcel = ({file,fn}) => {//上传接口 return API({

【框架】弹出框需求1.调用页面不用手动引用模板文件2.展示状态可控3.内容可选和自定义原理1.vue的构造器vue.extend(option)2.vue的jsx写法（推荐）3.Promise(可选)代码示例import vue from 'vue'import "./message.less" //弹出框的样式文件//创建构造器const Info = vue.extend({ render() { return (this.show ? <div class

前言目前市面上有很多类型的导航地图，比如百度地图、腾讯地图、谷歌地图等等，因为要运用到公司的项目中，所以我们在项目初期就要从各个方面来合理地选择一个符合需求的导航地图，避免在日后的开发中，因为地图的精确度不够或者实效性不高，出现各种问题，如无法实时更新信息，导致地图显示错误等，到时候再腾出时间来更换地图的话，不仅耗时耗力，还会占用我们宝贵的时间。本篇解决问题本篇文章通过以下几个方面进行开展...

如果你是一个刚写了一年原生html,js,css的新手开发学习完了这些基础内容后，可能会迷茫接下去该学写什么，和后端技术不同，前端的技术可以说是杂而又多，而且日新月异，然而一个人的精力有限，哪有那么多时间去一一甄别和学习。前端开发的进化之路从基础的html、css、js技术运用，到使用一些基于原始技术的封装库，再到使用完整的框架。这是前端开发的进化史，也是一个作为前端开发的学习成长之路。...

为什么选择Flutter在使用Flutter开发之前，我是一个标准的iOS开发人员。我至今认为苹果的整个体系，甚至整个技术框架都是业内最牛逼，最完善的，你甚至挑不出太多毛病。尤其在苹果发布Swift并宣布开源后，苹果的整个技术生态体系已到顶峰（Swift甚至可以用来做Web后端的开发，并且被谷歌人工智能团队所采取作为首选语言）。但是，iOS开发中也有一些不足之处：在Swift发布之前，所有...

在2016年-2019年，SkywenCode技术团队使用码云Gitee 作为线上代码库管理，基于敏捷开发和持续构建的思路，我们整体基础建设以Drone / Jenkins + Docker 的方式构建和部署整个基础建设体系。在接下来的时间里，SkywenCode技术团队基础建设系列会基于每一步的进展和采坑推出相应的教程，用于团队的经验总结回顾，以及分享和开放给有需要的团队或个人参考。本篇主...