- 博客(95)
- 资源 (1)
- 收藏
- 关注
原创 Windows下安装vue开发环境
windows下安装vue开发环境1、安装npm官网node进行下载Node.js 是一个开源与跨平台的JavaScript 运行时环境。2、检测nodejs安装当执行完上步安装包安装后,需要进行安装是否成功,win+r打开运行,输入cmd后进入命令行界面。分别输入node -v和npm -v命令进行node的版本号和npm的版本号的查看。安装完后的目录如下图所示3、配置npm安装全局模块路径与缓存路径NPM是随同NodeJS一起安装的包管理工具一般,在进行npm install
2022-03-17 01:38:31
3448
原创 罗德里格斯旋转公式(Rodrigues‘ rotation formula)推导
本文综合了几个相关的维基百科,加了点自己的理解,从比较基础的向量投影和叉积讲起,推导出罗德里格斯旋转公式。公式比较繁杂,如有错误,欢迎评论区指出。 对于向量的三维旋转问题,给定旋转轴和旋转角度,用罗德里格斯(Rodrigues)旋转公式可以得出旋转后的向量。另外,罗德里格斯旋转公式可以用旋转矩阵表示,即将三维旋转的轴-角(axis-angle)表示转变为旋转矩阵表示。向量投影(Vector projection) 向量a在非零向量b上的向量投影指的是a在平行于向量b的直线上的正交投影。结果是
2021-05-19 08:09:43
2372
原创 MacOs系统 redis安装配置
wget http://download.redis.io/releases/redis-6.0.9.tar.gz3.解压redis安装包 tar -zxvfredis-5.0.4.tar.gz4.进入redis目录 cdredis-5.0.45.编译 make6.安装 make PREFIX=/usr/local/redis install7.拷贝redis.conf到安装目录 cp redis.conf /usr/local/redi...
2020-12-24 02:51:33
441
原创 Mac安装Redis,详细redis安装步骤
官网地址:https://redis.io/download一、安装流程1、下载安装包$ wget https://download.redis.io/releases/redis-6.0.9.tar.gz2、解压$ tar xzf redis-6.0.9.tar.gz3、进入到解压后的 redis-6.0.9 目录$ cd redis-6.0.94、编译Redis$ make5、启动Redis服务端$ src/redis-se...
2020-12-24 01:41:44
857
原创 vue3创建流程备份1
? Please pick a preset: Manually select features? Check the features needed for your project: Choose Vue version, Babel, TS, Router, Vuex, CSS Pre-processors, Linter, Unit? Choose a version of Vue.js that you want to start the project with 3.x (Previ
2020-12-24 01:10:22
231
原创 sudo su 和 sudo -s区别
sudo su和sudo -s都是切换到root用户,不同的是:sudo su环境用的是目标用户(root)的环境sudo -s环境用的是当前用户本身的环境
2020-12-24 01:03:43
633
原创 js图片随鼠标移动,旋转,拉伸
效果如图,图片可以跟随鼠标移动,旋转,拉伸,代码在谷歌浏览器和IE11验证了,其他浏览器没试过本博客源码:https://github.com/shengbid/vue-demo把这个功能放在vue项目里了, 这个项目里会把平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点个star哈我主要讲一下实现思路,首先是移动,这个比较简单这里我用的是鼠标事件的pageX,pageY,因为这个获取的是鼠标距文档左上角的坐标,不受滚动条影响画一张图来演示...
2020-11-12 13:06:19
1726
5
原创 Canvas有哪些js库值得推荐?
Canvas有哪些js库值得推荐?<span class="RichText ztext CopyrightRichText-richText" itemprop="text"><p>相关的框架其实挺多的,但一般都有它适合使用的场景,看你要做什么东西,比如数据可视化还是可交互的H5应用或者别的,给一个不完全推荐好了:</p><ul><li><a href="https://link.zhihu.com/?target=https%3A/
2020-08-28 06:05:03
1280
原创 2020-08-19
在TypeScript + Vue项目中实现一个酷炫的Canvas运动背景,实现代码如下:<template> <div id="main"> <div id="bg-main"> <canvas id="bg"></canvas> </div> </div></template><script lang="ts">import V...
2020-08-19 09:37:47
266
转载 为网页实现mini-map效果
minimap效果的实现在项目中,需要制作出缩略图的效果。效果如下:minimap效果.gif在firefox可以使用 element属性实现该效果。(其它浏览器暂不支持)。这里使用iframe来达到更好的兼容性。效果分析minimap主要是对主体内容进行映射。主体html如下:<body> <div class="content"> <p> 文章内容 </p&..
2020-08-19 00:30:19
1578
原创 详细介绍scrollIntoView()方法属性
因为工作中用到了锚点设置,常用的总是出问题,后来扒拉出了这个属性,详细研究了下方便日后使用介绍scrollIntoView()的详细属性简介该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。PS:根据其他元素的布局,元素可能无法完全滚动到顶部或底部。TIPS:页面(容器)可滚动时才有用!语法element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoV
2020-08-17 02:47:43
130560
5
原创 js原生之scrollTop、offsetHeight和offsetTop等属性用法详解
scrollTop、offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用,尤其是在运动框架中,但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题,导致掌握起来比较有难度,下面就介绍一下相关属性的用法。先来看一张比较经典的示意图:下面结合各上图介绍一下各个属性的作用:一.offsetTop属性:此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。所谓的定位就是p
2020-08-17 01:40:20
660
原创 CSS3实现10种Loading效果
昨晚用CSS3实现了几种常见的Loading效果,虽然很简单,但还是分享一下,顺便也当是做做笔记……第1种效果:代码如下:<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span>
2020-08-15 09:09:40
191
原创 vue3.0 已经废弃slot, vue3.0 更改之前slot正确方法介绍
子组件写法如下<template> <table> <tr> <th>默认插槽:</th> <td><slot /></td> </tr> <tr> <th>具名插槽:</th> <td><slot name="footer" /></td>...
2020-08-15 03:04:54
16201
转载 Vue3.0实践:使用Vue3.0做JSX(TSX)风格的组件开发
前言我日常工作都是使用React来做开发,但是我对React一直不是很满意,特别是在推出React Hooks以后。不可否认React Hooks极大地方便了开发者,但是它又有非常多反直觉的地方,让我难以接受。所以在很长一段时间,我都在尝试寻找React的替代品,我尝试过不少别的前端框架,但都有各种各样的问题或限制。在看到了Vue 3.0Composition-API的设计,确实有眼前一亮的感觉,它既保留了React Hooks的优点,又没有反复声明销毁的问题,而Vue一直都是支持JSX语法..
2020-08-13 03:04:09
13132
2
原创 vue3.0里的vue.config.js配置信息完整版,vue3.0 build发布,proxy,跨域访问设置等
vue3.0里的vue.config.js配置信息完整版:vue3.0 build发布,proxy,跨域访问设置等如果没有 vue.config.js 那么自己就在根目录建一个vue.config.js文件先让我们来看看精简版const path = require("path");const resolve = function(dir) { return path.join(__dirname, dir);};module.exports = { publicPath: p.
2020-08-08 01:38:17
4280
原创 vue3.0项目 npm run build 编译
在项目根目录下新建文件vue.config.js文件,将下面的复制进去module.exports={publicPath:process.env.NODE_ENV==='production'?'./':'/',outputDir:'dist',lintOnSave:true,runtimeCompiler:true,//关键点在这//调整内部的webpack配置。//查阅https://gi...
2020-08-08 01:22:10
1861
原创 vue3.0 新建项目注意事项
1,3.0去除了 static, config , build 文件夹2,新增了 public3,自动依赖 node_modules4,默认配置 webpack , 通过 vue.config.js来修改5,命令 “ vue inspect ” 可查webpack 默认配置6,内置了 vue-cli-service serve 服务7,浏览器打开图形界面管理项目 ,命令 " vue ui " 查看...
2020-08-06 14:49:42
294
原创 vue3.0 子组件调用父组件、父组件调用子组件
子组件调用父组件父组件<my-childe ref="RefChilde" @update:FatherTalk="FatherTalk"></my-childe>子组件调用setup(props, context) {// .... function fnCallFather () { // 关键 context.emit('update:FatherTalk', pathChildName); }}..
2020-08-06 01:22:02
6640
2
转载 提前熟悉Vue3.0 + Ts
3.0的目标更小 更快 加强 TypeScript 支持 加强 API 设计一致性 提高自身可维护性 开放更多底层功能什么是Hooks?hooks翻译过来是钩子的意思,这个可能有一些模糊,简单点说hooks就是一个函数(可以复用的函数)例如:业务中很难避免的一个问题就是-- 逻辑复用,同样的功能,同样的组件,在不一样的场合下,我们有时候不得不去写2+次,为了避免耦合我们出现了一些概念(mixin,高级组件,slot插槽)。上述这些方法都可以实现逻辑上的复用,但是都有一些额外的问题:..
2020-08-05 21:15:23
2136
原创 vue3.0 typescript 创建项目,路由RouteConfig 报错 has no exported member ‘RouteConfig‘.ts
vue3.0 typescript 创建项目,路由RouteConfig 报错 has no exported member 'RouteConfig'.ts提示 ts没有对应RouteConfig那么什么原因呢
2020-08-02 01:34:33
5576
原创 vs code 关闭保存自动格式化 formatonsave - vscode
有时候Ctrl+s保存,html代码格式会紊乱。 造成这个原因一般是我们基本都在用的一个插件:解决办法【方法一】:不用普通保存,用save without format代码编辑页面---->按F1---->输入save without formatting---->回车该操作可以用快捷键【方法二】:关闭自动格式化代码编辑页面---->按F1---->输入Formatter config---->回车---->"onSave"属性设置..
2020-07-29 15:34:59
13025
原创 macOS npm 解决安装权限不足的问题
macOS npm 解决安装权限不足的问题终端里面输入下面这条命令,再运行npm安装命令就可以了。sudo chown -R $USER /usr/local
2020-07-29 14:23:50
1685
原创 typescript开发及环境配置
1,选用的IDE是 VisualStudio Codehttps://code.visualstudio.com/2, typeScript 官方网站是 http://www.typescriptlang.orgvue3 :compositionhttps://composition-api.vuejs.orghttps://composition-api.vuejs.org/zh/3, "build": "tsc -w"动态编译ts文件安装 nodemon 动态监控j.
2020-07-28 15:21:05
419
转载 欢迎使用CSDN-markdown编辑器2
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-07-28 15:18:42
217
原创 beego上传文件
一:核心方法概况:html代码: 1 2 3 4 <formid="fform" method="POST" enctype="multipart/form-data"> <inputid="myfile" name="myfile" type="file" /> <inputtype="submit" value="保存" /> </form>...
2020-06-20 15:24:40
329
原创 js 判断字符串中是否包含某个字符串
String对象的方法方法一: indexOf() (推荐)var str = "123";console.log(str.indexOf("3") != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。方法二: search()var str = "123...
2020-03-18 13:25:36
1120
原创 asp.net 导出CSV
前台代码<asp:Button runat="server" ID="btnDC" Text ="导出CSV" onclick="btnDC_Click"/>后台代码 protected void btnDC_Click(object sender, EventArgs e) { DataTable dt = WorkOrder...
2020-02-14 05:51:28
586
原创 vue 搭建框架到安装插件依赖,Element、axios、qs等
一、使用vue 单页面开发,首先要安装好本地环境步骤如下:1 下载nodejs 安装 (此时npm 和 node环境都已经装好)2 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org3 全局安装npm npm install -g vue-cli4 新建项目 vue init webpack &l...
2020-01-30 03:35:08
878
转载 Redis性能问题排查解决手册
性能相关的数据指标通过Redis-cli命令行界面访问到Redis服务器,然后使用info命令获取所有与Redis服务相关的信息。通过这些信息来分析文章后面提到的一些性能指标。info命令输出的数据可分为10个类别,分别是:server clients memory persistence stats replication cpu commandstats clust...
2020-01-11 22:53:31
260
原创 vue项目中引入H5手机端调试器vConsole
首先使用命令在项目中下载vconsolenpm install vconsole 然后在main.js中加入以下代码:import Vconsole from 'vconsole'let vConsole = new Vconsole()Vue.use(vConsole)即可看到这样一个页面:image.png...
2020-01-03 15:08:22
959
原创 VUE使用cookie
首先执行 :npm install vue-cookies --save在main.js全局引用import Vue from 'Vue'import VueCookies from 'vue-cookies'Vue.use(VueCookies)ApiSet a cookiethis.$cookies.set(keyName, value[, e...
2019-12-29 13:55:00
185
原创 html5 audio音频播放全解析
1.html5 audio的语法以及属性和方法使用语法<audio src="song.mp3" controls="controls" loop="loop" autoplay="autoplay">亲 您的浏览器不支持html5的audio标签</audio>属性src是歌曲的路径controls播放控制 如果给标签里写了 controls="cont...
2019-12-26 19:22:58
335
原创 vue篇之事件总线(EventBus)
许多现代JavaScript框架和库的核心概念是能够将数据和UI封装在模块化、可重用的组件中。这对于开发人员可以在开发整个应用程序时避免使用编写大量重复的代码。虽然这样做非常有用,但也涉及到组件之间的数据通讯。在Vue中同样有这样的概念存在。通过前面一段时间的学习,Vue组件数据通讯常常会有父子组件,兄弟组件之间的数据通讯。也就是说在Vue中组件通讯有一定的原则。父子组件通讯原则为了提高组...
2019-12-21 14:19:04
298
原创 Go 结构体、数组、字典和 json 字符串的相互转换方法总结
为大家分享一篇Go 结构体、数组、字典和 json 字符串的相互转换方法,具有很好的参考价值,希望对大家有所帮助。Go 语言中 encoding/json 包可以很方便的将结构体、数组、字典转换为 json 字符串。引用 1 import "encoding/json" 解析语法 1 2 3 4 ...
2019-12-18 10:20:10
1838
1
原创 golang中关于List链表的排序
前言关于golang中list链表的排序操作文章少之又少,因此基于这个情况,特此写个简单的Demo供大家分享需求背景比如,现在有个需求,list链表中存入了用户信息,但是是无序的,需要根据用户的年龄和姓名,给list链表中的数据,进行简单排序实现1.定义用户结构体type Person struct {Name string //名称Age...
2019-12-17 15:54:40
1383
原创 linux redis 设置密码
在服务器上,这里以linux服务器为例,为redis配置密码。1.第一种方式 (当前这种linux配置redis密码的方法是一种临时的,如果redis重启之后密码就会失效,)(1)首先进入redis,如果没有开启redis则需要先开启:[root@iZ94jzcra1hZ bin]# redis-cli -p 6379127.0.0.1:6379>(2)查看当前redis有没...
2019-12-13 16:57:35
712
原创 golang 中 sync.Mutex 和 sync.RWMutex
介绍golang 中的 sync 包实现了两种锁:Mutex:互斥锁 RWMutex:读写锁,RWMutex 基于 Mutex 实现Mutex(互斥锁)Mutex 为互斥锁,Lock() 加锁,Unlock() 解锁 在一个 goroutine 获得 Mutex 后,其他 goroutine 只能等到这个 goroutine 释放该 Mutex 使用 Lock() 加锁后,不能...
2019-12-13 09:59:00
230
原创 mysql查看表结构,字段等命令
mysql查看表结构,字段等命令mysql查看表结构命令,如下:desc 表名;show columns from 表名;describe 表名;show create table 表名;
2019-12-02 09:18:14
191
laravel5.6版本下载
2018-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人