- 博客(29)
- 收藏
- 关注
RSS订阅原创 云服务器使用nginx部署web项目(ubuntu操作系统)
打开安全组添加入方向规则这里我自定义了一个8000端口防火墙中开启对应端口进入linux命令之后，首次使用需要安装firewallsudo apt install firewalld查看所有打开的端口：firewall-cmd --zone=public --list-ports添加自定义的端口：firewall-cmd --zone=public --add-port=8000/tcp --permanent （–permanent永久生效，没有此参数重启后失效）注意，添加后需要
2021-08-30 01:23:31
975
原创 generator函数及async的简单实现
generator函数概念Generator函数是ES6提供的一种异步编程解决方案，从语法上，Generator函数一个状态机，封装了多个内部状态。Generator函数被调用之后，返回遍历器对象，每次调用.next()方法，会执行到下一个yield语句之前。function* gen(x){ var res1 = yield x + 1; var res2 = yield x + 2; var res3 = yield x +
2021-04-16 19:38:24
297
原创 python下载安装及在vscode中使用
1.下载安装:选择:Windows installer (64-bit)勾选add python 3.6 to Path则不与要手动配置环境变量.后续安装步骤跟着提示来就好.2.vscode插件安装及配置(1):安装python插件,默认解释器不作更改.(2):设置->首选项->重启编辑器,在编写python代码时会有提示.此处不要勾选,在网上查找教程时看到博客上要勾选该按钮,勾选之后代码智能提示反而没了.3.运行(1):f...
2021-03-14 14:38:34
536
原创 class类和构造函数
在es5中的构造函数：function Es5(name,age){ this.name = name this.age = age this.fn = funtion(){ return this.name+this.age }}var es5 = new Es5('es5构造函数'，18)在es6中的class类：class Es6{ constructor(name...
2020-03-01 00:35:46
651
原创 webpack.config文件的配置
module.exports = { entry:'./entry.js',//入口 output:{ path:__dirname,//根路径 filename:'bundle.js'//出口文件名 }， devtool:'source-map',//方便在线调试 module:{ rules:[ { test:/\.css$/,//正则匹...
2020-01-29 16:08:10
759
原创 vue知识点总结
1.使用sass报 TypeError: this.getResolve is not a function at Object.loader可能是sass版本过高，一开始安装的是8.0的版本，换成npm install sass-loader@7.3.1就好了。2.vue单页面引入其他css文件：@import ‘…/…’; 一定要加分号，不加会报错。3.sass中的@mixin，@i...
2020-01-21 17:29:21
111
原创 vue插槽
1.v-slot基本用法：如果不使用插槽，在父组件的子组件标签内部写的内容是无效的，这就是插槽的作用，使用具名插槽更清晰明了：父组件中：<template> <div> <child1> //注意 v-slot 只能添加在 <template> 上 (只有一种例外情况)，这一点和已经废弃的 slot 特性...
2019-12-20 16:21:53
118
原创 vue .sync $attrs $listener父子组件，多级组件通信
1..sync的使用：.sync修饰符的作用就是更方便的实现父子组件间双向数据绑定，以前要实现父子组件双向数据绑定要这样做：父组件：<template> <div> <child1 :num="faNum" @update="val=>{faNum=val}"/> </div></template&g...
2019-12-20 10:30:59
735
原创 正则表达式校验，input允许输入内容限制
1.exec和match检索字符串var patrn=/0?(13|14|15|17|18|19)[0-9]{9}/;let s = '15071447702'if(patrn.exec(s)==null){}//~~~~~~~~~~~~~~~~~~~~~~~~~~var reg = /[\u4e00-\u9fa5]/; var r = 'sdf23折了'.match(reg);if...
2019-12-19 12:06:17
1396
原创 pointer-events用法
用c3做动效的时候遇到层级问题很不好处理，导致前面的元素影响后面元素的鼠标事件。被这个问题困扰好久突然想到有没有什么属性能让元素被虚化，点击事件可以渗透。发现了这个神奇的用法。svg之外的元素支持两个值：none和auto.auto是默认值就不解释了。none:MDN上的解释是这样的，元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠...
2019-10-31 15:47:32
795
原创 百度统计前端导出数据
1.https://tongji.baidu.com/api/debug/进入统计调试工具后，要求输入用户名，密码，token。2.接下来api选择，以统计网站概况趋势数据（网站每日访问量pv,uv）为例：（1）：api选择获取站点报告数据（2）：选择报告类型为网站概况（趋势数据）（3）：参数填写：站点id（你要统计的网站的id）,查询起始时间，网站基础指标等。选择提交3.提交之...
2019-10-10 16:35:27
1029
原创 纯前端导出word文档
实现这个功能时参考了两处文档，但是都有兼容性问题一个是不兼容ie,一个是只能在ie中使用，不过正好互补了，下面是结合两处文档之后的。（摘自想要飞翔的小猪和iteye_10362的博客。）注意：ActiveXObject是ie特有的，在其他浏览器上会报错，也可根据ActiveXObject对象判断当前是否为ie浏览器。 $("#test2").wordExport(“客户评价”);是非ie的方法，...
2019-09-29 12:31:59
3466
原创 jquery源码分析（2）（2.0版本）
1.参数为什么传window和undefined：(function(window,undefined){})(window)1.（1）根据作用域链的原理，传入window参数之后，能提高查找速度。（2）.便于压缩。2.传入undefined，防止undefined在外部被修改。2.变量rootjQuery，core_strundefined866行：rootjQuery = jQu...
2019-09-19 17:44:59
129
原创 原型链及继承
function Person(name,age,sorce){ this.name = name; this.age = age; this.sorce = sorce } Person.prototype.say = function(){ console.log(this.name) } let p1 = new Person('zhang',18,'boy') ...
2019-09-11 00:58:09
186
原创 token,axios拦截器,导航守卫使用
1.登陆成功之后,将token存储在localStoragelocalStorage.setItem('token',res.data.token)2.请求数据需要用到token的页面:let token = localStorage.getItem('token')axios.get('url',{headers:{Authorization:token}, params:{ ...
2019-09-10 23:33:43
277
原创 ES6语法
一.扩展运算符1.合并多个数组：let arr1 = [1,2,3,5] let arr2 = [4,5,6,7] let newArr = [...arr1,...arr2]2.合并对象：let obj1 = {name:'zs'}let obj2 = {age:18}let newObj = {...obj1,...obj2}console.log(newObj)//{nam...
2019-09-04 12:49:40
94
原创 ...mapState,...mapMutations使用
1.新建store仓库。这里我是把store单独抽离出来，放在store.js里：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)var store = new Vuex.Store({ state:{ car:'ha' }, mutations:{ addToCar(sta...
2019-09-03 16:23:40
5804
原创 浏览器默认主页被篡改（chrome,IE）
下载软件时不慎让chrome和IE的默认主页被这些流氓程序篡改，看着满屏辣眼睛的广告，哪有心情继续用啊。。。chrome解决方法：1.如上图chrome右键属性>快捷方式>目标低级的篡改，“C:\Program Files (x86)\Google\Chrome\Application\chrome.exe” --flag-switches-begin --flag-switc...
2019-08-20 10:14:52
1613
原创 echarts地图（中国地图展示各省数据）
最终效果：1.引入：npm i echarts --savemain.js中：import echarts from ‘echarts’Vue.prototype.$echarts = echarts2.地图初始化：使用地图的文件中（map.vue）：import ‘echarts/map/js/china.js’...
2019-08-02 18:07:41
13083
原创 table 表格注意事项(tbody内容区域设置滚动条)
1.th,td 不能设置margin ,只能设置padding.2.设置tdody超出部分显示滚动条：thead{ display:table; width:100%; table-layout:fixed;}tbody{ overflow-y:auto display:block;}3.table ,table-cell让元素垂直居中：父元素：display:tabl...
2019-08-01 19:45:27
995
原创 vue中使用echarts(2)(折线图柱状图混用，双y轴问题)
echarts导入问题如果要查看echarts的详细引入步骤，请查看文档《vue中使用echarts(1)》。此处只分享echarts初始化遇到的一些问题和配置项的使用。在一个页面的两个不同组件都用到echarts时会出现一个问题，第一个echarts可以正常显示，切换到另一个组件时，其中的echarts图表的宽高会变成100*100.解决办法是切换组件时初始化该组件中的echarts图表。（...
2019-07-26 13:20:50
6698
原创 vue注意事项
1.key属性只能使用number或string类型2.v-html , v-text:v-html会解析字符串中的标签,而v-text不会.3.过滤器的使用:过滤器函数中的第一个参数只能是data(要传过来的数据)具体使用://html中 {{msg|msgFormat('替换参数')}}//msg可以不用传```filters:{ msgFormat:(msg,param)...
2019-06-09 18:49:57
253
原创 canvas(1)---基础知识
1.在html中创建一个canvas标签: <canvas id='canv' width='800' height='800'></canvas>//注意:宽高只能这样写,不能在样式中写,但是可以在样式中写背景颜色2.script中:var canv = document.getelementById(‘canv’);//使用画布上下文:var ctx = c...
2019-05-02 17:56:17
188
原创 vue中央事件总线的使用（busEvent）
1.创建中央事件总线：创建一个js文件如：bus.js，文件中写入：import Vue from ‘vue’export default new Vue2.数据输出的文件中：/1: import bus from ‘bus.js路径’/2：函数中写入（函数要被执行）：bus.$emit(“translate”,obj)//参数1为自定义的事件名，参数2为要传递的参数。3.数据接收...
2019-04-26 15:49:18
1372
原创 vuex的基本使用1
1.装包:npm i vuex -S2.main.js中导入:1/ import Vuex from 'vuex2/ Vue.use(Vuex) 3/ var store = new Vuex.Store()4/ Vue实例中挂载store3.main.js创建的store中:var store = new Vuex.Store({ state:{//this.$store.st...
2019-04-25 00:42:42
129
原创 jquery2.x源码基本结构分析(1)
基于jquery2.x版本,其他版本会有不一样的地方jquery外层结构jquery结构可以理解为一个匿名函数,这样做是为了防止全局污染(function(){ var a = 3; function $(){ alert(a) } window.$ = $;//把$挂在到window中,外部即可访问到})();$()jquery框架中:(function(windo...
2019-04-21 15:40:05
107
原创 vue中使用echarts-gl 三维散点图
1.依赖包：npm install echarts -Snpm install echarts-gl -S2main.js:import echarts from ‘echarts’import ‘echarts-gl’3vue文件中：（1）(2)(3)
2019-04-05 18:04:33
12053
4
原创 vue中使用echarts(1)
项目依赖：npm install echarts -Snpm install echarts-gl -S //二维图不需要main.js中：import echarts from ‘echarts’import ‘echarts-gl’ //二维中不需Vue.prototype.$echarts = echartsvue文件中：<template> <...
2019-04-05 16:09:40
528
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人