weixin_40046130的博客

原创 javaScript 对于字符串字符长度的控制

写页面时，会有需求用户名称不要超过一行，或者描述文字不超过两行的要求，但是如果简单的使用单纯使用username.slice(0,10)进行文字的控制的时候，发现效果不是很理想，因为中文和英文的字符长度不一样，导致获取的长度是不同的，所以使用字符长度来控制字数比较好，话不多上，上方法：byteLength (val, len = 25) { let b = len; // 规定长度 let init = 0; let newVal = ''; // 获取字符..

原创 vue .sync的使用 2021年7月

sync属性是语法糖，能够简单解决一个变量的父子组件交互对比了一下其他解释，发现不生效了，我发一版本好用的子组件关闭自己的方法，传统是emit 调父组件的函数，这个不需要一行搞定//父组件<template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png"> <button @click="isShow = true">打开</butt

转载 前端好用工具 npm

Lodashlodash[1]是一套现代 JavaScript 实用程序库，提供模块化、性能与多种附加功能。可提供关于 JavaScript 数组、对象及其他数据结构的多种实用功能。import { isEqual, cloneDeep, uniqBy, sortBy } from "lodash";const object = { a: 1 };const other = { a: 1 };isEqual(object, other);// => trueobject ==

原创 js ios 时间转换 new Date（）失败 格林尼治时间不好用

new Date("20-20-12 00:00:00".realpacAll('-','/'))格林尼治时间 改法function format (fmt) { // author: meizz var o = { 'Y+': this.getFullYear(), // 月份 'M+': this.getMonth() + 1, // 月份 'd+': this.getDate(), // 日 'h+': this.getHours(), ...

原创 移动端页面开发bug记录 多年总结 长期更新

作为一个开发了多年的移动前端选手 遇到的bug比你吃过的饭都咸1 input输入框 点击没反应或者多点几次ios: 不好点击 需要点好多次才会弹出输入法 ：解决 外部加个div click 使input.focus()安卓： 无2input 光标光标特别大 比字体还大ios: 去掉高度 使用padding撑起 （ios光标会跟着input的高度而不是字体的高度）、安卓：Im fine thank you3做页面动画 运动的图片会在最高层 使一些遮挡失效ios： 我有...

原创 vux scrooll组件 ios 滑动时 页面乱串 bug（vux已经放弃 bug太多了）

将\node_modules\vux-xscroll\build\cmd\simulate-scroll.js下的getScrollTop方法里面的正则表达式替换成下面（/[-\d.\de-\d]+/g ）的就可以了。这里路径可能不完全一样，反正就是源码库里的vux-xscroll里的simulate-scroll.js这个文件getScrollTop: function() { // var transY = window.getComputedStyle(this.container)

原创 ngixn 配置可以访问html 但是图片无法访问

打开nginx.conf 配置文件第一行加入user root;在80端口中配置server { listen 80; server_name ldods.com; location / { root /var/www; #静态文件（png jpeg jpg ） 的目录 index test.html; }}如果还不行chmod -R...

原创 docker nginx https 访问不到

docker run 时 每家 -p 443:443 导致的80是http 443 是https端口docker run --name nginx2 -d -p 80:80 -p 443:443 -v /var/www/nginx.conf:/etc/nginx/nginx.conf -v /var/www:/var/www nginx

原创 docker nginx 网址无法访问 logs提示failed (2: No such file or directory)

系统： centos命令：docker run --name mynginx2 -d -p 80:80 -v /var/www/nginx.conf:/etc/nginx/nginx.conf nginx报错："/var/www/err.html" failed (2: No such file or directory), client: 114.95.228.125, server: ldods.com, request: "GET /err.html HTTP/1.1", host: ...

原创 nodejs 操作mysql数据库遍历数据

需求： 查询文章列表 并把用户头像获取到思路： 1先查询文章数据 然后根据数据中的id 重新查询用户表 获取用户头像一开始是循环数据库查询 发现遍历query查询数据 不同步 百度后 使用 然后使用async 最后获取用户头像npm i asynv --save后来感觉方法笨拙 遍历查询性能等等都不好 请教一下比人 直接上图 注释是第一次写的 没注释是更改后的db.query(`select * from article order by article.datetime des...

原创 微信小程序 瀑布流布局 终极解决方案

瀑布流布局 网上找了很多 发现都有bug 要不就很麻烦 自己手写了一个使用的是flex 布局 最主要的属性就是flex-wrap: warp //超出自动换行当你想使用3列排列是 子元素 宽度33%；多余的去第二行，同理2列 50% 不过都要空出一点 否则有bug 所以给49%宽度就可以上代码 目前是微信小程序 h5同理 就是标签改一改//wxml <view class="image-list"> <view class="imgag...

原创 uniapp uni.uploadFile filename 没有后缀名 上传的问题 后端是node

url: 后端接口 可以拼接query参数files 一个数组集合，可以上传多个文件 header： 增加需求请求头 如果后端没要求可不填写这里我们需要注意的一点 后端接收图片文件时， 标准库会判断 文件filename的后缀名目前h5 是没有后缀名的 显示一个file- 时间戳的字符串手机端有后缀名所以在浏览器测试有问题 因为标准的后端库都会校验filename的后缀名手机端目前测试没问题...

原创 vue render函数实战

当我们需要页面动态改变时，就需要render函数render函数的特点就是没有html标签 没有template模版 只有script标签 跟react很像例子：table.vue<script> export default { props: ['items'], render: function(createElement) { let self = this console.log(thi

原创 vue extend 使用

vue页面大致都是router路由下 写好的单页面 当我们想要增加一个新页面 div 就需要extend1首先创建一个.vue后缀的单页面 例如alert.vue 做一个弹窗2 创建一个js 用来extend这个单页面index.jsimport Vue from 'vue';import alert from './alert.vue'let MyAlertConstructor = Vue.extend(alert);let instance;const MyA...

原创 react初学之路由跳转(js) withRouter

网上的demo讲解路由js跳转都写的不清楚btn1 = () => { this.props.history.push('/Child')}必须使用withRouter 否则报错 因为 此时props中没有任何属性和方法 他会对push进行报错import { Route, withRouter } from 'react-router-dom'对export default 的class包裹 这是react高阶组件用法：参数是一个组件，返回一个组件export de.

原创 react初学之 json-server 模拟数据

npm i json-server -g在data.json目录下 执行 即可访问4000端口获取数据json-server data.json --port 4000

原创 js concat assgin map filter reduce

concat返回一个新数组 不会去重assgin(obj,obj2) 第一个数组obj将会合并 去重map(item => item*2) filter 创建一个新数组对符合条件的元素加入reduce 累加 或者是合并对象((total, donation) => { retrun total + donation //累计 total是累计val or return total.type = xxxx}, {}) //后面可...

转载 Array.prototype.slice.call

将非对象数组转换成数组let obj = { '0': 3, '1': 13, '2': 23, '3': 33, 'length': 3, 'name': 330}let arr = Array.prototype.slice.call(obj)// [3, 13, 23]简洁写法[].slice.call(obj)Array.from(obj)该方法可以将类数组对象和可迭代对象转换为数组类数组对象上文已提及，何为可迭代对象？Array、Set、Map 和字..

原创 简述forEach()、map()、every()、some()和filter()的用法

https://www.jianshu.com/p/b728253c90b5写的很好理解 我就不复制粘贴了

原创 mac vuetoos 安装

git最新版本有问题 所有安装 Tags:5.1.1//--branch 分支号 git地址git clone --branch v5.1.1 https://github.com/vuejs/vue-devtools.gitcd vue-devtoolsnpm installnpm run build之后百度别的 都有怎么该true然后浏览器开发者模式 引用...

原创 夜间模式 颜色值参考

原创 微信小程序 mark用法

mark是小程序基础库版本2.7.1以上新出的标签属性该属性的作用是将所有mark绑定的数据进行合并，类似于自定义属性dataset直接上例子<view mark:myMark="last" bindtap="bindViewTap"> <button mark:anotherMark="leaf" bindtap="bindButtonTap">按钮</button></view>Page({ bindViewTap: fu..

原创 cd: no such file or directory: /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core

看到这个报错 应该是小伙伴安装homebrew失败了 怎么办憋了好久 才解决这个问题还有一个Tapping homebrew/coreCloning into '/。。。。core"然后一只下载直接停掉进入到tops文件夹 然后创建homebrew文件cd/usr/local/Homebrew/Library/Tapsmkdir homebrewcd homebrew执行命令git clone https://mirrors.tuna.tsi...

原创 docker-compose mysql添加hostname node调用mysql 的hostname 报错 找不到

nodejs 引用mysql2 废弃mysqlps：mysql目前没人维护了 所以有bug

原创 docker 入门 命令及compose.yml 写法 没有想写写 看不明白的小伙伴给我留言

基本概念镜像Image 类似root文件系统容器 Container仓库 Repository客户端-服务器（c/s）架构模式 使用远程api和创建docker容器拉去镜像 docker pull centos:7启动 docker run -I -t centos:7 /bin/hash-t:在新容器内指定一个伪终端或终端。-i:允许你对容器内的标准输入 (STDIN) 进行交cat /proc/version和ls分别查看当前系统的...

原创 mac 系统 react start问题 There might be a problem with the project dependency tree.

一开始 我们直接去nodejs官网下载安装即可如果想使用cnpm 执行下列命令sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose创建react 项目1 npx create-react-app name2 cd name3 run start我遇到...

原创 cordova + vue.js 打包app流程

1、安装jdk并配置环境变量 jdk下载地址（根据自己的系统本版下载）：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 是否安装成功验证方法：运行---cmd---执行java -version2、下载并安装Android SDK Android SDK下载...

原创 FileZilla无法连接到主机

FileZilla 是远程操作服务器文件 ftp 的工具 但是有时候连接不上网上的教程有很多 我把我遇到的问题和解决方法说明一下FileZilla_Server 在服务器按照网上的教程 好之后思路 检查ftp是否连接cmd 运行 输入 ftp ip地址 如果没有返回 表示有拦截 防火墙等等进入远程连接服务器运行cmd 输入ftp +FileZilla_Server...

原创 react 引入less 2018/12/21

最新的react包 引入lessnpm install less less-loader --savenpm run eject 暴露出webpack 找到build中webpack.config.dev.js新版本貌似引入sass  所以我们把关于sass 替换成less就ok将sass替换成less 将sass-loader替换成less-loader 嫌麻烦的直接复制下面代码...

原创 Vue 2.0 学习笔记一 基于webpack模板创建项目

vuejs 框架需要基于nodejs自带的npm下载 所以电脑先安装nodejs 地址：https://nodejs.org/en/download/1全局安装脚手架 npm install --global vue-cli2创建一个基于webpack 的模版项目vue init webpack my-project3 安装依赖 进入 my-project中...