- 博客(41)
- 资源 (2)
- 收藏
- 关注
原创 process.env环境变量使用
在package.json文件中, scricps中例如:在 vue.config.js中获取参数,并定义全局参数接受方式为 process.env.npm_config_xxx需要把赋值全局环境变量过程放在文件顶部, 防止引入文件无法使用全局环境变量。
2023-06-14 16:47:01
953
原创 vue全局导入外链js
在index.html中引入js,vue单文件中使用会造成报找不到方法的warning,只需要配置外链引入就可以了在vue.config.js中配置configureWebpack: { externals: { 'AMap': 'AMap' // index.html 中引入的js } }import AMap from 'AMap' // 这样就不会报warning了...
2021-03-19 13:46:47
639
原创 el-select 无法唤起 ios 键盘
究其原因就是因为ios的延时机制,导致键盘还未唤起,就关闭键盘了。<el-select ref='select' @hook:mounted="closeReadOnly" @visible-change="closeReadOnly"></el-select>js:closeReadOnly(val) { this.$nextTick(() => { if (!val) { const input = this.$re.
2021-03-12 13:36:08
1596
1
原创 ES6 知识点总结
计算属性名let obj = { a: 1, b: 2, [Math.random()]: 3}console.log('obj: ', obj);// obj: { a: 1, b: 2, '0.6494800947739248': 3 }计算出来属性的最终结果当作属性名Object.assign()把一个源对象复制到目标对象,并返回目标对象let target = { a: 1, b: 2 }let sourcel = { a: 1, c: 3 }let obj3 =
2020-12-01 19:57:17
168
原创 es6字符串的新操作
1. 模板字符串let str = `我可以直接换行啦`console.log('str: ', str); // str: 我可以// // 直接换行啦可以直接添加空格和换行2. 带标签模板字符串 const name = 'wlq' const gender = true function speek(strings, name, gender) { console.log(strings) // [ 'hey,', ' is a ', '' ] let
2020-12-01 18:58:53
150
原创 全局作用域,函数作用域(局部作用域),块级作用域
前言在 Es6 之前有块之说,但没有块级作用域之说!!!如下:if (true) { var a = '1'}console.log(a) // 1for (var i = 1; i < 3; i++) { // TODO}console.log(i) // 3如上:一个{}即形成了一个块。但是没有作用域一说,故在外面也可以正常访问到var声明的变量 。我为什么说是 函数作用域(局部作用域) 而不是 局部作用域(函数作用域) 这样写,就是想特意说一下,在函数内部可以
2020-11-27 10:14:36
848
原创 面试知识点总结
1. 前端工程化目的:提高效率,较低成本。怎么做:模块化,组件化,规范化,自动化传送门2.前端设计模式传送门3.前端安全模式xss (cross site script)跨站脚本CSRF(Cross-site request forgery)跨站请求伪造sql 注入上传漏斗...
2020-09-06 13:47:06
182
原创 面试题
VUE1. MVVMM:数据模型层,负责数据的修改以及业务逻辑V:视图层,将数据模型转化为试图展示出来VM:监听M的数据变化,控制视图层行为,处理用户交互,简单的说就是同步M和V对象,链接M和V2. 生命周期从创建到销毁的整个过程。从创建开始,初始化数据,编译模板,挂载dom,渲染更新-》渲染销毁等一些列的过程。作用:有很多生命周期函数,为了更方便的控制整个vue实例的逻辑3. vue实现双向绑定的原理采用数据劫持结合发布者-订阅者模式,通过Object.defineProtopert
2020-09-06 13:46:40
144
原创 egg.js 中间件完成存储ip
1. 配置中间件(有坑请注意)1、在 app/middleware 下编写中间件。2、配置中间件坑!!!:请注意一般情况下,我们会在 router.js 中,开启中间件,这么做一般情况下没事儿,但是为了存储访问者ip,我们需要在中间件中插入一条数据,此时我们就用到了module.exports = (optinos,app) =>{} 中的 app。加入我们在 router 中使用中...
2020-04-02 17:00:19
1319
原创 egg.js 获取客户端真实ip
前言:在使用egg.js的时候,一般会开node服务,然后使用nginx代理我们egg.js的接口,因此产生了egg.js获取的ip地址并不是客户端真实ip,而是拿到的是nginx 的地址。故需要两点:配置egg.js配置nginx1.配置egg.js路径 config/config.default.js# 注意,开启此模式后,应用就默认自己处于反向代理之后,# 会支持通过解...
2020-04-02 16:39:26
8123
5
原创 玩转vscode
前言:一个"骚"的程序员能不用鼠标就不用鼠标,能不用触摸板就不用触摸板,只用键盘才是最骚的!!!!1. 命令形式打开vscode1、首页找到vscode的bin目录,复制其路径。(ps:C:\Users\wlq\AppData\Local\Programs\Microsoft VS Code\bin 因为我是笔记本,买回来之后第一件事儿就是多盘合一,至于性能问题,固态的差不了太多不应该。...
2020-03-27 13:21:57
475
原创 windows 常用命令
1、打开当前目录explorer .2、打开上级目录explorer …3、打开任意目录explorer dirname
2020-03-25 17:32:54
130
原创 git 常用命令
随便总结,毫无逻辑回滚到指定版本 git reset --hard (版本号) git push -f origin master
2019-09-05 14:37:05
141
原创 webpack(vue)初始化配置
1. 运行项目,浏览页面自动打开npm run dev后运行项目无法自动打开页面,需要在package.json中添加--open,就可以自动打开页面了。2. css样式初始化为了保证各个浏览器css样式一致,引入css初始化样式文件。(normalize.css)无法下载的,请下载我上传的。(。。。后续补充)我上传的正在审核,耐心等待。一般不经常改变的文件我喜欢放在assets中...
2019-03-13 16:22:48
862
原创 完美解决vue,webpack打包图片不显示
修改build/utils.js文件,添加publicPath: "../../"
2019-02-28 17:31:56
1999
原创 解决ios键盘消失页面不回弹问题
let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0));
2019-02-28 17:26:29
1416
原创 vue项目修改组件默认样式
1. 出现的问题及原因在一个页面时, style 设置 scoped, 现在样式仅在设置 “本地” 可用。故导致我们想要修改组件样式无法修改成功。2. 解决办法使用预处理的方案stylus 使用 &gt;&gt;&gt; 外层 &gt;&gt;&gt; 第三方组件 { 样式 }eg: #app &gt;&gt;
2018-10-18 11:58:29
5298
6
原创 vue实现页内跳转功能
1. 页面结构页面的结构如图所示,wrapper设为不允许滚动。content内容区允许滚动2. 代码document.getElementById("wrapper").scrollTop = document.getElementById("content").offsetTop - 150;...
2018-09-29 11:56:16
3272
原创 解决 sudo npm 提示 command not found的办法
出现原因:sudo有时候会出现找不到命令,而明明PATH路径下包含该命令,让人疑惑。其实出现这种情况的原因,主要是因为当 sudo以管理权限执行命令的时候,linux将PATH环境变量进行了重置,当然这主要是因为系统安全的考虑,但却使得sudo搜索的路径不是我们想要的PATH变量的路径,当然就找不到我们想要的命令了解决办法建立软连接的方式# 把原始路径建立在 /usr/bin/...
2018-09-13 09:33:59
11315
原创 Linux(deepin)下配置nginx
1. 安装各种的依赖库# 安装gcc g++的依赖库sudo apt-get install build-essentialsudo apt-get install libtool# 安装pcre依赖库sudo apt-get install libpcre3 libpcre3-dev# 安装zlib依赖库sudo apt-get install zlib1g-dev# 安...
2018-09-12 16:09:43
2638
转载 Markdown使用方法
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...
2018-09-12 15:19:52
332
原创 linux配置二级域名
1. 在Apache的安装目录/etc/httpd/conf 下修改 httpd.conf 文件2. 修改如下:找到LoadModule rewrite_module modules/mod_rewrite.so,若存在需要删除前面的”#”,若不存在需要添加此行.查找 AllowOverride None 改为 AllowOverride All 开启mod_rewrite的功能....
2018-07-27 16:32:38
1746
原创 vue在路由中验证token是否存在
1. 在router/index.js 进行验证2. 代码如下:import Vue from 'vue'import Router from 'vue-router'import Login from '@/components/common/Login';......Vue.use(Router)const router = new Router({ routes:...
2018-07-27 11:07:05
4019
原创 封装axios,token,消息提示,防止重复提交
1. 功能 封装axios的get、post、put、delete操作 token在headers中提交 错误跳转 消息提示 防止重复提交 2.代码如下:import axios from 'axios' // 引入axiosimport router from '../../router' // 引入路由im...
2018-07-27 10:56:31
5474
转载 npm命令简写及解析
转载自 https://blog.youkuaiyun.com/yufji/article/details/77506249
2018-07-18 09:55:13
884
原创 linux配置node环境
1.下载node包#进入下载目录cd /usr/local/src#下载node包wget https://nodejs.org/dist/v8.11.3/node-v8.11.3-linux-x64.tar.xz 2. 解压#压缩包格式为 (tar.xz)tar xvJf node-v8.11.3-linux-x64.tar.xz参考原文3. 验证是否...
2018-07-14 17:56:54
267
原创 允许远程访问mysql(MariaDB)
出现情况: 用第三方软件访问数据库的时候,出现权限受限的情况.此时需要允许远程访问mysql,本地连接不需要设置.解决办法如下#进入mysqlmysql -u username -ppassword #需要密码与-p连起来写#或mysql -u username -p #接下来会提示你输入密码#修改授权(记得结尾加上 ';'分号 )grant all privile...
2018-07-14 14:01:16
607
原创 centos7配置Lamp环境
1.停止防火墙#停止firewall服务systemctl stop firewalld.service#禁止firewall开机启动systemctl disable firewalld.service2.安装 iptables-services服务#安装yum install iptables-services#编辑防火墙配置文件 vi /etc/sysconfig...
2018-07-07 14:50:30
331
原创 清除浮动兼容ie
.clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}.clear { zoom: 1;}
2018-07-02 11:33:51
1396
原创 vue-cli配置less
1. 下载less less-loadernpm i less less-loader -S2.配置less安装成功后,打开 build/webpack.base.conf.js ,在 module.exports 的对象中 module.rules 后面添加一段:module.exports = { module: { rules: [ ...
2018-06-27 11:53:50
3226
原创 解决vue打包wendor过大的问题
1.找出原因一般情况下不会出现过大的问题,但是当你引入一些UI组件库的时候会导致打包文件过大的问题。所以我们需要通过外部引入的方式引入这些UI组件库,从而减少打包文件过大的问题。2.解决方案 1.外部引入UI组件库1.在index.html的文件头部引入element-ui的组件库。引入vue&amp;amp;lt;!-- 开发版,开发过程中使用此方案--&amp;amp;gt;&amp;amp;lt;script...
2018-06-21 10:12:59
5174
原创 vw移动端布局,vue项目初始化构建
大漠老师的vu项目vw布局 注意事项1. 在ios端img标签的图片不显示,安卓可正常显示 解决方案: 不可以为img设置任何css样式,只可以在为img的父盒子设置样式,img的大小靠百分比设置。 代码示例:错误示例&amp;amp;amp;lt;div class=&amp;amp;quot;img&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;im
2018-06-15 12:20:49
2225
原创 css折行字体变大
Font Boosting(字体放大)1. 别名Text Autosizer(文本自调)Font Inflation(字体膨胀)2. 现象字体显示尺寸比CSS中指定尺寸大。Chrome自行放大页面字体的大小。3. 原因 当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动...
2018-05-26 15:21:37
966
原创 ios点击阴影
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } rgba(0, 0, 0, 0) = transparent 任选上述方法中的一个
2018-05-26 14:15:39
268
原创 nginx配置
1. 下载完成nginx后需要配置 /conf/nginx.conf 文件 server { listen 9090; #开放的端口 server_name localhost 127.0.0.1; #设置本地的地址 #charset koi8-r; #access_log logs/host.acc...
2018-05-16 11:35:02
740
原创 初中级前端面试题
1.盒子居中 1.宽高固定:.self{ position: absolute; top: 50%; left: 50%; margin-left:-self/2; margin-top:-self/2;} 2.table-cell布局:.content{ width:400px; height:300...
2018-05-10 16:58:49
761
原创 Linux用户管理,文件夹权限设置,登录指定目录
1. 用户设置#新增用户useradd username#设置密码passwd username#连续输两次密码完成用户设置#删除用户userdel username#删除用户及删除创建的文件夹userdel -r username#查看用户是否添加tail /etc/passwd2. 为用户设置指定文件夹权限#设置文件夹权限 chown -...
2018-05-08 13:55:01
4558
封装的axios的文件
2019-03-13
css样式初始化文件
2019-03-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人