- 博客(72)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 js实现无符号整数按位取反
前言最近有一段时间没写文章了，工作上比较忙，刚好今天有人问到我这个问题，我就去补了一下功课。然后在js上实现了一下。什么是无符号整数和有符号整数？其他地方搬过来的有符号就是最高位是符号位，其余的位是数据位。无符号就是所有位都是数据位。比如char类型是8位的，其中最高位是符号位1=0b00000000，-1=0b11111111(这里涉及到了补码)，它能表示的范围是-128～+127。unsigned char 是无符号字符型也是8位，它没有符号位，最高位是数据位，比如1=0b00000.
2021-09-13 23:20:52
2178
原创 基于vue3.0+vantUI+sass实现的移动端商城
基于yg_mobile开发的一款简单的h5商城页面yg_mobile 自开发vue移动端的启动项目源码yg_mobile项目的gitee地址：https://gitee.com/yango520/yg_mobileyg_mobile方便往后自己开发vue移动端项目时候，不需要再做其他配置和造轮子等复杂工作特别声明：UI是参考yoyo的设计，仅用于学习，非商业用途项目gitee地址：https://gitee.com/yango520/yg_shopYG商城预览地址： 传送门查看预览图项
2021-06-15 23:33:14
1912
10
原创 mac上使用git提交本地代码到gitee仓库
1. 首先本地需要安装好git，可以使用brew安装，前提需要安装好homebrew2. 在gitee上创建一个仓库，创建好之后，会得到仓库地址3. 打开终端，cd到代码根目录4. 初始化项目，git init5. 提交所有项目代码到暂存区，git add .6. 填写提交备注，git commit -m "first commit"7. 拷贝代码提交托管到仓库，git remote add origin https://gitee.com/你的仓库地址/xxx.git8. 最后提交gi
2021-06-09 18:36:57
2194
原创 express+multer实现layedit富文本编辑器图片上传 新增查看源码功能
express+multer实现layedit富文本编辑器图片上传新增layedit查看源码功能首先使用express创建一个项目serverexpress server然后初始化项目//进入server目录cd server//初始化项目cnpm install安装所需要的依赖库//multer用来处理文件上传cnpm install multer --save//express-art-template和art-template是html渲染模版引擎cnpm
2021-06-04 01:27:19
240
原创 css设置始终显示滚动条
在需要设置滚动的元素上设置如下下面以垂直方向滚动为例，父元素为ul，需要先设置高度。ul{ height: 260px; overflow-y: scroll; overflow-x: hidden;}ul::-webkit-scrollbar { /* 隐藏默认的滚动条 */ -webkit-appearance: none;}ul::-webkit-scrollbar:vertical { /* 设置垂直滚动条宽度 */ width: 2px;}/* 这里不需要用到
2021-05-06 15:19:35
11469
1
原创 krpano使用gyro2.js自定义陀螺仪
首先需要gyro2.js文件在需要设置陀螺仪的xml文件里添加如下代码<!--说明: url: 注意路径根据自己目录文件来引入，如果是没变过可以直接用%SWFPATH%/plugins/gyro2.jsenabled: 设置是否启动陀螺仪，注意：ios不能自启动陀螺仪，需要手动点击启动camroll: 根据设备旋转调整观看位置其他属性自行去查看官网或者一些中文网--><plugin name="yg_gyro" devices="html5" keep="t
2021-04-06 16:09:28
525
1
原创 前端静态web服务器live-server使用
live-server npm地址：https://www.npmjs.com/package/live-serverlive-server是一款npm工具，可以实现在本地开发中搭建一个临时静态服务器。虽然现在很多编辑器都有一键启动服务器功能，但是多学一个总归是好的。1. 安装live-server在安装live-server前需要先安装好node和npm，这个自行安装。npm install -g live-server如果npm安装太慢的话就用cpm install -g live-se
2021-03-11 10:18:57
796
原创 krpano获取地址栏传参
首先需要在embedpano里设置passQueryParameters: trueembedpano({ swf: "tour.swf", xml: "tour.xml", target: "pano", mobilescale: 1.0, passQueryParameters: true //是否接收URL参数 });然后在tour.xml里接收参数这里默认自带的startscene则是跳转场景的index下标scene[index]，比如传入tour.html?s
2021-01-12 16:22:28
538
原创 mongodb创建数据库，创建集合(表)，实现增删改查
mac上安装mongodb传送门目录首先在终端上，我们先执行`mongo` 来启动运行mongodb一. 查看所有数据库二. 创建数据库yango_db三. 创建user集合(表),也是插入数据四. 显示当前数据集合五. 删除当前集合六. 删除数据库七. 查询数据1. 查询user集合所有数据2. 条件查询，查询age=18的数据3. 条件查询，查询age>24的数据`$gt`4. 条件查询，查询age>=24的数据`$gte`5. 条件查询，查询age<20的数据`$lt`6. 条件查
2021-01-11 00:48:52
3021
3
原创 mac上安装mongodb
1. 下载地址：https://www.mongodb.com/download-center#community2. 点击如下3. 直接下载4. 然后进入/usr/local目录，可以在终端执行命令open /usr/local5. 把下载的mongodb压缩包解压到这里6. 改一下文件名为mongodb7. 然后我们可以把 MongoDB 的二进制命令文件目录（安装目录/bin）添加到 PATH 路径中（在终端执行）export PATH=/usr/local/mongodb/bi
2021-01-09 23:34:52
542
3
原创 nodejs express接入阿里云短信服务实现短信发送功能
本文将实现阿里云中短信服务的【短信验证码功能】第一步先要到阿里云平台去申请短信签名和模版(如果已完成可以忽略这一步)。首选需要有阿里云账号，进入阿里云【短信服务控制台】，可以在搜索栏搜索短信服务进入短信服务控制台后，点击 国内消息 >> 模版签名 >> 添加签名，按照提示去添加即可，蒹添加后就等待审核通过添加短信模版， 点击 模版管理 >> 添加模版，根据提示添加，这次测试就用系统送的模版。注意：因为后续开发要用到的是数据是【签名名称】【
2020-12-30 15:11:06
2201
4
原创 nodejs用supervisor实现热更新/自启动更新开发
1. 首先需要安装supervisor依赖npm install supervisor -g2. 如果太慢的话可以用cnpm安装cnpm install supervisor -g3. 安装完之后可以输入supervisor -V查看是否安装成功4. 最后即可以用 supervisor app.js 来启动应用，后续修改只需要直接保存，客户端刷新既可。5. 如果是在express4.x中使用的话, 可以使用使用supervisor ./bin/www来启附: 也有人说用nodemon来
2020-12-26 13:06:45
417
5
原创 云服务器Linux centos6.5版本Nginx更新SSL证书
首先在SSL证书控制台上下载nginx的证书文件(包括key文件和pem文件)需要确认我们我们的linux环境下的centos系统是什么版本的，在终端输入命令cat /etc/redhat-release，我这里用的是finalshell,可以看到我的centos版本是6.5的版本cat /etc/redhat-release 确认nginx进程的启动目录，在终端上输入命令ps aux|grep nginx，可以看到在/usr/local/nginx/conf/目录下ps aux|gre
2020-11-25 10:28:19
1981
2
原创 申请阿里云免费版SSL证书并配置在宝塔Nginx上
首先我们要有阿里云账号并且已经购买了域名然后我们将添加域名解析到服务器上(这一步略过)下面开始购买免费版SSL在阿里云上搜索SSL，进入SSL控制台点击购买证书分别选择 单个域名 => DV域名SSL => 免费版，最后立即购买最后可以返回SSL控制台查看ssl证书列表下面步骤则是将证书部署到域名上点击证书申请填写申请信息，主要填写需要绑定的域名，（注意，此步骤之前需要先解析好域名）,其他配置不需要改动，CSR生成方式为系统生成，最后点击下一
2020-11-25 10:06:33
834
原创 webpack5跑webpack-dev-server的时候报错Error: Automatic publicPath is not supported in this browser的解决方案
最近跟着B站大佬视频学习webpack5手动配置webpack构建工具，遇到了这个问题。问题描述： 在使用webpack-dev-server本地服务的时候，则报错Error: Automatic publicPath is not supported in this browser，如下图各个工具版本webpack @5.1.3webpack-cli @4.0.0node @10.11.0报错原因分析: 首先我webpack打包出来后运行的html没有报错的。然后当我修改url-load
2020-10-27 22:53:32
1628
4
原创 krpano实现多语言切换
最近做项目遇到的需求，在全景图里实现中英文切换。然后自己就想了这么一套方案1. 首先创建我们的语言包中文语言包 lange_cn.xml
2020-05-28 22:01:16
521
原创 JavaScript对数组操作的api基本都在这里了
一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, 4, 5]...
2020-05-28 11:31:03
224
原创 nginx 访问静态资源文件报403的解决方案
开始前先描述我遇到的问题： 在这之前我上传前端代码是没有遇到过这样的问题的，访问图片，视频，音频，xml文件都可以访问，然后今天上传的代码访问却报.xml文件403，403的问题就是服务器端拒绝访问这个资源文件。所以找了网上很多方案，最后试了修改访问目录权限就可以了。解决方法先 cd到你代码所在的目录，然后执行下面的代码chmod -R 777 *就是给予当前目录访问权限...
2020-05-15 16:00:48
3043
1
原创 vue+threejs通过OrbitControls控制模型
最近在学习threejs，因为都是在html写的，所以自己想结合vue去实现threejs的3D模型，然后遇到了许多坑[说多了都是泪]其他的坑就不多说了下面实现一下引入OrbitControls控制模型参考了Beam007博主的方法安装imports-loader and exports-loader(用于向一个模块的作用域内注入变量、从模块中导出变量)npm install impor...
2020-05-06 16:49:42
4203
1
原创 vue实现页面跳转时回滚到页面顶部
直接在main.js添加下面代码即可router.afterEach((to, from, next) => { window.scrollTo(0, 0)})
2020-05-06 15:16:32
709
原创 krpano 实现小行星加载完成再显示所有的热点
刚接触krpano，发现这个神奇的玩意，做全景图开发的工具。不过这几年也是不温不火。不过感觉还是挺新奇。刚好遇到了一些问题，比如，默认皮肤的情况下，使用小行星在加载的时候就会出现各个热点，这样子并不好看。接下来实现小行星加载完成再显示所有的热点。说明一下，我的krpano版本是1.19 pr16的。其他方法可以参考肥宗的文档。》》http://www.krpano360.com/lit...
2020-04-01 22:53:25
1564
原创 webpack入门创建一个简单的项目
开始前需要安装好 node npm(cnpm)首先创建一个目录 one-webpack 并进入目录初始化项目，命令如下npm init回车后会有一系列创建项目的提示，可以一路回车，后期可以修改，最后会创建一个package.json文件安装依赖如果网络慢的可以用cnpm安装npm install webpack --save-devnpm install webpack-...
2020-03-04 16:34:04
2035
4
原创 基于vue+router+vuex的移动端留言板项目
mimi介绍： 该项目基于vue的移动端项目，没有使用UI框架，后端基于node express，前端仓库: https://gitee.com/yango520/mimi后端跟后台仓库: https://gitee.com/yango520/messageBoard# install dependenciesnpm install# serve with hot reload ...
2020-02-27 16:02:50
1050
原创 基于node express+mysql实现的留言板后台管理系统
前言： 该项目适合新手入门练手，项目功能比较完整项目功能：登录 数据增删改查 搜索 分页仓库地址：https://gitee.com/yango520/messageBoard下面看看效果图吧登录界面首页用户管理留言管理...
2020-02-27 15:33:07
1202
4
原创 mac 版 vscode托管代码到gitee(码云)
1. 首先要全局安装git略2. 在gitee上新建一个仓库3. 填写仓库内容4. 创建成功后复制仓库地址5. 打开vscode，快捷键 cammand+shift+p，输入git，选择 git:克隆，如果是第一次到话会需要填写git账号跟密码6.输入我们刚才复制的仓库地址，回车，然后选择一个文件夹存放我们的本地代码，将我们的项目拷贝到这里7. ...
2020-02-04 02:01:43
2700
3
原创 vue中@import css的时候无法识别～
当我们用vue-cli创建项目的时候，发现在style中@import '~styles/common.scss'的时候发现会报错找不到路径我们可以在/build/webpack.base.con.js中的resolve配置别名再在styles中去引入@import 'styles/common.scss';/*或者*/@import '～styles/common.sc...
2020-01-08 00:30:28
3124
原创 vue中引入scss报错的问题
以前一直在用less，没用过scss，这次写一个项目打算用scss来写的然后发现了一些坑正常我们都是在项目中直接安装scss的npm install style-loader sass-loader node-sass --save-dev以前安装了less是需要手动去配置的，然后就在在webpack.base.conf.js的rules中添加了{ test:...
2020-01-06 23:57:10
4457
原创 在云服务器上通过pm2部署node express项目
前言之前有写过在宝塔上通过pm2部署node express项目 传送门但是发现有些问题，在宝塔pm2部署的node项目很容易崩溃，经常动不动就请求了502的，所以没办法，只能通过命令行去部署了我在window端安装了FinalShell来写的准备工作首先需要安装好依赖 npm node全局安装 pm2npm i pm2 -g检测是否安装成功（如果有看到...
2019-12-27 11:40:58
1631
原创 在Linux服务器上安装node和npm
作为前端仔，想更多的提升自己的全栈技术能力，所以自己买了个服务器来搞一下，因为用到node.js，所以需要在服务器上安装node跟npm，网上逛了几圈，看到很多答案的就直接sudo apt-get install nodejssudo apt-get install npm然后报错apt-get:command not found一看这个报错就知道是没有apt-get这个命令，...
2019-12-11 17:12:22
547
转载 mac 终端常用命令大全
文章转载：https://blog.csdn.net/grl18840839630/article/details/80036210clear 清空屏幕的内容percent work directarypwd查看我们所在的目录（位置），刚打开终端的时候，默认在用户目录下。list showls显示当前目录下的文件内容ls 可以和路径配合使用，用于显示路径下的内容...
2019-11-11 10:16:53
295
原创 vue-cli项目打包后大图片(背景图)路径不对的解决方案
vue-cli在npm run dev的时候可以访问到图片。但是打包后会发现，一些大的背景图访问路径不对，直接访问到static/css/static/img，而我们打包到图片是放到static/img中的，也就是之际上多访问了/static/css解决方案直接在build/utils.js文件中添加 publicPath: '../../'添加位置如下图...
2019-10-19 23:58:20
926
转载 vuex刷新页面导致数据丢失的解决方案
这是转载大佬的方案，决定非常使实用原文地址：https://blog.csdn.net/guzhao593/article/details/81435342关于vuex刷新为什么会数据丢失的原因就不多说了，有用过vuex的应该都会了解，下面是解决方案思路：在刷新前把state的数据(通过localStorage或者sessionStorage)本地存储起来 刷新之后再再把存储起来...
2019-10-18 23:28:56
834
2
原创 vue-router跳转页面的三种跳转方式
在vue-router中，有三种跳转方式 router.push() router.replace() router.go(n) router.push()跳转指定url路径，并向history栈中添加一个记录，点击后退会返回到上一个页面router.push({ path, params})/**说明 path:跳转路径* params:参数...
2019-10-18 12:13:25
2655
原创 un-app uni.navigateTo页面跳转做封装传参
uni-app在页面跳转的时候是可以传参的，官方给的方法就是在路由后拼接传参地址uni.navigateTo(OBJECT)保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。OBJECT参数说明参数 类型 必填 默认值 说明 平台差异说明 url String 是 需要跳转的应用...
2019-09-01 12:23:36
28486
4
原创 uni-app 里的#ifdef MP是什么意思？条件编译
uni-app官方文档传送门：条件编译(点我)相信很多刚接触uni-app的童鞋都不太喜欢先看完整官方文档。总会碰到很多不懂的地方第一时间上网搜答案，就比如在uni-app模版看到的#ifdef MP，这是什么鬼？对于学过C语言的童鞋并不陌生，因为这是条件编译语句为什么会出现在uni-app里呢？因为uni-app的特性---一份代码，多平台运行。没错，就是一套代码，可以在androi...
2019-07-30 22:07:22
29793
原创 在CentOS使用宝塔使用pm2部署node的express项目
对于前端开发人员来说，配置后端服务器的工作都是脑瓜疼的，好在宝塔这种可视化工具还是挺好用在部署上线前，假设你的项目已经写好的了。我的是node的express项目，只写了几个简单的接口，没有用到sql数据库1. 在宝塔上添加新的站点2. 打包你的项目到站点目录下(我的放在根目录下)3. 安装pm24.点击设置打开pm2配置环境4.1选择node的版...
2019-06-11 14:03:53
20676
5
原创 vue项目webpack打包app.js文件太大导致首次加载非常缓慢的解决方案
对于初学者接触vue项目的时候，一些小项目可能没注意到这一点。对于中大型的项目，打包出来的app.js都有好几M了，导致首次加载的时候非常缓慢，我因为公司需求而急于接收的vue的项目就遇到这个问题，搜索了很多童鞋的方案，大家都比较推荐gzip静态资源压缩，这个需要结合服务器端的配置。首先打开/config/index.js文件但是先别急于动手安装，因为 npm install --sa...
2019-06-05 16:46:46
14711
原创 vue实现完整的购物车功能(包括单选全选，删除商品和结算商品功能)
首先来看看效果图预览地址：http://xy.xxiaoyuan.top/demo/shopCart/#/项目开始之前需要选安装好node跟vue和vue-cli如果还没安装的可以看这里（mac环境下的）https://blog.csdn.net/weixin_39644462/article/details/863025791. 首先创建一个vue项目(命令行如下)...
2019-06-03 15:42:10
24868
7
原创 vue实现多语言项目（vue-i18n）
首先安装vue-i18n依赖（npm）npm install vue vue-i18n --savevue-i18n官方文档地址：http://kazupon.github.io/vue-i18n/zh/introduction.html在vue项目src文件夹下新建一个 i18n 文件夹存放i18n要用的文件在创建一个lang文件夹存放你需要的语言包//cn.jsm...
2019-05-09 16:30:21
1794
原创 node.js进阶一(node入门，node的文件操作功能)
node是什么？（node中文官网）Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。（其他的可以看官网解说）安装node这里不做多讲了编写第一个node程序下面代码为node1.js//node1.js//在终端或者cmd中cd到当前目录 然后实行命令...
2019-05-03 21:22:11
185
请问这种设备传感器后台系统怎么做的，一般用什么开发，头盔设备是现成的，有相应的sdk
2021-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人