weixin_42369486的博客

原创 vue + laya+二次贝赛尔曲线 实现含有动画背景的登录页面

1.在layabox上下载demo源码 修改得到自己想要的背景动画(也可以自己开发)2.下载保存laya库3.在vue项目中引用laya库4.运行代码运用二次贝赛尔曲线实现蝌蚪的曲线缓动let texturePath = "http://img.mockuai.com/tms/2020/5/11/upload_0500ab563772084a159a256f2080fca9.png",padding = 100,maggotAmount = ...

原创 vue 项目增加构建命令

为项目增加一个简单的构建命令 增加路由 创建目录'use strict';process.on('exit', () => {});if (!process.argv[2]) { console.error('[一集目录]必填 - Please enter new component name'); process.exit(1);}const path =...

原创 layabox list里添加点击事件

  cell.getChildByName('btnBuyProps').on(laya.events.Event.CLICK, this,function(){ this.event(ShopLimitTimeView.PROPS_ID,data.shop_list[index].id) }) 

原创 laya 学习抛出事件与接收事件

 就以back为例子  抛出主要是通过this.event(SportsResultView.BACK)抛出var SportsResultView = (function () { function SportsResultView() { ChapterView.__super.call(this); this.init(); } ...

原创 vscode 之power model插件 超级炫酷的打字效果动画

下完插件后 在用户设置中加入一下代码就ok了"powermode.enabled":true,"powermode.enableShake": false,"powermode.presets": "particles","powermode.enableShake": false,//这个代表桌面是否震动"powermode.presets": "particles"

原创 微信小程序input不能为空怎么处理

在事件中获取input的内容 var input = e.detail.value; // 获取当前表单元素输入框内容 if(input) { }else{ wx.showToast({ title: '不能为空或您未更改', icon: 'false', duration: 2000 ...

原创 防抖 和 节流

function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉 timeout = setTimeout(() => { // 然后又创建一个新的 setTimeout, 这样就能保证输入字符后的 i..

原创 参考elementui 制作的vue的多级联动

下面是主要的逻辑idex.vue<template> <div class="refund-settings-wrapper" style="height:100%"> <el-row class="section-wrapper" style="height:100%;min-width:1000px;overflow-x:auto" :gutter="20"> <el-col :span="6" s..

原创 Js 2次贝塞尔曲线函数

PointOnCubicBezier1(cp , t) { var tPos = {} tPos.x = Math.pow((1-t),2)*cp[0].x+2*t*(1-t)*cp[1].x + Math.pow(t,2)*cp[2].x; tPos.y = Math.pow((1-t),2)*cp[0].y+2*t*(1-t)*cp[1].y + Ma...

原创 git 命令工作

git checkout -b feature-app2.3.0-xx 创建新的分支git commit -m '代码临时保存'

原创 webpack 配置vue 注意点

const VueLoaderPlugin = require('vue-loader/lib/plugin') new VueLoaderPlugin(){test: /\.css$/,use: ["vue-style-loader", "css-loader"] }vue-loader 别忘了在插件里实例化.css 的文件添加vue-style-loader否非会报错...

原创 ps6快捷键

ctrl + u 改变颜色m 像素抠图ctrl + j

原创 正则基础表达式

原创 node入门知识点

# Node服务器端开发第一天 &gt; Node简介及配置、快速上手、核心特点、模块化 ## Node简介 ### 客户端的JavaScript是怎样的 - 什么是 JavaScript？+ 脚本语言+ 运行在浏览器中+ 一般用来做客户端页面的交互（Interactive） - JavaScript 的运行环境？+ 是不是运行在浏览器呢？...

原创 资料大全

python：python基础一：链接：https://pan.baidu.com/s/1zFCupbxqGhIz1_fgmj4DDA 密码：l5z2python基础二：链接：https://pan.baidu.com/s/1I0pETK3VTXnbRw7sHGwXFQ 密码：vaaxdjango:链接：https://pan.baidu.com/s/1CcWWqJHyZSC1m4l4q-g...

原创 laya2.0 微信好友对战

  PaoYa.Component 继承自  laya.component 对socket命令做了封装，以及页面跳转的处理，是通过脚本加入到页面上的。import GameService from "../../utils/GameService";import AlertDialog from '../../dialog/AlertDialog';import GameAg...

原创 统计

1.头像姓名组件2.豆子组件3.现金组件4.积分组件5.跳转游戏组件6.返回大厅组件7.排行榜8.设置9.更多游戏10.跑马灯11.积分商城  ...

原创 layaList

scene import RoleChangeView from './RoleChangeView'export default class RoleChangeScene extends Scene { constructor() { super() let roleChangeView = new RoleChangeView() ...

原创 可枚举属性和不可枚举属性

在js中，对象的属性分为可枚举和不可枚举，它们是由属性的enumerable值决定的，不可枚举属性，js中内置属性是遍历不到的。可枚举性（enumerable）用来控制所描述的属性，是否将被包括在for…in循环之中。具体来说，如果一个属性的enumerable为false，下面三个操作不会取到该属性。for…in循环 Object.keys方法 JSON.stringify方法 O...

原创 LayaBox关于获取列表里通过单个的点击事件控制cell里单个节点的变化

function updateItem(cell, index) { // console.log("更新元素：", cell, index, cell._dataSource); // console.log(cell.getChildByName("btnGet")); cell.getChildByName(...

原创 想给变量加变量

今天突然想给变量加变量也不知道这么说对不对用eval（）就可以执行string代码了 for (var m = 0; m &lt; e; m++) { let n = m + 1; let startNum = `this.view.start${n}.gray = false`; eval(sta...

原创 vscode express ejs 和jade 怎么创建

使用"express app_2"和使用"express -e app_2"生成的文件中"views"文件夹中的文件一个是.jade 一个是.ejs 命令行：express 安装：npm install express-generator -gexpress Appcd appnpm installnpm start 在哪里配置的？package.json里的...

原创 call（）的第二个参数

在js中，被继承的函数称为超类型（父类，基类也行），继承的函数称为子类型（子类，派生类）。call（）的第二个参数就是给超类型传参。function parent(age){ this.name = ['mick','mini','so'] this.age = age;}function children(){ Parent.call(this,age);...

原创 微信小程序button怎么去掉边框

边上还是有小细细的线吧 .buttonimg:after{ border: none; }  加上border:none就好了

原创 微信小程序 进度条 长度根据数字自适应

做的账单每月支出收入和剩余的进度条wxml&lt;view class='top'&gt; &lt;view class='topBox'&gt; &lt;view class='topLittleBOX-1'&gt;本月收入&lt;/view&gt; &lt;view class='topLittleBOX-2'&gt; &lt;view class='row-1...

原创 css制作向下的三角形

&lt;div class="arrow_down"&gt;&lt;/div&gt;.arrow_down { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #008fd4;...

原创 git报错--Git:failed to execute git

在vscoad中选择全部提交时候提示 Git:failed to execute git在git日志中会看到这么一行错误信息 empty ident name (for &lt;XXXXXX.com&gt;) not allowed  (XXXXXX为你的邮箱)出现这个错误的原因是：git没有设置用户信息解决方案：设置user.email和user.name git config --global...

转载 VSCode配置Git

vscode中对git进行了集成，很多操作只需点击就能操作，无需写一些git指令。不过这就需要你对vscode进行配置。下面我会讲到git的配置与免密码上传github。一、安装Git管理工具，可上官网安装，安装路径https://git-scm.com/，安装路径默认C:\Program Files\Git，可自行修改，这里我是安装在D:\Program Files\Git。二、安装完Git之后...

原创 vscode open in browser 中设置浏览器打开的默认设置

"open-in-browser.default": "Chrome"

原创 flex实现垂直居中

给父元素加display:flex;给子元素加align-self:center;这样就ok了ヾ(◍°∇°◍)ﾉﾞ

转载 什么是异步操作

1.背景介绍同步指的是一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。异步指的是每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。2.知识剖析首先js是单线程的语言，即同一时间只能做做一件事。那Js...

转载 MVC和MVVM模式的区别

MVC （Model-View-Controller）M - Model ：数据保存V - View : 用户界面C - Controller ： 业务逻辑MVC ，用户操作&gt; View (负责接受用户的输入操作)&gt;Controller（业务逻辑处理）&gt;Model（数据持久化）&gt;View（将结果通过View反馈给用户）MVVMMVVM是将“数据模型数据双向绑定”的思想作为核...

原创 微信小程序 页面跳转如何通过url传递参数

var fb_id = 132在跳转地址后wx.naviga在跳转地址后teTo({ url: `../free/sellers/sellers?fb_id=${fb_id}`, })然后在新页面通过js获取数据 onLoad: function (options) { console.log(options.fb_id) var fb_id = options.fb_...

原创 块级元素如何在块级元素水平垂直都居中

父级定位 给里面的填上position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);这就ok了

原创 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。处理方法

将项目里的“node_modules”文件夹删除，然后在cmd中cd到项目目录，依次运行命令：npm install和npm run build，最后运行npm run dev后项目成功运行。

转载 es6对象表示法

ES6 允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。[javascript] view plain copyvar foo = 'bar';  var baz = {foo};  baz // {foo: "bar"}  //  等同于  var baz = {foo: foo};  上面代码表明， ES6 允许在对象之中，只写属性名，不写属性值。这时，属性值等于属性名所代表...

原创 npm run dev 自动打开设置

config    index.js   autoOpenBrowser：true，

转载 关于微信小程序使用不了push()方法的解决办法

笔者在开发微信小程序的过程中发现微信小程序的类库中没有包含数组的push()方法（给数组添加元素）。 后来找到的替代方法是：var list = {}var obj = 'test'var length = list.lengthlist[length] = objsetDate({ list : list})12345678910即可在list的最后末尾添加元素添加多个元...

转载 知识点

js中有自己的垃圾回收机制 如果发现变量不被使用  就会被回收 而闭包回相互引用  而不会被回收  一直占着一块内存 一直占着一块内存的引用 所以导致内存泄漏...