兴趣爱好
关注
分享
扫一扫
狼性生物
工作积极，热爱学习
展开
-
分享js动画案例(初学了解)
可直接复制代码运行查看效果<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>基础动画了解</title></head><body style="background-color: #000;position: relative;"> <div class="contain"> ...原创 2020-10-07 18:45:28 · 325 阅读 · 0 评论 -
scss 动态切换主题解说
代码解说：1、定义两个主题颜色:分别作字体颜色和背景颜色$themes: ( red: (fontColor: red,bgColor:gold), yellow: (fontColor: yellow,bgColor:brown),);2、使用全局混入处理，解析主题变量组：@mixin@mixin themify($themes) { //$themes 传入的主题组 //因为上面主题定义为二级， ====》这里循环一级内容 @each $theme-...原创 2020-09-17 21:52:06 · 1737 阅读 · 1 评论 -
ckeditor 实例化和上传图片转换成base64或上传至服务器
话不多说，请看代码：1、代码ClassicEditor.create(this.$refs.editor, { toolbar: { items: [ 'heading', '|', 'bold', ...原创 2020-08-25 10:23:29 · 1430 阅读 · 0 评论 -
解决vue项目打包后，网络慢时页面出现空白期的问题
1、经分析，vue项目渲染是需要vendor.js加载完成后才对【APP】节点进行渲染处理的，由此可得，网络慢时，样式，js文件的加载不在一瞬间加载完毕时都会存在该问题2、html运行原理流程时从上到下的，因此html页面已加载完成了，这时候只需显示html内容就可以示例：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" ...原创 2020-07-23 12:09:28 · 636 阅读 · 0 评论 -
vue项目优化打包后的vendor.js
一般使用webpack创建的vue项目，使用插件越多，打包后vendor.js引入会越大，加载越慢 本文优化原理为：项目内直接引用插件，无需进行import等操作，以阻止编译包越大 看代码： 1、项目内直接引用资源 <script src="/static/es6-promise.auto.js"> </script> <script src="/static/axios/axios.min.0.19.2.js"&g...原创 2020-07-23 11:36:57 · 2612 阅读 · 0 评论 -
css 文本两端对齐样式 示例代码
如图css样式：.itemLabel{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: justify; } .itemLabel...原创 2019-06-21 18:32:40 · 998 阅读 · 0 评论 -
iview $Modal.confirm 设置标题的方法
官网的示例：没标题总觉得少了点什么。。。。有标题，但是是默认的【当作快捷操作框来做，图片就更难看】，也不提供覆盖的class等操作，实在无奈。。。因此，经过自己琢磨，最后想出一个方法，就是render一个自定义样式的标题，我的解决方法如下：示例：代码：edit:function(index,data){ const self = this...原创 2019-07-02 09:27:15 · 8422 阅读 · 0 评论 -
css3 3D 深度翻转效果案例
效果图如下代码如下：（复制保存为.html可直接看效果）<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/19...翻译 2019-06-24 17:35:50 · 353 阅读 · 0 评论 -
iview $modal 仅在某个区域内全屏的解决方法
官网示例：我的示例：区别：官网默认是全屏，且铺满屏幕；然而我的是现在在除了侧栏导航及顶部工具条外的区域代码：<Modal v-model="showin" fullscreen title="控制台" :class-name="'page_websitelist-cont" :mask="false" :mask-closable="false" foote...原创 2019-07-03 11:06:11 · 3613 阅读 · 5 评论 -
javascript 实现数组排序不重复示例
导读：一个领导突然问到的问题，然后我想了一段时间后写出的代码事件：一个一维数组，在不排序不重复的情况下有多小项，请输出？例如：[1] => [1][1,2] => [1,2],[2,1][1,2,3] => [1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,...原创 2019-08-07 16:26:23 · 352 阅读 · 0 评论 -
vue 脚手架创建项目，配置全局scss 主题样式
1、node.js环境2、webpack创建的vue项目配置流程：1、必须先安装sacc依赖 如何安装可以去度娘2、找到配置文件 utils.js 文件位于 根目录下 /build/utils.js3、找到配置项：scss: generateLoaders('sass') 把它替换成如下代码并保存就可以了： scss: generateLoaders('...原创 2019-08-31 11:53:47 · 673 阅读 · 0 评论 -
dos 自己常用批处理bat
最无奈的是每天上班必须启动一系列的应用，干脆自己就搞一个批处理，不用每次都看图标然后再去双击跑起来有兴趣的可以看看，不喜勿喷！！！谢谢@echo off@echo "runing is success ..."goto input@pause:input @set /p order=please input you order: goto %order% ...原创 2019-06-17 10:32:35 · 628 阅读 · 0 评论 -
小白 第一次自己连通stocket
非常感谢这位A大哥，以前我只是前端h5对接socket,没曾自己去服务端搞过socket,现在第一次连通，非常感谢。。。感谢A的博文地址：https://www.cnblogs.com/loveyoume/p/6076101.html他的代码可以直接跑，再跟进代码和自己理解马上可上手服务端server.php:<?php //创建服务端的socket...转载 2019-06-15 16:50:35 · 1483 阅读 · 0 评论 -
利用vuex搭建vue自定义弹窗
1、在vue环境下2、使用vuex3、说多没用，来代码最实际【因为我也是初学】自己写了个自定义弹窗组件,起名wrap.vue：我在某个组件引入这个弹窗组件：下图更精彩自定义关闭按钮触发关闭弹窗的事件其实和前面的组件内置的方法一样：======================================================================以上都是组件的内容，现在来看看...原创 2018-05-31 10:13:14 · 2997 阅读 · 0 评论 -
vue-devtools安装与使用
我是先看了这篇文章的：https://segmentfault.com/a/11900000096827351、随便在电脑找个目录/盘，执行上面链接地址的git克隆：git clone https://github.com/vuejs/vue-devtools.git2、我是已经本地安装有npm和cnpm的，所以接下来是我的安装经历克隆完成之后，我是进入克隆的目录项目里面，然后让它自动加载依赖的：...原创 2018-05-31 10:53:36 · 1186 阅读 · 0 评论 -
特定时间内创建唯一标识
某个项目里面看到一段好的代码，现在分享一下：var nums = Number(Math.random().toString().substr(3, 0) + Date.now()).toString(36).toUpperCase();毫秒内不重复哦~~~~备注：因为出处不知道是哪里，或许是某个同事从某个地方找来的，所以：若是侵犯了相关什么什么权的请留言我，我会马上处理，谢谢！...转载 2018-06-09 11:34:57 · 277 阅读 · 0 评论 -
git 小乌龟图标不显示 window 系统
直接看代码：1、修改注册表【cmd->regedit】HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\ShellIconOverlayIdentifiers2、原本我的是盯盘图标在前面的，盯盘图标多几个空格，所以在前面，把空格删除了，在菜单栏的查看-》刷新。重启系统就可以了，【被人win7/win10...原创 2018-07-09 11:08:53 · 4113 阅读 · 0 评论 -
git bash 同项目多仓库推送备份
闲话不多说，来，看代码：1、进入某个仓库,然后打开 git bash 命令行2、添加库git remote add 库名[我的backup 以下统一使用] https://gitee.com/*****.git[这是码云地址]3、创建本地git checkout -b 分支名[我测试使用分支名 bb 以下统一使用]4、获取备份分支库信息git pull backup bb --allow-u...原创 2018-07-09 13:10:33 · 244 阅读 · 0 评论 -
css3 transform缩放空白隐藏 （占位策略）
看了好多百度搜索出来的文章，没有找到想要的解决办法，这里我分享两个解决办法吧，若有不足之处请谅解，谢谢。第一个，使用margin解决：原理： 1、外层定容器（溢出隐藏） 2、内层定缩放（具体方法为：定原点，然后margin偏移）缺点： 1、相对于部分垂直布局偏移距离实际是有误差的（原因没深入了解，有见解的请指点一下，谢谢），...原创 2019-05-15 11:59:50 · 7768 阅读 · 0 评论 -
electron 桌面应用 初学到打包 及 窗体基本配置
注：本人也是网上看文章自学，然后整理的，若有那些不足或侵犯了的请留言或邮件903832827@qq.com我，我马上处理,谢谢。我的是win10 64bit系统，安装了node,nmp,cnpm,git等基本的一些命令，常用cnpm,速度快！！！以下正式开始： 需要一些预备信息,需要node.js npm等， 若你已都准备好，请直接看代码，文字多废话，我就不啰嗦了，...原创 2019-06-14 12:00:03 · 825 阅读 · 0 评论 -
nativefier 桌面应用 初学到打包，再到放弃
一些前期准备是需要的：node,npm，单页面 本人使用cnpm，单页面应用参考：https://github.com/jiahaog/nativefierhttps://github.com/jiahaog/nativefier/blob/master/docs/api.md#desthttps://github.com/jiahaog/nativefier/issues/45...原创 2019-06-14 13:41:15 · 3060 阅读 · 0 评论 -
NW.js 打包并发布桌面应用 ---备忘心得
开始之前我们需要一些准备：备注：我的是window10 64位1、node.js 不会的请自行百度或看看这个：https://www.runoob.com/nodejs/nodejs-install-setup.html2、npm等 【个人使用cnpm 淘宝镜像 主要是速度快】一般安装完成node 基本都会已经存在npm了，不会的请自行百度3、NW.js 去官网下载：htt...原创 2019-06-15 15:22:55 · 4018 阅读 · 0 评论 -
vue 路由登录验证限制跳转
直接看代码：/*** [路由跳转验证]* 开启全局进度条，监听路由跳转*/router.beforeEach(function (to, from, next) { iView.LoadingBar.start(); let islogin = Tools.session.get("jwt-token") || false; if (to.name ...原创 2019-06-15 15:25:46 · 700 阅读 · 0 评论 -
配置本地https[apache/window] 单向认证
配置本地https[apache/window] 单向认证:1、配置set OPENSSL_CONF=openssl.cnf2、签证keyopenssl genrsa -aes256 -out ca/ca.key.pem 2048 3、签证csr备注：/C=[国家,两个字符]/ST=[省]/L=[市]/O=[组织所在地]/OU=[组织名称]/CN=[*.mmc.cn 为mmc.cn后缀的域名]备注...原创 2018-05-30 20:41:29 · 689 阅读 · 0 评论