项目初始化使用 webpack-simple 方式比较方便和容易配置,原来的方式各种坑慎入 vue init webpack-simple vue-card-slide cd vue-card-slide npm run dev 项目结构如下所示 更改webpack.config.js配置 entry: './src/lib/index.js', output: { path: path.resolve(__dirname, './dist'), publicPath: '', filename…

制作了一套自己的组件库,并发布到npm上,项目代码见 GitHub . 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list + build + dist // 存放发布到npm的代码 - src - components // 存放组件源代码 和 README.md - arrows arrows.vue README.m…

一.创建angular项目 ng new myFirstDemo //angular-cli新建项目ng g m testm //新建模块ng g c testm/headertest //新建组件 提示:组件必须到处去 @NgModule({ imports: [ CommonModule ], declarations: [HeadertestComponent], exports: [HeadertestComponent] //新添加的部分 }) 二.安装ng-packagr npm i…

基于vue cli创建一个vue项目 首先安装最新的vue cli脚手架, npm install --global @vue/cli npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\@vue\cli\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for…

1-10是开发流程,后面的是发布流程 1. 在Git里面…新建项目   2. 克隆项目到本地用来开发 git clone https://github.com/***/vue-prevent-browser-back.git 3. 运行命令行,初始化项目,生成package.json     npm init –y 4. npm install 安装包 5. 在安装vue-cli的情况下执行 vue-init webpack-simple创建项目结构 6. 删除多余文件 index.html清空…

探探/Tinder是一个很火的陌生人社交App,趁着国庆假期闲暇时间倒腾了个Nuxt.js项目,项目中有个模块模仿探探滑动切换界面效果.支持左右拖拽滑动like和no like及滑动回弹效果. 一览效果 emmmm,是不是效果还不错,哈哈~ 好了,下面就简单的讲解下具体的实现过程,大家如果感兴趣的话也可以去试一试. ◆ 整体布局 页面模块布局分为 顶部headerBar.翻牌子区域.底部tabBar 三个部分. 在页面刚加载的时候,为了避免卡片区域空白,加了一张背景图 (古风bg). 布局模板t…

一.简单介绍 探探动画比较新颖,这也是它在众多交友软件中火热的一个特色.实现这种动画的方式可以有两种方式实现: 1.使用转场动画实现  2.使用CollectionView自定义布局实现, 此处我提供了第二种方式实现. 二.核心技术 1.给collectionView自定义layout布局 2.给cell添加拖拽手势,根据手势拖拽的角度删除当前数据 三.演示截图 四.demo地址 方式一:转场动画下载链接: https://pan.baidu.com/s/1hs02D0K 密码: s9kr,  …

一.照片采集的实用概念 根据照片进行三维重建的过程中,有人没怎么遇到坑,有人被坑的不轻.可能是模型的纹理失真,模型的法线错了,模型会生成我们各种也想不到的结果,那么,是什么导致三维重建效果这么差的?是建模操作中哪一步设置错了?还是航拍之前的航带准备不充分还是天气光照的影响?今天我将和大家一起好好说说建模前期都有哪些拍照要求和技巧. 首先,在这之前,我先说明几个专业词汇概念,有助于后面文章的理解. [内方位元素]:指的是相机的内部参数,包括相机传感器的尺寸.镜头焦距.像平面主点的位置坐标.镜头畸变…

前言 这是我封装的第一个Vue插件,实现的功能是滑动选择省市区,虽然只是一个简单的插件,但还是挺开心的,记录一下步骤. 插件地址:https://github.com/leichangchun/vue-area-select     欢迎指正 准备 Vue官网插件部分 的介绍虽然很简单,但是还是好好刷一遍的.由于此插件较为简单,主要用到以下两个点: 1 . Vue的插件需要有一个公开方法install 2 . 通过全局方法 Vue.use() 使用插件,在下文有栗子 创建工程 初始化工程 vue…

前言 写此文前特意google了一下,因为有较详细的开发教程我再写意义不大,有把插件封装成组件的教程,有把自己的组件封住成插件的教程,本文主要说明如何把第三方的插件封装成vue插件,简化配置,一键安装,主要提供思路,封装方法大同小异·,文章略长要有耐心. gitment gitment是一个基于github issues封装的评论插件,以这个插件作为演示,把它封装成vue插件.vue-gitment,该插件已发布到npm,并在自己的开源项目vueblog中安装使用 项目初始化 封装vue的插件用…