- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue 组件生命周期执行顺序
vue 组件生命周期执行顺序加载时卸载时for 循环 生成的组件无生命周期加载时 // 父组件 beforeCreate() {} created() {} beforeMount() {} // 子组件1 (按照再模板里出现的顺序) beforeCreate() {} created() {} beforeMount() {} mounted() {} // 子组件2 beforeCreate() {}, created() {}
2020-06-26 01:51:52
453
原创 vue组件之v-model
在vue表单中，经常会见到下面的写法<input v-model="message" placeholder="text">而在element-ui 的写法中：<el-input v-model="input" placeholder="请输入内容"></el-input>el-input 是一个组件，而非常见的输入框，经查勘element-u...
2019-04-05 23:56:36
432
原创 git 直接上传本地已存在的项目（无仓库）
在许多时候我们需要上传本地已经存在的项目，而x先在在git服务器上初始化一个仓库，clone 到本地，再将代码拷贝进项目，然后提交。上传本地项目（本地无仓库）***远端创建git仓库 不要用模板初始化 ***git init 在项目里初始化仓库type nul>README.md 创建README.md 文件（必须要）git add . 保存修改的代码到暂存区git co...
2019-03-27 22:14:34
530
原创 git撤销远端上的历史版本(代码和历史记录)
有时候久我们提交了本不想提交的东西到远端服务器上，想回到之前的版泵 同时并清除提交历史记录 和历史提交的代码：方法如下git log打印日志找出要撤销版本之前的commit_id$ git logcommit cb1652a953ddfa3affbae6c7d31f41bb7833e6e9 (HEAD -> master, origin/master, origin/HEAD...
2019-03-18 23:50:37
943
原创 export + export default +as
export importexportexport + export defaultexport defaultexport + export defaultexport default 注意事项as关键字exporttype.jsexport const a = 1export const b = [1,2,3]export function c(){...}export const...
2019-03-18 17:07:13
15108
2
原创 less
变量在sass中用 $@height: 200px;div{ height: @height;}//编译后div{ height: 200px;}选择器变量 、属性变量、路径变量//以选择器变量举例@main: main;@{main}{ width: 100px;}.@{main}{ width: 200px;}#@{main}{ width: 3...
2019-03-07 00:32:53
107
原创 scss
scss变量引用父级选择器属性嵌套mixin不完全传参1不完全传参2错误的调用方式1错误的调用方式2错误的调用方式3@extend （与@mixin的方式不同)变量全局变量和局部变量index.scss$width:100px; // 全局变量div{ width:$width;}p{ $width:200px; // 局部变量（并非对全局变量进行修改，该值只是在此代码块里面...
2019-03-06 00:25:33
445
原创 h5网页分享功能
准备：1.微信公众号（服务号且已认证）2.备案域名(https)步骤1.在公众号设置-----功能设置-----js接口安全域名填写h5的备案域名2.在公众号里获要使用的接口权限3.引入微信jssdk npm包和js文件两种方式二选一4.请求权限验证配置的参数（传递完整的url给后台）4.权限验证配置同一个url仅需调用一次wx.config({debug: true,...
2019-01-09 22:27:22
6779
原创 nuxt静态部署打包相对路径
以往在nuxt项目中，打包静态化部署的的文件如下：路径为绝对路径，当项目的域名为二级域名的时候，就不能打包为这绝对路径了。nuxt不同于vue项目，思索了许久，终于找到了配置的地方：nuxt项目中 nuxt.config.js ：module.exports = { router: { base: './' }}打包后的文件：...
2018-12-28 23:28:09
13203
5
原创 nuxt打包更改目录
nuxt打包更改目录约定打包文件地址：打包命令指定打包文件目录不同环境的接口域名：在项目开发时，常常会有多个环境且每个环境接口皆不一样，大型项目尤其如此，本地环境一套，测试环境一套，生产环境一套，如此便有3套接口，在切换一台服务器的时候要换一次接口，打包一次，操作未免过于繁琐，能不能简便点呢？于是有了一下解决方案： 在打包的时候一次打包3套，在上传服务器的时候让每个服务器解析属于自己的那套约...
2018-12-28 22:44:11
9811
4
原创 小程序扫普通二维码带参数（线上+测试环境）
因为项目需求，要在门店扫码注册会员以及签到（带上门店参数），门店数量多达到数千家，小程序码数量不足，故采用普通码进行门店注册签到.登陆小程序公众平台---- 开发-----开发设置------扫普通链接二维码打开小程序：image.png设置好域名及规则后？ 若要在开发时测试（不用提审等上线），则需要在测试链接里面填写测试二维码链接，设置后扫描这个二维码就可以测试扫码进入小程序...
2018-12-27 10:24:00
9930
2
原创 小程序生命周期
全局生命周期：周期触发时间参数执行顺序onLaunch(option){}//初始化完成（全局只触发一次）带参数1onShow(option){}//启动或从进入前台时触发，每次都会触发带参数2onHide(){}// 小程序进入后台时触发参数： 路径，参数，场景值，来源及来源参数。。。page生命周期：周期...
2018-12-10 11:43:15
143
原创 原生小程序抽象(动态)组件&选择节点
createSelectorQuery //使用选择器选择组件实例节点，返回匹配到的第一个组件实例对象selectAllComponents //使用选择器选择组件实例节点，返回匹配到的全部组件实例对象组成的数组this.selectComponent("#lamp") //选择id为lamp的节点getRelationNodes // 获取所有这...
2018-12-08 16:02:46
449
原创 原生小程序组件事件
triggerEvent选项值 默认值 描述 bubbles false 事件是否冒泡 composed false 事件是否可以穿越组件边界，为false时，事件将只能在引用组件的节点树上触发，不进入其他任何组件内部 capturePhase false 事件是否拥有捕获阶段 //参数依次为事件名、参数、选项值this.t...
2018-12-08 15:36:00
550
原创 原生小程序组件
// index.wxml <lamp Marquistext="{{notice.notice}}" bindtap="hiuan" hidden="{{npm}}" id="lamp"></lamp>// index.json "usingComponents": { "lamp": "../lamp/lamp" // 引入lamp组件...
2018-12-08 15:24:00
558
原创 原生小程序模板
// 引用css(其他页面的)/* index.wxss*/@import "../mover_img/mover_img.wxss";/* index.wxml*/<!-- 引入文件一 --><import src="moves_lister/moves_lister" /> // moves_lister.wxml ...
2018-12-07 17:40:00
321
原创 vue跳转路由
vue中：方式一：传递：this.$router.push({ path: '', query: { key: value,key: value } })接受： this.$route.query.xxx方式二（此方法传的的参数不会在url地址栏中显示出来）：传参：this.$router.push({ name: '',...
2018-12-07 17:25:00
423
原创 下载base64的图片（批量）
近期项目中，由于要前端生成二维码图片并下载，用到了记录下。// base64转blob base64ToBlob (code) { const parts = code.split(';base64,') const contentType = parts[0].split(':')[1] const raw = win...
2018-12-07 16:52:00
1699
原创 nuxt路由及传参
最近的nuxt项目中经常会用到路由传参,故在此有所总结了下nuxt中传参的方式和vue项目中传参的方式nuxt作为SSR的nuxt项目中路由是根据pages下的文件结构自动生成的，无需手动配置路由。很多时候项目需求，有列表页和详情页。方式一： 如图：image详情页命名为 _id.vue (不要问我为什么要用这个名字 大概是nuxt默认)params 传值(i...
2018-09-23 14:21:00
4618
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人