- 博客(52)
- 收藏
- 关注
RSS订阅转载 背景多端适配用什么模式？
在屏幕分辨率宽高比小于设计分辨率宽高比（iPad 情况）时，我们希望在宽度一致的情况下在上下两侧展示更多的背景区域，这个时候就需要使用 Fit Width；在屏幕分辨率宽高比大于设计分辨率宽高比（iPhoneX 情况）时，我们希望在高度一致的情况下在左右两侧展示更多的背景区域，这个时候就需要使用 Fit Height。在代码中我们可以通过获取当前视图大小来得到实际屏幕分辨率的宽高比，根据宽高比来决定是使用 Fit Height 模式还是 Fit Width 模式。背景多端适配用什么模式？
2023-11-09 17:19:55
96
原创 CocosCreator让一个物体跟随鼠标移动（两种方式 本地坐标系和世界坐标系）
在 Creator 3.x 里，屏幕和 UI 是完全区分开的，用户可以在没有 UI 的情况下点击屏幕获取触点信息。在 Cocos Creator 3.x 游戏运行时显示的画布大小就是屏幕区域，屏幕坐标是从画布的左下角为原点开始计算。而希望同样按照 Creator 2D 的方式获取“屏幕触点”坐标，则可以通过。本地坐标系和世界坐标系的区别。
2023-11-08 18:54:28
2306
2
原创 CocosCreator使用物理引擎和回调
Static 静态刚体，零质量，零速度，即不会受到重力或速度影响，但是可以设置他的位置来进行移动。Animated 动画刚体，在上面已经提到过，从 Kinematic 衍生的类型，主要用于刚体与动画编辑结合使用。Kinematic 运动刚体，零质量，可以设置速度，不会受到重力的影响，但是可以设置速度来进行移动。在2d中开启碰撞需要在项目设置–功能裁剪–2D物理系统【选择 基于Box2D的2D物理系统】Dynamic 动态刚体，有质量，可以设置速度，会受到重力影响。设置刚体类型 可以设为四种，
2023-11-07 17:21:59
368
原创 element导航栏修改悬停及选中样式
**修改导航栏样式时el-menu-item和el-submenu有区别el-menu-item在scoped中设置值是可以的，而el-submenu在scoped中设置值不起作用el-submenu的代码不能包含在scoped<style lang="less"> //设置了默认左边框为白色 .el-submenu .el-submenu__title{ border-left: #fff solid 6px; } //设置鼠标悬停时el-
2020-07-15 12:27:10
4143
原创 数据结构之排序（一）
var arr=[9,3,-1,10] //冒泡排序法 //第一趟排序,将最大的数排在最后 var temp=0; for(var j=0;j<arr.length-1;j++){ for(var i=0;i<arr.length-1-j;i++){ if(arr[i]>arr[i+1]){ temp=arr[i] arr[i]=arr[i+1] arr[i+1]=temp } } } console.log
2020-07-02 21:54:49
163
原创 原型与原型链
原型（prototype）我们首先明确原型是一个对象，每个函数都有一个属性叫原型，这个属性指向一个对象。也就是说，原型是函数对象的属性，对象经过构造函数new出来，那么这个new出来的对象的构造函数有一个属性叫原型//构造函数 function People(name){ this.name=name } var p1=new People('xie') console.dir(People) console.dir(p1) console.dir(p1.constr
2020-06-23 19:55:18
187
原创 js的this指向问题
this指向当前对象console.log(this)打印出来的是window在严格模式下this指向undefindfunction foo(){ 'use strict' console.log(this) } foo()输出结果：undefind定时器的this指向setTimeout(function(){ console.log(this) },1000)输出结果：Windowthis并不是在定义的时候决定的，而是在执行的时候决定的.
2020-06-23 19:28:38
168
原创 js的类，对象，继承
js是一种基于对象的语言类和对象的关系类是对象的模板，定义了同一组对象共有的属性和方法//构造函数 类 function People(name,age){ //console.log(this) this.name=name this.age=age } //prototype 原型 //在js中,属性都是定义在构造函数中,而方法是定义在原型下的 People.prototype.showName=function(){ console.log(th
2020-06-22 14:22:46
124
原创 作用域与作用域链
作用域分为全局作用域 局部作用域 块级作用域作用域举例var out='外部变量'; function outfn(){ var indata='内部变量'; function infn() { console.log(indata) } infn() } console.log(out) outfn() console.log(indata)输出结果：外部变量内部变量ReferenceError: indat
2020-06-20 15:42:25
166
原创 js深克隆，浅拷贝
在js中，数据类型分为基本数据类型和引用数据类型，基本数据类型的值存在在栈中，而引用类型，他在栈内仅仅只存储一个引用，而真正的数据类型存储在堆内存中当我们对数据进行操作的时候，会发生两种情况一、基本数据类型var a = 3;var b = a;b = 5;console.log(a); // 3console.log(b); // 5可以看到的是对于基本类型来说，我们将一个基本类型的值赋予 a 变量，接着将 a 的值赋予变量 b ；然后我们修改 b ；可以看到 b 被修改了，而 a 的值
2020-05-24 20:45:35
145
原创 redux的知识点（加法运算）
redux的流程图（1）创建store.js,reducer.js,安装redux，引入createStore，在createStore需要传入reducerimport { createStore } from 'redux'import reducer from './reducer.js'export default createStore(reducer)2.reducer概念：Store 收到 Action 以后，必须给出一个新的 State，这样 View 才会发生变化。这种 .
2020-05-17 22:42:01
209
原创 webpack打包（1）
cnpm init -y(初始化)安装jq cnpm i jquery -S在main.js引入jqimport $ from ‘jquery’运行时可能会出现如下错误：需要添加两步：（1）新建webpack.config.js（手动建立）// 项目的配置文件const path = require('path') module.exports = { entry: './src/main.js', output: { filename: "bund.
2020-05-13 22:11:12
136
原创 封装axios函数，可直接调用
封装axios函数//能异步发送ajax请求import axios from 'axios'import qs from 'qs'import { message } from 'antd';export default function ajax(url,data={},type){ let promise return new Promise((resolve,reject...
2020-04-30 11:30:49
263
原创 vue将px转化为rem的工具
1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport ‘lib-flexible/flexible’3.设置meta标签通过meta标签，设置设备宽度以及缩放比例4.安装px2rem-loader...
2020-04-28 12:22:42
188
原创 react4.X的路由问题
Switch为了解决route的唯一渲染，它是为了保证路由只渲染一个路径。是唯一的，因为它仅仅只会渲染一个路径，当它匹配完一个路径后，就会停止渲染了。相比之下（不使用包裹的情况下），每一个被location匹配到的将都会被渲染<HashRouter> <Switch> <Route path="...
2020-04-27 22:21:16
146
原创 vue购物车（亲测可用）
如图，需要有加入购物车的标识思路如下：点击购物车按钮时将商品的id,title,imgUrl(海报图),flag（标识符，flag非常重要，为以后复选框判断是否选中做参考）变成一个数组形式，cart，传入vuex<template> <div> <van-goods-action> <van-goods-action-icon ic...
2020-04-18 22:14:06
312
原创 vue购物车（亲测可用）
如图，需要有加入购物车的标识思路如下：点击购物车按钮时将商品的id,title,imgUrl(海报图),flag（标识符，flag非常重要，为以后复选框判断是否选中做参考）变成一个数组形式，cart，传入vuex<template> <div> <van-goods-action> <van-goods-action-icon ic...
2020-04-18 22:09:06
421
原创 ES6语法
向前补白 console.log('1'.padStart(2,'0'));向后补白console.log('1'.padEnd(2,'0'));判断是否是数console.log('NaN',Number.isNaN(NaN));取小数的整数部分console.log('4.1取整',Math.trunc(4.1));判断是整数附属还是0 ...
2020-04-16 22:00:41
105
原创 起调微信桥
import { Dialog } from ‘vant’;// 起调微信桥const startpay=function(data){var _this=thisif (typeof WeixinJSBridge == “undefined”){if( document.addEventListener ){document.addEventListener(‘WeixinJSB...
2020-04-07 15:19:25
374
原创 微信授权
tool.js页面import { login, weixinshare} from './goods'import store from '../../store/index'export default { tologins(codes) { // window.localStorage.setItem('phone', this.logindata.phone)...
2020-04-03 22:47:59
474
原创 Vue路由的$router.back(-1)回退时如何判断有没有上一个路由
每个页面的左上角有一个返回按钮<点击时的代码是this.$router.back(-1)，返回上一个路由但是用户点开其中一页，用户打开时并没有上一条路由的历史记录，所以点击<按钮时没有反应。所以应该怎么判断有没有上一条路由的历史记录。1.在页面一开始加上一个全局的函数：activated: function () { this.$setgoindex() ...
2020-04-02 13:35:34
10756
1
原创 React JSX 加载图片的一个坑
在 JSX 中，使用 require()来引用图片，比如 <img src={require('./images/logo.png')} alt="logo" style={{background:'red',height:'100%'}}/>
2020-04-01 21:57:11
1552
2
原创 vue生命周函数
1.new Vue():new 了一个vue的实例，此时会进入组件的创建状态；2.init:初始化组件的事件和生命周期函数3.created（）：此时能访问到data和methods，可用，经常在created函数阶段发起ajax请求4.编译模板页面5.mounted（）：此时页面已经真正的渲染好了。在使用第三方插件的时候，需要在mounted阶段初始化...
2020-03-24 14:47:38
144
原创 在 React 中使用bootstrap的css功能
1.$ npm install bootstrap@3 --save2.引入css import ‘bootstrap/css/bootstrap.css’3. npm install css-loader style-loader --save-devnpm install url-loader --save-dev（必须安装url-loader --save-dev ），否则样式...
2020-03-21 22:12:38
778
原创 关于最新版本react的webpack.config.dev.js的配置（@：src路径配置，css模块化）
由于新版React暴露出webpack.config.dev.js，所以需要在终端使用npm run eject（如果未上传git会报错，有以下两种解决方法）1.使用git先提交项目，再执行npm run eject2.删除目录中的git文件，再执行npm run eject执行后会看到如图添加代码： ‘@’: paths.appSrc,css模块化：由于react并不像vue中可...
2020-03-21 20:03:25
1476
原创 thinkphp的select和radio根据条件显示
<div class="layui-form-item"> <label class="layui-form-label">产品名称:</label> <div class="layui-input-block"> <if condition="$info.piao eq 0"> ...
2020-03-11 16:40:23
176
原创 搭建腾讯云服务器
1.先重置密码，改为你自己的密码2.重装系统，使用宝塔面板3.安全组添加规则添加如下4.登录服务器5.输入http://172.81.209.163:8888/login获取1.查看面板入口：/etc/init.d/bt default6.输入/etc/init.d/bt default获取如下7.获取第五步的2.关闭安全入口：rm -f /www/server/panel/data/...
2020-03-06 22:05:04
126
转载 基于sae的jssdk库（sae不允许本地读取文件）
<?php // 微信JSSDK是微信提供的开发工具包，通过JSSDK，网页开发者可以借助微信高效地使用拍照、选图、语音、位置等手机系统的能力。同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力。// 使用JSSDK步骤：// 1、在微信公众平台网站绑定域名// 2、在需要的html的文件中引入微信的js文件。// 3、配置需要使用的接口// 4、使用对应的接口/...
2020-02-26 00:43:53
170
原创 php测试号验证token和access_token
验证token（weixin/wx.php）<?php function checkSignature() { $signature = $_GET["signature"]; $timestamp = $_GET["timestamp"]; $nonce = $_GET["nonce"]; $echostr=$_GET["echostr"]; ...
2020-02-22 15:22:10
487
原创 小程序出现（\n）的处理方法，使用wxs中的正则匹配，去掉\n出现换行
var format=function(text){ if(!text){ return } var reg=getRegExp('\\\\n','g') return text.replace(reg,'\n')}module.exports={ format:format}<wxs src="../../utils/fliter.wxs" modu...
2019-12-08 17:32:33
1039
1
原创 小程序案例
fetch.js封装函数module.exports = (url,type,data)=> { return new Promise((resolve,reject)=>{ wx.request({ url: `http://bl.7yue.pro/v1/${url}`, // url:`https://locally.uleee.com/${u...
2019-11-28 22:10:19
373
原创 当有两个及以上更多需要被加载时或收起时js代码
js // 加载更多 var more=document.getElementsByClassName("more"); var pack=document.getElementsByClassName("pack"); var contentHide=document.getElementsByClassName("contentHide"); for(var i=0;i<mo...
2019-11-22 14:08:51
162
原创 vue打开后端口任意变化，不再是8080的解决方法
今天打开电脑运行npm run dev 开项目的时候，遇到了一个极大的bug，差点崩溃。经过百度和问朋友终于想出来了解决办法~~（都快被这个bug整哭了，极度绝望）如图，ip地址不停的变，不再是8080对于这个问题，有两种分析方案一种是端口被占用，但是在这个项目中，很明显项目端口没有被占用，所以有以下两种改法1.（第一种不推荐，推荐用第二种方法）将78,80,84行的port改为por...
2019-08-20 12:41:08
4515
3
原创 vue查找地址
<template><div> <div class="search"> <input v-model="keyword" type="text" class="input-search" placeholder="输入城市或拼音"/> </div> <div class="search-content" re...
2019-08-19 16:59:47
487
原创 vue使用ajax获取数据
home.vue 父组件往子组件传值，先绑定，后props：【】<template> <div> <home-header></home-header> <home-swiper :swiperList="swiperList"></home-swiper> <home-icons></ho...
2019-08-12 13:23:10
648
原创 vue滑动出现两排图标
<template> <div class="icons"> <swiper> <swiper-slide v-for="(page,index) of pages" :key="index"> <div class="icon" v-for="item of page" :key="item.id"> &l...
2019-08-05 17:26:17
553
原创 vue-cli知识点
Package.json：第三方模块依赖Index.html：是项目默认的首页的模板文件Static：放静态资源Src：放的是整个项目的源代码Main.js:是整个项目的入口文件App.Vue:是项目原始的根组件路由都放在Router下的index.js组件都放在componentsAssets放的是图片资源...
2019-07-30 14:52:07
159
原创 标签栏切换
<div class="tab-head"> <ul> <li class="tab-head1 current"><a href="">猜你喜欢</a></li> <li class="tab-head1"><a href="">猜你喜欢</a>...
2019-07-21 19:39:37
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人