前端
文章平均质量分 64
墨抒颖 msy.plus
这个作者很懒,什么都没留下…
展开
-
【css灵感】模拟3D地球
在css中有3d变换的方法,一般用它做一些矩形的效果,如果是圆形则比较困难了。这里用一种障眼法的方式实现了3d的效果。点击这里查看无纯净广告版实现方法<div class="css-inspiration-earth-planet-body"> <div class="css-inspiration-earth-planet-earth"></div></div><style>:root { --stars: 5vw原创 2022-01-23 17:10:07 · 810 阅读 · 0 评论 -
【hexo指南】hexo配置ER图流程图时序图插件
偏技术的文章有时会用到各种图形,一般来说可以做好图然后截图放到文章中就好了,虽然但图片本身也很小,但存一大堆图片占用空间总觉得不是很好。mermaidmermaid官方网站mermaid支持很多种图形的渲染,用它是个不错个选择。它可以渲染出多种复杂的图形。例如下面这个。#mermaid-svg-3gTFbeMhExW6J8RC .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family原创 2022-01-14 13:02:18 · 296 阅读 · 0 评论 -
【css灵感】渐变字
直接上效果看不到效果点这里方法一:借助mask-image属性从CSS代码可以看出,效果的实现除了“content内容生成技术”以外,主要是使用了mask-image属性,内容则是“webkit核心浏览器下的渐变”了。<h2 class="text-gradient" data-text="【css灵感】渐变字">【css灵感】渐变字</h2> <style>.text-gradient { display: inline-block;原创 2021-12-20 15:06:56 · 297 阅读 · 1 评论 -
【vscode高级玩家】设置酷炫字体Fira Code
点此查看纯净无广告的原始内容Fira Code字体是一种适用于编程的等宽字体。使用它可以减少我们在编程时处理逻辑标记的脑力消耗。问题Fira Code字体的作者认为开发者们在编程时使用的->,>=,:=,===这些字体其实是一个单一的逻辑标记,虽然它们只使用了两到三个字符,但时我们在阅读的时候一九要花费一部分脑力去阅读,将多个字符理解为一个逻辑字符。理想情况下所有的编程语言的操作符都可以设计为Unicode符号,不过目前并不是这样。解决方案Fira Code字体时一种免费的等宽字体,其原创 2021-12-20 14:41:20 · 3063 阅读 · 0 评论 -
【mapbox自定义样式】根据高度着色
mapbox根据地形高度渲颜色这里分为两种方式来实现,分别对应适用于设计师的mapbox studio配置方式,和适用于开发者的代码更改方式,惯例先看最终效果查看交互式的最终效果适用于设计人员的方式先新建一个地图,基础样式任意选择先设置高度,这样就有了线稿一般的轮廓然后我们新建一个图层,注意这一步选择如图所示的内容可以拿到地形高度信息,随后在type里设置为fill-extrusion然后设置颜色就和上色一样,规则由您任意定制适用于开发者的方式需要注意如果您使用了自己的DEM源,原创 2021-12-19 22:40:24 · 970 阅读 · 0 评论 -
mapbox获取各种经纬度
点击地图即可获取经纬度,也可以手动输入经纬度来换算在线查看运行效果实现方法mapbox中通过地图点击事件来获取到坐标,然后转换为其他的坐标系并输出在屏幕上即可获取坐标方法很简单,给地图添加一个监听事件即可。map.on('click', e=>{ const {lng, lat} = e.lngLat console.log(lng,lat)})坐标转换直接上代码,复制粘贴就能用/** * Created by Wandergis on 2015/7/8. * .原创 2021-12-19 18:50:27 · 1383 阅读 · 1 评论 -
❤️github注册教程最新版(✨图文并茂最新版保姆级教程:建议收藏)
准备拥有一个可以接受信息的邮箱即可开始点击github官网githubstep1.进入注册页面点击Sign Up进入注册流程step2.输入邮箱这个时候会浮现出一些文字,等到出现这个界面的时候就输入您的邮箱地址。????记住每次输入完内容后,点击一下Continue或者旁边的背景确保github给出提示如果您一切正常的话,您会看到Continue亮起,点击它!进入到下一步。但如果您出现这个提示,不要慌,这表示您其实拥有github账户,尝试找找密码,在第一步中点击Sign In登录原创 2021-10-04 20:44:43 · 3348 阅读 · 4 评论 -
code-server nginx 反向代理
这里根据官网所给出的配置项进行了简单修改,仅作参考关于nginx配置项有不了解的可以看这里反向代理配置内容location / { proxy_pass http://127.0.0.1:8082; proxy_set_header Host $host; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection upgrade; proxy_set_header Accept-Encoding gzi原创 2021-09-07 23:48:02 · 571 阅读 · 0 评论 -
vscode server配置教程适配所有平台
code-server 官方教程中对于配置项讲的比较深入,包含了证书生成和nginx配置,但是实际使用的时候并不需要这么复杂,有关证书的内容用了通配符证书一次性生成好,有关配置项往往也有通用配置,仅需要调整少量内容即可。code-server默认配置文件在~/.config/code-server/config.yml中,这里放出我都配置项仅供参考配置文件内容bind-addr: 127.0.0.1:8080 # 这里配置web服务绑定的端口和地址auth: password # 认证方式为密码认原创 2021-09-07 23:45:12 · 686 阅读 · 0 评论 -
vscode server安装教程适配所有平台
安装code-server的安装方法支很多种,通用性比较强的方法是使用docker和npm,这里先以docker为例使用docker安装code-server使用该命令运行容器后访问-p 127.0.0.1:8080:8080所指定的8080端口查看运行结果,控制台将输出所需的秘钥# This will start a code-server container and expose it at http://127.0.0.1:8080.# It will also mount your cu原创 2021-09-07 23:42:56 · 2761 阅读 · 0 评论 -
bt面板安装邮局系统
前些日子阿里云优惠就顺便买了个服务器,今天想在阿里云的服务器上试着安装一个邮件服务,突然发现之前安装的好好的邮件服务插件不能正常安装了,一直报错。点击该链接享受本文章的纯净无广告版查看了下出错的地方,提示没有back_file这个属性,并且告诉了我文件路径,那接下来的内容就轻松了,去看下这个函数做了什么,看名字大概率是备份一下文件,自己手动备份一下,然后把问题修复掉。看得出来的确是备份一下文件,那么自己提前备份好,然后注释掉就好了。代码文件的路径在/www/server/panel/plugin原创 2021-08-29 11:52:54 · 250 阅读 · 2 评论 -
Android 文件分享示例(含代码实例)
在阅读Android 移动应用开发基础教程 微课版 第54页的启动另一个应用中的活动时,当时想到应该可以做出类似于各大平台的分享页面一样的功能,便搜集资料看到了这位大神给出的案例,具体代码在大神的仓库中,但是我使用的Android SDK以及Android studio的版本和大神的不一样,使用大神的代码出现了分享文件问题,认真解决发现了这里面还别有不少知识。具体原因是因为出现FileUriExposedException这样的异常,原因是Andorid7.0的“私有目录被限制访问”,“Strict原创 2020-11-16 12:34:54 · 971 阅读 · 0 评论 -
关于GSAP 你还可以知道这些...
gsap是目前非常流行的前端动画框架,可以非常轻松构造出复杂的动画效果,这里仅对我实际使用中的一些例子进行总结官网示例文章种所使用代码的在线示例基础用法// 声明一个滚动控制器let ctrl = new ScrollMagic.Controller({ globalSceneOptions:{ offset:-200 }})// MORE+ Array.from(document.querySelectorAll(".more")).forEach((el,ix)=原创 2020-11-16 12:31:05 · 596 阅读 · 0 评论 -
浏览器报`The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be the wildcard
欢迎访问moshuying.top查看更多信息详细错误信息 Access to XMLHttpRequest at 'http://localhost:7894/Login' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-原创 2020-11-16 12:27:32 · 1814 阅读 · 0 评论 -
在hexo中嵌入three.js运行shader或者three.js的场景
clone代码后查看运行时效果,或立即访问这里查看效果https://moshuying.top仓库链接,点个免费的星星感激不尽。主题文件默认情况下似乎不会自动clone可以切到主题目录下下载主题,可以自行clone主题最近想在hexo中嵌入一些shader,折腾了一些时间后终于完善,实际上用这种方法不仅可以在hexo中嵌入shader,也可以嵌入babylonjs,pxixjs,Layabox,Egret,Cocos2等,先看效果,原理什么的其实很简单。由于一些shader特别消耗显卡性能,在原创 2020-10-05 20:50:12 · 400 阅读 · 0 评论 -
前端与算法 leetcode 8. 字符串转换整数 (atoi)
文章目录前端与算法 leetcode 8. 字符串转换整数 (atoi)题目描述概要提示解析解法一:正则解法二:api解法二:手搓一个api算法传入测试用例的运行结果执行结果GitHub仓库查看更多前端与算法 leetcode 8. 字符串转换整数 (atoi)题目描述请你来实现一个 atoi 函数,使其能将字符串转换成整数。首先,该函数会根据需要丢弃无用的开头空格字...原创 2019-11-22 10:55:47 · 212 阅读 · 0 评论 -
前端与算法 leetcode 387. 字符串中的第一个唯一字符
文章目录前端与算法 leetcode 387. 字符串中的第一个唯一字符题目描述概要提示解析解法一:双循环解法二:Set法单循环算法传入测试用例的运行结果执行结果GitHub仓库查看更多前端与算法 leetcode 387. 字符串中的第一个唯一字符题目描述给定一个字符串,找到它的第一个不重复的字符,并返回它的索引。如果不存在,则返回 -1。案例:s = "leetcode"返回 0...原创 2019-11-21 08:56:17 · 581 阅读 · 0 评论 -
前端与算法 leetcode 283. 移动零
文章目录前端与算法 leetcode 283. 移动零题目描述概要提示解析解法一:暴力法解法二:双指针法算法传入`[0,1,0,3,12]`的运行结果执行结果GitHub仓库前端与算法 leetcode 283. 移动零题目描述给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序。示例:输入: [0,1,0,3,12]输出: [1,3,12,0...原创 2019-11-21 08:53:21 · 178 阅读 · 0 评论 -
前端与算法 leetcode 125. 验证回文串
文章目录前端与算法 leetcode 125. 验证回文串题目描述概要提示解析解法一:api侠解法二:双指针算法传入测试用例的运行结果执行结果GitHub仓库查看更多前端与算法 leetcode 125. 验证回文串题目描述给定一个字符串,验证它是否是回文串,只考虑字母和数字字符,可以忽略字母的大小写。说明:本题中,我们将空字符串定义为有效的回文串。示例 1:输入: "A man, ...原创 2019-11-21 08:52:11 · 275 阅读 · 0 评论 -
前端与算法 leetcode 7. 整数反转
文章目录前端与算法 leetcode 7. 整数反转题目描述概要提示解析解法算法传入测试用例的运行结果执行结果GitHub仓库前端与算法 leetcode 7. 整数反转题目描述给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。示例 1:输入: 123输出: 321示例 2:输入: -123输出: -321示例 3:输入: 120输出:...原创 2019-11-21 08:48:56 · 326 阅读 · 0 评论 -
vue-create 报错 command failed: yarn --registry=https://registry.npm.taobao.org --disturl=https://npm.
@vue/cli 3.x 创建项目失败解决方案报错信息command failed: yarn --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist报错原因经bug修复后查明是yarn问题,yarn不能使用https://registry.npm.taobao.org源,所以报出...原创 2019-11-19 15:11:12 · 2797 阅读 · 0 评论 -
前端与算法 leetcode 242. 有效的字母异位词
文章目录前端与算法 leetcode 242. 有效的字母异位词题目描述概要提示解析解法一:哈希表解法二:数组判断字符出现次数解法三:转换字符串算法传入测试用例的运行结果执行结果GitHub仓库前端与算法 leetcode 242. 有效的字母异位词题目描述给定两个字符串 s 和 t ,编写一个函数来判断 t 是否是 s 的字母异位词。示例 1:输入: s = "anagra...原创 2019-11-18 08:53:53 · 491 阅读 · 0 评论 -
javascript 解决默认取整的坑(目前已知的最佳解决方案)
javascript 解决默认取整的坑(目前已知的最佳解决方案)复现该问题js在数字操作时总会取更高精度的结果,例如1234/10结果就是123.4,但是在c或者java中整数除以10的结果还是整数,小数部分被舍去,不仅如此 *,%等运算符也会出现这种结果,但我们有时候更希望舍去取整使用Math标准库Math标准库提供了Math.floor():向下取整Math.ceil():向上取整Ma...原创 2019-11-17 18:58:48 · 743 阅读 · 0 评论 -
前端与算法 leetcode 344. 反转字符串
文章目录前端与算法 leetcode 344. 反转字符串题目描述概要提示解析解法一:双指针解法二:递归算法传入测试用例的运行结果执行结果GitHub仓库前端与算法 leetcode 344. 反转字符串题目描述编写一个函数,其作用是将输入的字符串反转过来。输入字符串以字符数组 char[] 的形式给出。不要给另外的数组分配额外的空间,你必须原地修改输入数组、使用 O(1) 的额外空间解...原创 2019-11-16 11:56:35 · 122 阅读 · 0 评论 -
JavaScript闭包使用姿势指南
文章目录JavaScript闭包使用姿势指南引言闭包的定义来个有趣的例子吧现在我们换个例子吧我们再来个有趣的例子内存泄露问题用闭包解决递归调用问题用闭包模拟私有方法在循环中使用闭包性能考虑JavaScript闭包使用姿势指南引言闭包就是指能够访问另一个函数作用域的变量的函数,闭包就是一个函数,能够访问其他函数的作用域中的变量,js有一个全局对象,在浏览器下是window,node下是glob...原创 2019-11-16 09:55:20 · 247 阅读 · 0 评论 -
前端与算法 leetcode 48. 旋转图像
文章目录前端与算法 leetcode 48. 旋转图像题目描述概要提示解析解法一:转置加翻转解法二:在单次循环中旋转 4 个矩形算法传入测试用例的运行结果执行结果GitHub仓库前端与算法 leetcode 48. 旋转图像题目描述给定一个 n × n 的二维矩阵表示一个图像。将图像顺时针旋转 90 度。说明:你必须在原地旋转图像,这意味着你需要直接修改输入的二维...原创 2019-11-14 11:34:34 · 388 阅读 · 0 评论 -
前端与算法 leetcode 36. 有效的数独
文章目录前端与算法 leetcode 36. 有效的数独题目描述概要提示解析算法传入`[['5', '3', '.', '.', '7', '.', '.', '.', '.'],['6', '.', '.', '1', '9', '5', '.', '.', '.'],['.', '9', '8', '.', '.', '.', '.', '6', '.'],['8', '.', '.', '....原创 2019-11-11 13:22:00 · 219 阅读 · 0 评论 -
前端与算法 leetcode 1. 两数之和
文章目录前端与算法 leetcode 1. 两数之和题目描述概要提示解析解法一:暴力法解法二:HashMap法算法传入`[1, 2], [11, 1, 2, 3, 2]`的运行结果执行结果GitHub仓库前端与算法 leetcode 1. 两数之和题目描述给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返...原创 2019-11-10 22:02:30 · 304 阅读 · 0 评论 -
前端与算法 leetcode 283. 移动零
文章目录前端与算法 leetcode 283. 移动零题目描述概要提示解析解法一:暴力法解法二:双指针法算法传入`[0,1,0,3,12]`的运行结果执行结果GitHub仓库前端与算法 leetcode 283. 移动零题目描述给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序。示例:输入: [0,1,0,3,12]输出: [1,3,12,0...原创 2019-11-10 20:32:30 · 364 阅读 · 0 评论 -
前端与编译原理 用js去运行js代码 js2run
前端与编译原理 用js去运行js代码 js2run===前端与编译原理似乎相隔甚远,各种热门的框架都学不过来,那能顾及到这么多底层呢,前端开发者们似乎对编译原理的影响仅仅是"抽象语法树",但这只是个开头而已,我们的目的是利用js直接运行js代码项目地址安装及使用方法写这个干嘛,有现成的eval不香么接触过微信小程序开发的同学或许知道,小程序为运行环境禁止new Function,eva...原创 2019-11-10 10:45:55 · 194 阅读 · 0 评论 -
前端与算法 leetcode 66. 加一
文章目录前端与算法 leetcode 66. 加一题目描述概要提示解析解法一解法二算法前端与算法 leetcode 66. 加一题目描述给定一个由整数组成的非空数组所表示的非负整数,在该数的基础上加一。最高位数字存放在数组的首位, 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外,这个整数不会以零开头。示例 1:输入: [1,2,3]输出: [1,2,4]解释: 输入...原创 2019-11-10 09:33:17 · 329 阅读 · 0 评论 -
前端与算法 leetcode 350. 两个数组的交集 II
文章目录前端与算法 leetcode 350. 两个数组的交集 II题目描述概要提示解析解法一:哈希表解法二:双指针解法三:暴力法算法前端与算法 leetcode 350. 两个数组的交集 II题目描述给定两个数组,编写一个函数来计算它们的交集。示例 1:输入: nums1 = [1,2,2,1], nums2 = [2,2]输出: [2,2]示例 2:输入: nums1 = ...原创 2019-11-10 08:52:33 · 663 阅读 · 0 评论 -
前端与算法 leetcode 26. 删除排序数组中的重复项
文章目录前端与算法 leetcode 26. 删除排序数组中的重复项题目描述概要提示解析算法前端与算法 leetcode 26. 删除排序数组中的重复项题目描述26. 删除排序数组中的重复项概要一提到原地删除数组,就能立即想到双指针法,这道题本身也没什么难度,日常水题,提示双指针解析没有思路的时候,耐心一点即可算法/** * @param {number[]} nums...原创 2019-11-09 09:10:45 · 609 阅读 · 0 评论 -
vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案
vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案最近做项目发现一个问题,页面每次刷新后加载速度都非常慢,20s左右,在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化1,关闭打包时生成的map文件在config/index.js文件中讲productionSourceMap设置为false,再次打包便没有了map文件2,vue-router路由懒加载懒加载的实现方式有很...原创 2019-11-05 23:10:39 · 4781 阅读 · 3 评论 -
前端与算法 leetcode 189. 旋转数组
文章目录前端与算法 leetcode 189. 旋转数组题目描述概要提示解析算法前端与算法 leetcode 189. 旋转数组题目描述189. 旋转数组概要把他当做一到简单的题来做,不要想太多了就好也可以不整那些花里胡哨的,直接旋转数组n次,我一开始也想到了这个办法,但是觉得太简单而且效率低下,想了很久也没想到合适的办法提示使用额外的数组解析用一个额外的数组将每个元素放到对应...原创 2019-11-05 19:53:36 · 158 阅读 · 0 评论 -
前端与算法 leetcode 28.实现 strStr()
前端与算法 leetcode 28.实现 strStr()题目描述28.移除元素概要这道题的意义是实现一个api,不是调api,尽管很多时候api的速度比我们写的快(今天这个我们可以做到和indexOf一样快),但我们还是要去了解api内实现的原理,在我们所熟悉的v8引擎中,indexOf使用了kmp和bm两种算法,在主串长度小于7时使用kmp,大于7的时候使用bm,bf咱就不说了哈,那...原创 2019-10-25 09:01:43 · 146 阅读 · 0 评论 -
前端与算法 leetcode 27.移除元素
目录前端与算法 leetcode 27.移除元素题目描述概要提示解析算法前端与算法 leetcode 27.移除元素题目描述27.移除元素概要题目本身其实挺简单的,官方解答也说道了人们可能会对"就地"一次感到困惑,并认为在不复制数组的情况下从数组中删除元素是不可能的提示双指针,仅返回长度,元素顺序可以更改,元素很少时解析把题中的就地删除理解为覆盖,也就是说,只要我们找到一个和v...原创 2019-10-23 10:35:21 · 188 阅读 · 1 评论