- 博客(60)
- 收藏
- 关注
RSS订阅原创 PHP 成生唯一随机文件名
//生成随机文件名$hash="CR-";//定义一个包含大小写字母数字的字符串$chars="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";//把字符串分割成数组$newchars=str_split($chars);//打乱数组shuffle($newchars);//从数组中随机取出15个字符$chars_key=array_rand($newchars,15);//把取出的字符重新组成字符串for
2021-03-01 13:17:40
999
原创 百度地图API实例化地图之点击景点不弹出信息窗口
正常使用百度地图创建Map实例：varmap = new BMap.Map("map_container"); 这种创建方式默认是开启了点击景点的事件想要关闭信息框，只需要在创建Map实例的时候，加上 { enableMapClick: false } 就可以了varmap = new BMap.Map("map_container",{ enableMapClick: false }); ...
2021-01-29 12:41:26
1005
原创 文件上传
https://github.com/simple-uploader/Uploader/blob/develop/README_zh-CN.mdhttps://www.codeleading.com/article/24821567475/添加链接描述
2020-12-14 19:16:45
90
原创 git commit -m提交时由于eslint的检测机制报错： ✖ npm run lint-staged:js [FAILED]
git提交时报了两条错误：1、stylelint --syntax less found some errors. Please fix them and try committing again2、npm run lint-staged:js found some errors. Please fix them and try committing again.husky > pre-commit (node v12.18.4)npm WARN lifecycle The node bina
2020-10-15 10:54:26
9318
2
转载 日期格式的插件
这个是个日期格式的插件,你们以后写日期的话用这个转一下就可以了https://day.js.org/docs/zh-CN/display/format
2020-10-14 15:33:12
124
转载 如何通俗解释Docker是什么？
如何通俗解释Docker是什么？ - 木头龙的回答 - 知乎 https://www.zhihu.com/question/28300645/answer/585166942
2020-10-14 10:45:24
98
原创 http和https的区别
http是超文本传输协议的缩写因为http协议不安全所以加入ssl协议，打个比方就是会把要传输的内容放在盒子里和产生两把钥匙，你传输的时候用钥匙把盒子锁上，传到网站之后会用钥匙打开https主要有以下方面的成本和问题SSL证书是要收费的。而且功能也呛得证书，越贵SSL会延长页面的加载时间，有统计延长大概50%https缓存方面不如httphttps会更多占用服务器的连接资源https在面对黑客攻击、Dos拒绝服务攻击等方面也没啥用总结：http多用在普通网页，https多用在输入用户
2020-10-14 10:24:25
83
原创 彻底消除if else， 让你的代码看起来更优雅
前言应该有不少同学有遇到过充斥着if else的代码，面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差。那么是时候重构了，花几分钟看看这篇文章， 说不定对你有一丢丢帮助。场景一： 根据status显示对应名称优化方案1：object对象const statusStr = { '1': '待付款', '2': '待发货', '3': '已发货', '4': '交易完成', '5': '交易关闭', 'default': '',}const
2020-10-13 19:27:03
1624
原创 高级web前端面试题
1.js为什么要延迟加载，有哪些方法可以实现延迟加载原因：js 的加载、解析和执行会阻塞页面的渲染过程，因此我们希望 js 脚本能够尽可能的延迟加载，提高页面的渲染速度。我了解到的几种方式是:将 js 脚本放在文档的底部，来使 js 脚本尽可能的在最后来加载执行。给 js 脚本添加 defer属性，这个属性会让脚本的加载与文档的解析同步解析，然后在文档解析完成后再执行这个脚本文件，这样的话就能使页面的渲染不被阻塞。多个设置了 defer 属性的脚本按规范来说最后是顺序执行的，但是在一些浏览器中
2020-08-26 20:45:59
4451
2
原创 vue/react/web前端项目部署到阿里云服务器_nginx_pm2
https://blog.csdn.net/Charissa2017/article/details/105886521
2020-08-06 23:53:26
188
原创 nginx配置成功后，外网无法访问的问题
https://blog.csdn.net/qq_36336522/article/details/83824528https://blog.csdn.net/LJFPHP/article/details/78670459
2020-08-06 21:44:01
5901
原创 React路由全解
1.安装yarn add react-router-dom2.引入路由3.路径匹配(普通路由,特殊路由,严格模式,switch)4.component的渲染方式5.路由高亮6.路由传参7.路有对象(history,location:state:上一个路由传过来的参数,match:params)7.子路由(没有子路由的强概念,主要根据路径来匹配)...
2020-08-03 22:10:14
236
原创 React之Context大全
首先我们来说一下Context是干什么的,其实就是实现跨组件之间数据通信的一种方式1.在react项目中使用context我们的demo目录结构如下:我们可以先建一个文件Mycontext,来管理我们的数据在Parent引入Son组件,在Son组件引入Grandson,比如我们想在组件中使用Mycontext中的数据,我们可以这样写:static contextType = 引入的模块 是固定写法,然后通过this.context就能拿到想要的值2.通过Provider包裹
2020-08-02 16:15:23
334
原创 React 实践心得：react-redux 之 connect 方法详解
https://segmentfault.com/a/1190000015042646
2020-07-31 23:07:25
132
原创 用http-proxy-middleware配置代理时报错:proxy is not a function
再用create-react-app创建react项目后,安装了http-proxy-middleware来配置代理,在src文件夹下新建了一个setupProxy.js文件,当时写的的代码如下:const proxy = require("http-proxy-middleware");module.exports = function(app) { app.use( proxy( "/api", { target: "http:
2020-07-30 22:26:26
6944
原创 React项目中使用antd-mobile组件中的Carousel 走马灯报错严格模式问题
通过ceact-react-app搭建的React项目，在使用antd-mobile组件库中的Carousel（跑马灯）组件时，报如下错误(但是不影响跑马灯的使用)：Warning: A string ref, "slider", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or
2020-07-30 11:08:20
2631
原创 React相关知识梳理文档
关于ReactReact的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库！A JavaScript library for building user interfacesReact不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React
2020-07-21 19:24:35
187
原创 vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失
原因:vue路由传递参数如果用params传递参数，那么页面刷新就会丢失数据，可以改用query来传递参数，这样刷新就不会丢失.如果传递的是对象，注意要把对象转为字符串，否则刷新就会变为undefined了.另外，二者还有点区别，直白的来说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示.解决办法:传递页:把传递的对象县转化为字符串2.目标页:目标页接收参数并把字符串转化为对象3.路由页:路径后面绑定数据
2020-07-15 19:43:01
607
原创 JavaScript核心知识点
作者：Dmitry A. Soshnikov编译地址：http://dmitrysoshnikov.com/ecmascript/javascript-the-core/译者：JeremyWei译文地址：http://weizhifeng.net/javascript-the-core.html
2020-07-15 14:37:59
102
原创 vant Grid组件图片加载问题 无法加载本地图片解决方案
我们引入图片直接用官网给的icon来加载案图片<van-grid square> <van-grid-item v-for="(item,index) in gridtextlist" :key="index" :text="item.text" :icon="item.photo" /> {{item}} </van-grid&g
2020-07-08 23:13:46
4322
3
原创 vue路由的几种方式
1.子路由不要加/2.动态路径在这里插入图片描述在这里插入图片描述3.路由守卫进入守卫beforeRouteUpdate(动态路由发生变化的时候调用)beforeRouteUpdate(to,from,next){console.log(to)next()}离开守卫免战牌页面(404页面)4.编程式导航replace可以节省内存router(拿到方法或属性)history可以去掉#, 有坑(nginx找不到路径 会返回404)解决办法hash5.命名路由
2020-07-08 21:29:17
7353
原创 $ vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 error Command failed with exit code 1
跟同事合作项目时 yarn serve项目好几次没起起来,然后报如下错误:我以为我install到了,但是一看没有node_modules模块,所以yarn install或者npm install一下就好了
2020-07-07 20:15:45
4311
原创 移动端一像素问题解决方案
1.为什么会有一像素问题在移动端分辨率是不相同的,目前来说可以分一倍屏,二倍屏,三倍屏,在不同分辨率上显示的1像素可能会被渲染为2个像素点或者三个像素点,这样严重影响了美观,所以我们要解决一像素问题2.原生简单写法html<div> <div class="border"></div> </div>css ::after里面的width:200%;height:200%就是把after元素放大两倍,原来的边框像素还是1px原来的大小,
2020-07-07 20:01:23
1322
2
原创 vue项目步骤
一、vue过滤器组件，组件拆分二、vue-cli安装vue.config.js chainWebpack(config.resolve.alias.set()) //改写成绝对路径module.exports = { chainWebpack: config => { config.resolve.alias .set('@', path.resolve(__dirname, './src/components')) .set('assets',
2020-07-07 08:28:44
82
原创 git(三) github多人协作开发
1.多人协作开发流程A在自己的计算机中创建本地仓库A在github中创建远程仓库A将本地仓库推送到远程仓库B克隆远程仓库到本地进行开发B将本地仓库中开发的内容推送到远程仓库中A将远程仓库中最新内容拉去到本地2.远程仓库的创建这里就不赘述了,先注册仓库号 然后创建仓库3.推送到远程仓库1.git push 远程仓库地址 分支名称代码提交到远程仓库成功2.git push 远程仓库地址别名 分支名称3.git push -u 远程仓库地址别名 分支名称-u记住推送地址及分
2020-07-02 21:10:50
233
原创 fatal: Could not read from remote repository的原因及解决办法
1.原因设置远端仓库地址 git remote set-url origin 你的远端地址git push origin master出现以下情况：2.解决办法：删除当前key，然后重新生成key
2020-07-02 20:41:59
6625
原创 git(一) git安装及使用
1.git是什么git其实就是一个版本管理工具2.git的安装下载地址:https://git-scm.com/选择对应下载版本就可以了,下载完点击执行文件,一直进行下一步就可以了安装好以后我们可以看到多出两个命令Git GUI Here和Git Bash Here两个命令,我们用到最多的就是Git Bash Here点击它就能打开git,输入git --version查看git版本号这样就证明git安装成功了3.git的基本工作流程git并不是每次提交都修改文件,而是只有文件有了改动
2020-07-02 11:59:17
194
原创 转化为数组的五种方法
var cks=document.getElementsByTagName("input"); var list=Array.from(cks);//ES6 var list=Array.prototype.slice.call(cks); var list=[].slice.call(cks);
2020-06-04 14:39:21
3188
原创 map使用及原理
map是遍历数组的方法,回调函数中有三个参数,每个元素,下标,原数组,并且使用return返回新元素到新数组中新数组的长度与原数组的长度相同,如果没有使用return,就会返回默认的undefined用法:arr.map(function(item,index,array){ console.log(item,index,array);});map重构原理: 桥接模式 function map1(array,fn){ var arr=[]; for(va
2020-06-04 13:53:56
334
原创 foreEach原理
遍历数组,回调函数中有三个参数,每个元素,下标,原数组遍历一个元素,就执行该函数一次forEach只能遍历数组,不能返回forEach原理var arr=[2,3,,4,5,6]; function forEach1(array,fn){ for(var i=0;i<array.length;i++){ if(array[i]===undefined) continue; fn(array[i],i,array); }
2020-06-04 13:46:17
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人