- 博客(26)
- 收藏
- 关注
RSS订阅
原创 vue前端项目优化
本次针对的是vue cli脚手架进行webpack相关的配置,包含到nginx 和dockerfile部署环境@vue/cli 4.5.13 、nginx、dockerfile、 k8sCI\CD一、包体积优化分隔js代码分隔出来的js文件名/*webpackChunkName:"register"*/ { path: '/401', component: () => import(/* webpackChunkName: "4...
2021-08-26 16:56:28
362
原创 vue项目使用GZIP（SPA应用优化）
服务器启用GZIP http { include /etc/nginx/mime.types; default_type application/octet-stream; log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ..
2021-03-29 22:21:02
270
原创 vue全家桶接入mock express（mock升级版）
mock基础版本需要通过before实现before: require('./mock'),//引入mock/index.jsmock+express废话不多说线上代码pm i express -D npm i mockjs -Dexpress了解连接https://www.expressjs.com.cn/starter/hello-world.html新建api文件 放接口路由配置data 文件夹放json数据新建mock-serve.js 启动文件...
2021-03-18 18:46:22
252
原创 前端代码规范文档（Vue、es6、ts、部分js）
Vue 开发规范目录及说明规范目的 命名规范 结构化规范 注释规范 编码规范 CSS 规范规范目的为提高团队协作效率，便于后台人员添加功能及前端后期项目有何迭代，以及提高自身代码质量，让大家书写可维护的代码，而不是一次性的代码，让代码能一目了然，业务逻辑实现表达清晰命名规范普通变量命名规范命名方法 ：驼峰命名法命名规范 ：命名必须是跟需求的内容相关的词，比如说我想申明一个变量，用来表示我的学校，那么我们可以这样定义const mySchool = "我的..
2021-01-08 11:16:21
2197
1
原创 lNMP环境搭建多个PHP
当前环境已经存在php5现在安装PHP71、下载安装包https://www.php.net/releases/ 此处下载的php-7.2.0.tar.gz2、安装php依赖root@localhost ~]# yum -y install libmcrypt-devel bzip2-devel gcc openssl-devel php-mcrypt libmc...
2019-05-10 15:20:14
608
原创 PHP学习之路(给公司做的 一份php学习规划 会其他语言的可入手)
一、php基础学习（点击到达相应板块）1、php基础：php学习基础附带在线编辑适合一定编码基础（原网址： http://www.php.cn/php.html#a1） 1-1: PHP基本语法 1-2: 我们的第一段PHP代码 1-3: php中的变量－看了就会 1-4: echo 显示命令 1-5: php注释的学习 1-6...
2019-04-22 13:57:27
263
原创 linux 安装node
centos7 64位wget https://nodejs.org/dist/v16.8.0/node-v16.8.0-linux-x64.tar.gztar xf node-v5.10.1-linux-x64.tar.gz -C /usr/local/cd /usr/local/mv node-v16.8.0-linux-x64/ nodejsln -s /usr/local/nodejs/bin/node /usr/local/binln -s /usr/local/nodejs/b.
2021-08-27 13:58:00
260
原创 npm ERR! code E403 npm发布包失败 403
npm ERR! code E403npm ERR! 403 403 Forbidden - PUT http://registry.npmjs.org/xpx-ui - Forbiddennpm ERR! 403 In most cases, you or one of your dependencies are requestingnpm ERR! 403 a package version that is forbidden by your security policy.根据网上说..
2021-08-26 14:21:44
6024
1
原创 关于webpack中babel插件的使用
1.为什么需要BABELwebpack是不能解析es6语法的，需要用到插件来转化为es5和浏览器能识别的文件2.NPM安装和配置1.cnpm i babel-corebabel-loader@7babel-plugin-transform-runtime -D这里我使用的cnpm指令安装可以更快，尽量不要npm和cnpm指令混用，因为可能是npm删掉cnpm之前安装的包，，所以要么一直用npm或者cnpm。这个包核心是babel-loader和core，第二个是插件plugin，需要辅助用...
2021-03-30 11:52:00
621
原创 TypeError: Cannot read property ‘tapPromise‘ of undefined
// 打包压缩 config.plugin('CompressionPlugin').use( new CompressionPlugin({ filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz) algorithm: 'gzip', // 使用gzip压缩 test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'), ...
2021-03-29 19:21:34
9720
原创 PWA 简单实现
一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。简单的index.html<!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content=.
2021-03-24 15:11:01
635
原创 vue cli 接入 mock
什么是mockjs?他的使用场景是什么？当前端工程师需要独立于后端并行开发时,后端接口还没有完成,那么前端怎么获取数据？这时可以考虑前端搭建web server自己模拟假数据,mockjs用来生成随机数据,拦截 Ajax 请求。下面引用mockjs官网的图片：正文:如何改造vue-cli,将mockjs嵌入到webpack?vue项目初始化安装vue-cli脚手架工具,并初始化项目 //全局安装 vue-cli npm install vue-cli -g ...
2021-03-17 13:54:11
274
原创 webpack 打包实现
什么是webpack？模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。为什么使用webpack模块化可以使复杂的程序细化成为各个小的文件 预处理器可以对Scss，less等CSS预先进行处理 前端工程化 ...... 创建项目 以下为mac命令执行 liuyuquan@liuyuquandeMacBook-Pro w...
2021-03-05 17:22:59
110
原创 前端自动化部署（头脑风暴）
前端自动化部署前言：楼主公司项目用的是vue技术栈，考虑以下方案1、阿里云teambitionhttps://www.teambition.com 阿里全套的开发工具2、gitlab-ci、cd 自动化部署3、项目本地直传ssh24、jenkens（docker部署或者静态文件部署）...
2021-01-30 18:06:18
281
原创 vue cil3 去除console
1、安装插件babel-plugin-transform-remove-consolenpm install babel-plugin-transform-remove-console --save-dev# oryarn add babel-plugin-transform-remove-console --dev 2、在【babel.config.js】配置如下if(process.env.NODE_ENV === 'production') { plugins.push(.
2020-06-15 13:58:34
193
原创 小程序 引入第三方组件 类级联选择器不管用的解决方案
小程序开发用的第三方组件iViewWepp如图所示：直接级联或者 深度引用都是不管用的>>> 小程序不支持 /deep/ 不生效 直接类级联选择也不管用 都加important 了 还是不生效看代码就是没作用上组件给的i-class 自定义样式 只能作用在最外层最后我是用了 标签选择器人生处处有惊喜呀...
2019-11-13 14:25:27
634
原创 微信二次分享 微信浏览器打开页面时 IOS隐藏复制按钮和自定义菜单按钮时失效问题（特殊情况下）
背景vue项目-开发h5 防止个人信息隐私泄漏 要求html页面开发微信二次分享 只能发送给个人 ,隐藏所有保护类操作，自定义传播类操作, 复制链接/原网页等等 微信开发API，保护类，传播类请查看目录3 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html解决...
2019-11-05 15:47:33
1397
原创 vue tabbar 如何利用嵌套路由 实现页面切换 以及记录高度 非history模式
项目中有时用到多个页面 记录滚动高度 让用户有更好的体验利用路由实现 嵌套路由 监听高度项目源码<template> <div id="tabs" class="tabs"> <div>{{active}}</div> <keep-alive> <...
2019-10-17 16:05:23
1427
原创 关于Mamp pro 如何配置 nginx
楼主mac笔记本 其实路径和windows大体一样最近公司需要使用 mamppro 本地开发 TP5 开发，安装完mamp pro（mamp+mampro）其实本来可以直接用apache 可以避免pathifo问题（apache 默认志气pathifo的 nginx 不支持）楼主想用nginx 没错就是想用没其他理由 （其实想用nginx 做跳转 可以配置多个代理开发项目，方便管理...
2019-07-20 20:26:12
4923
2
原创 关于TP5 Nginx 配置 附加MAMP Pro中nginx 配置（一）
LNMP 环境下 可以直接配置如下路径处理location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; break; } }php 配置location ~ ^(.+\.php)...
2019-07-20 20:24:13
1731
原创 php安装curl扩展
本地环境php7 nginx --- 出现问题：安装ThinckCmF出现curl不存在进入下载解压好的php源码目录，进入ext扩展目录，再进入curl的扩展目录目录路径执行/usr/local/ming/php/bin/phpize 你安装的php 路径执行phpize之后就会生成一些configure相关的文件然后执行命令./configure --wit...
2019-05-14 08:50:02
5868
原创 mysql 时间格式化函数 FROM_UNIXTIME
1.mysql时间格式化函数 FROM_UNIXTIMESELECTFROM_UNIXTIME(senddate)aspbdateFROM`dede_archives`默认 年月日时分秒SELECTFROM_UNIXTIME(senddate,'%Y-%m-%d %H;%i')aspbdateFROM`dede_archives`%M 月名字(January...
2019-05-09 08:52:13
1002
转载 Redis相关操作
一、Redis连接与认证//连接参数：ip、端口、连接超时时间，连接成功返回true，否则返回false $ret =$redis->connect(‘127.0.0.1’, 6379, 30); //密码认证：成功返回true，否则返回false $ret= $redis->auth(‘123456’);二、String操作//设置键值：成功返回true，否则返回f...
2019-03-27 13:43:28
126
转载 php 安装xdebug版本
Xdebug官网：https://xdebug.orgXdebug下载地址：https://xdebug.org/download.phpcentos系统下：wget https://xdebug.org/files/xdebug-2.4.0.tgz解压缩：tar -zxvf xdebug-2.4.0.tgz安装：/usr/local/php/bin/phpize ./configu...
2019-03-08 10:40:20
470
转载 LNMP环境搭建
LNMPLNMP就是：Linux系统下Nginx+MySQL+PHP这种网站服务器架构。Linux是一类Unix计算机操作系统的统称，是目前最流行的免费操作系统。代表版本有：debian、centos、ubuntu、fedora、gentoo等。Nginx是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP代理服务器。Mysql是一个小型关系型数据库管理系统。...
2019-03-07 13:39:32
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人