- 博客(34)
- 收藏
- 关注
RSS订阅原创 js 公式计算
参考：js实现计算器（包含加减乘除括号）代码如下:功能:传入包含未知数a,b,c的表达式，以及未知数值，计算结果使用场景:用户可通过编辑公式来操作数据，算出不同结果const compute = (formulaABC, a, b, c) => { const formula = formulaABC.replace(/a/g, a).replace(/b/g, b).replace(/c/g, c).replace(/\s/g, ''); // 如果是减法或除法，第
2021-08-10 14:45:16
1276
原创 【ghostCMS】【crontab】ghost服务增加挂掉自动重启脚本自启动
标题【ghostCMS】【crontab】ghost服务增加挂掉自动重启脚本自启动参考：[https://blog.csdn.net/cocos2dGirl/article/details/80492843]环境:CentOS7sh脚本如下：#! /bin/shproc_num(){ num=`ps -ef | grep "执行ghost start的用户名.*ghost run" | grep -v grep | wc -l` return $num}proc_nu
2021-06-23 14:59:32
1361
原创 [centos][ghost] 在centos上安装ghost博客系统并引入mysql
直接上干货：安装流程首先需要创建一个有sudo权限的非root用户在自己想安装的位置创建项目空文件夹，执行：mkdir ghost_s切换刚刚创建的到非root用户：su - zxc赋予用户项目文件夹的操作权限：sudo chown zxc:zxc /var/www/ghost_ssudo chmod 775 /var/www/ghost_s安装local版本的ghost// cd 到ghost文件夹内ghost install local创建con
2020-11-09 11:01:54
312
原创 [VUE]关于数组push，pop，unshift，shift后页面渲染数组展示索引的错误解决
这个问题的触发场景是这样的this.array = this.array.push('something');后来查阅发现push等方法返回数组的长度操作数组不需要赋值，因为是直接改变原数组这个this.array其实是13,v-for应该是循环了1到13的数字反思:对不返回新数组的数组方法加以复习...
2019-08-29 11:01:52
1339
原创 ES7+ES8一些实用的特性
ES8Object.values->将对象值作为数组返回Object.entries->返回数组，数组每个元素是长度为2的数组，里面是key和valueString paddingString.prototype.padStart/padEnd(字符串长度,填充字符)-> 长度不够自动填充，适合给字符串做布局尾逗号...
2019-08-24 15:04:07
127
原创 关于console的一点经验
JS &&符号和||符号0&&10 的答案是010&&1 的答案是1即&&运算符如果第一个参数错了返回第一个参数，否则返回第二个0||1 的答案是11||10 的答案是10||false 的答案是false即||运算符如果第一个参数错了返回第二个参数，否则返回第一个...
2019-08-09 11:29:42
157
原创 VUE v-charts曲线图改成折线图
没啥可说的直接粘贴就行下面放代码//template <ve-line width="100%" height="300px" :data="chartData" :settings="chartSettings" :data-zoom="dataZoom" :loading="loading" ...
2019-08-08 17:43:22
4295
原创 【对象数组复制问题】v-charts中dataEmpty和loading在axios请求后无法正确显示的解决方法
首先官方文档写是要引入CSS文件，我的项目是CDN引入的这里排除。先上可以使用的代码 <ve-histogram width="100%" height="300px" :data="{ columns: ['', '', ''], rows: [] }" :settings="...
2019-08-05 19:36:07
1217
原创 页面跳转时保存当前页面的状态
app.vue页<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></kepp-alive> <router-view v-if="!$route.meta.keepAlive"></router-view>router.js...
2019-07-22 16:50:06
2492
原创 VUE中clearTimeout失效问题
研究了很久以为是自己代码的问题结果是VUE封装了setTimeout在VUE中setTimeout返回一个对象，对象含有**_id**属性，将_id作为参数执行clearTimeout即可生效。/*格式类似：*/clearTimeout（this.timer._id）;...
2019-07-22 11:18:57
6841
原创 AXIOS超时取消请求
背景今天发现项目在网络不好的时候发出请求会一直使页面处于等待状态，十分不友好。所以我在发出请求的函数中增加了取消axios请求的方法。设置如下 //axios外 const CancelToken = axios.CancelToken; let cancel; //axios内 /**设置CancelToken 提前结束AX...
2019-07-19 18:32:49
2735
原创 VUE点击首页重新加载首页的一种实现
适用于首页有一些数据需要重置的情况，比如按钮选中后，点击首页清空选中状态实际原理是通过v-if去掉router-view然后再加载app.vue代码如下<template> <div> <button @click="reload">首页</button> <router-view v-if="isRouterAlive"&...
2019-07-17 17:10:55
741
原创 VUE全局引入JS的方法
首先在main.js引入JS文件 --> import xxx from where将xxx挂在Vue的原型下 --> Vue.prototype.$xxx = xxx;通过this.$xxx 全局使用
2019-07-17 17:09:53
2289
原创 IVIEW实现一行表格内嵌多行表格的方法（表头分组）
今天在写一行对多行表格的时候发现IVEIW自带的表格样式并不是很符合我的想法，下面这张图是官方例子在官方例子中，Name被加载了多次，很不方便所以我做了些修改写出了如下例子其主要原理是在一行表格使用render函数加载另一个表格，而在这时render的Table的数据加载就出现了问题，不可能再像文档中:columns和:data各自绑定一个数据，这会导致加载时候，多个表格加载数据相同我...
2019-07-17 16:50:04
6448
转载 VUE监听子组件生命周期
1.通过$emit实现对子组件created,mounted等周期的监听2.代码如下父子组件代码：// Parent.vue<Child @mounted="doSomething"/>// Child.vuemounted() { this.$emit("mounted");}父组件template部分<Child @hook:mounted="doS...
2019-07-16 16:44:08
337
原创 VUE跳转页面触发获取页面高度，获取高度为跳转前高度的解决方法
原理：等待跳转执行完毕再执行高度获取设置this.$nextTick(()=>{//获取高度})
2019-07-16 16:40:36
1576
原创 VUE自适应FOOTER实现
本项目使用Vue，代码位于app.vue页，通过window.onresize监听窗口变化，通过computed和watch监听vue-router的变化HTML <Footer ref="footer" :style="{width:'100%',padding:'11px 50px'}" :class="[(this.is_class_bottom) &&...
2019-07-11 11:35:45
1687
原创 通过localStorage模拟一个本地的数据库
代码如下:let show_list = [];//用于渲染页面的数组if(!localStorage['local_DB']){//local_DB为本地数据库，加载页面是如果还无数据库则创建一个 localStorage['local_DB'] = JSON.stringify(data);//data为要存入的JS数据，数组形式,因为localStorage浅克隆所以用JSON.str...
2019-07-11 11:25:27
508
原创 监听VUEX中数据的方法
通过computed + watch1.首先在computed中将store里的数据返回如下:getStoreItem(){return this.$store.state.item}2.然后在watch里监听getStoreItem()的变化,并作出相应操作getStoreItem(){this.doSomeThing();}3.此时如果VUEX里的数据发生改变，会同时触...
2019-07-11 11:14:22
2465
1
原创 JS MATCH() 与 正则表达式
JS MATCH() 与 正则表达式几点注意事项：正则表达式可以通过字符串内部嵌套正则语法的方式来编写. 如：str.match(‘a(.{1,100})b’);正则表达式也可以通过/ 正则表达式 /的格式来匹配. 注：不可使用’ ’ 或者 " "包住 / 正则表达式 /. 会匹配 / 这个符号今日份踩坑结束...
2019-03-15 12:05:14
539
原创 Vuex简单入门
Vuex是专为Vue.js 应用程序开发的状态管理模式状态自管理应用包含以下几个部分：state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。开始Vuex的核心是store仓库Vue的状态是响应式的，状态变更同时更新组件只能通过store.commit.mutation来提交mutation实...
2018-12-02 13:21:44
202
原创 函数节流
函数节流声明一个标志默认为false触发后用setTimeout来写将要执行的主要内容（类似事件的回调），并将标志设为true–用来拒绝setTimeout（时间>=300ms）执行之前的事件监听，使用return来减少系统占用流程事件监听中定义标志let 标志绑定高频事件监听document.getElementById('aaa').on('somefunc...
2018-11-30 21:07:45
235
原创 NODEJS处理请求个人理解
流程先创建server.js模块在server.js中自定义start方法在start方法里自定义方法对request进行处理，并返回response在start方法里使用http.createServer(fn2(request,response)).listen(portNumber);创建服务器在server.js中使用export start=star;导出模块的start接口...
2018-11-30 16:24:20
375
原创 JS原型继承与对象机制
JS原型继承的原理假设让classB继承classA让classB的prototype(含有三个值，自定义属性方法,constructor,__proto__)目标：1. classB拥有classA的属性方法,classB可以有自己的额外属性2. classB的父级是A3. class B的构造器是自己的过程：属性/父级/构造器classB自己写属性，在classB中通...
2018-11-29 17:44:05
182
原创 VUE+DOM操作+前端布局踩坑
vue项目无法设置height:100%;的解决办法在App.vue下的style中设置html,body,#app{ height: 100%;}注意：App.vue中的跟标签的id应为app2.mounted（）函数在页面渲染后触发created（）函数在页面渲染前触发如果要操作DOM的话，created（）函数无法获取节点，但mounted（）可以3.docum...
2018-11-19 21:36:06
2536
原创 JQ+ANIMATION
div:hover{animation:test 1s ease//ease是平滑效果}@keyframes tests{from{width:100px;}to{width:600px;}}2.@keyframes的其他使用方法@keyframes test{0%{}50%{}100%{}}3.div:hover{animatio...
2018-11-13 22:49:37
263
原创 关于webpack打包vue项目在GitHubPage上不显示的解决方法
在网上查了很久，结果发现webpack打包后显示了一串网址（https://cli.vuejs.org/guide/deployment.html#general-guidelines），内容为Vue CLI的部署，其中就讲了关于GithubPage的一些相关配置## 正文开始1正常的vue项目打包后放在GitHubPage上是不显示的2这时需要在package.json同级目录下创建...
2018-11-12 19:31:08
879
原创 URI URL URN
URI:Uniform Resource IdentifierURI组成:独一无二的标识URL:Uniform Resource IdentifierURL组成:internet资源类型-schema服务器类型-host端口-port路径-path_url路径如下：schema://host:port/pathURN:Uniform Resource NameURN:特定命...
2018-11-04 22:27:23
366
原创 计算机网络-服务器端口
随着计算机网络技术的发展，原来物理上的接口（如键盘、鼠标、网卡、显示卡等输入/输出接口）已不能满足网络通信的要求，TCP/IP协议作为网络通信的标准协议就解决了这个通信难题。TCP/IP协议集成到操作系统的内核中，这就相当于在操作系统中引入了一种新的输入/输出接口技术，因为在TCP/IP协议中引入了一种称之为"Socket（套接字）“应用程序接口。有了这样一种接口技术，一台计算机就可以通过软件的方...
2018-11-04 22:25:33
390
原创 CSS ANIMATION
div:hover{animation:test 1s ease//ease是平滑效果}@keyframes tests{from{width:100px;}to{width:600px;}}2.@keyframes的其他使用方法@keyframes test{0%{}50%{}100%{}}div:hover{an...
2018-11-03 16:17:17
211
原创 ThinkPHP中初次使用D方法遇到‘没有定义数据库配置’错误的解决方法
1这是因为没有配置数据库的DB_TYPE2在Application文件夹的ThinkPHP文件夹下打开Conf文件夹，打开convention.php文件3将convention.php中 /* 数据库设置 */一项的DB_TYPE改为mysql4大致如下/* 数据库设置 */ 'DB_TYPE' => 'mysql', // 数据库类型...
2018-10-31 16:45:09
1758
原创 PHP中foreach的key与value
1.foreach函数的语法格式 foreach ($variable as $key => $value) { # code... }其中$variable指的是实际存在的要循环的数组名$key是键值对数组的键$value是键值对数组的值2.key与value的名字可换(自定义)3.key=>value可以写成单独的...
2018-10-31 16:09:09
5996
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人