最新文章
将一个div的宽度和高度设置为0,然后设置边框样式.triangle{ width: 0; height: 0; border-top: 50px solid black; border-right: 50px solid red; border-bottom: 50px solid green; border-left: 50px solid blue; } 将一个div的border都设置成50px粗,并且不同颜色,结果如下图所示:把边框宽度设置成50px,计算机处理时,在边框交接处,一边占用一半的面积。将左右下边框设置成transparent,就可
野猪佩奇 2020-03-17 CSS 895
1.切记不要用字符串存储日期我记得我在大学的时候就这样干过,而且现在很多对数据库不太了解的新手也会这样干,可见,这种存储日期的方式的优点还是有的,就是简单直白,容易上手。但是,这是不正确的做法,主要会有下面两个问题:i. 字符串占用的空间更大!ii. 字符串存储的日期比较效率比较低(逐个字符进行比对),无法用日期相关的 API 进行计算和比较。2.Datetime 和 Timestamp 之间抉择Datetime 和 Timestamp 是 MySQL 提供的两种比较相似的保存时间的数据类型。他们两者究竟该如何选择呢?通常我们都会首选 Timestamp。 下面说一下为什么这样做!2.1 Da
野猪佩奇 2020-03-17 MySQL 1305
1,为什么要画流程图很多人拿到需求就火急火燎的开始画原型,然后画着画着觉得有些地方没有考虑到,又回头去改,如果在画原型之前,你能将自己的业务流程想好,用户的操作流程想好,页面跳转想清楚,你就能少做很多无用功,达到事半功倍的效果。2,什么是流程图流程图是表示算法、工作流或流程的一种框图表示,它以不同类型的框代表不同种类的步骤,每两个步骤之间则以箭头连接。这种表示方法便于说明解决已知问题的方法。流程图在分析、设计、记录及操控许多领域的流程或程序都有广泛应用。3,流程图常用元素定义4,一般流程图有三种结构:顺序结构、选择结构、循环结构5,常用的三种流程图产品中设计的流程图主要有三种,业务路程图(泳道
野猪佩奇 2020-03-13 开发技巧 2060
写好代码,阿里专家沉淀了一套“如何写复杂业务代码”的方法论,在此分享给大家,相信同样的方法论可以复制到大部分复杂业务场景。一文教会你如何写复杂业务代码了解我的人都知道,我一直在致力于应用架构和代码复杂度的治理。这两天在看零售通商品域的代码。面对零售通如此复杂的业务场景,如何在架构和代码层面进行应对,是一个新课题。针对该命题,我进行了比较细致的思考和研究。结合实际的业务场景,我沉淀了一套“如何写复杂业务代码”的方法论,在此分享给大家。我相信,同样的方法论可以复制到大部分复杂业务场景。一个复杂业务的处理过程业务背景简单的介绍下业务背景,零售通是给线下小店供货的B2B模式,我们希望通过数字化重构传统
野猪佩奇 2020-03-11 开发技巧 972
如何不用 Adobe Illustrator 做字体图标,这是个问题。1,首先使用 Photoshop 的矢量工具和布尔运算绘制闭合的图形。2,复制图层面板中的 SVG 样式,保存为svg文件,上传到 阿里巴巴 iconfont.cn。3,然后 按照 https://www.iconfont.cn/help/detail?helptype=code 就可以使用了。@font-face { font-family: 'iconfont'; /* project id 1557805 */ src: url('//at.alicdn.com/t/font_1557805_4c
野猪佩奇 2020-03-09 UI 设计 1242
安装:下载工具:wget http://gosspublic.alicdn.com/ossutil/1.6.10/ossutil64 修改文件执行权限:chmod 755 ossutil64使用交互式配置生成配置文件:./ossutil64 config未输入配置文件路径,将使用默认配置文件:/home/user/.ossutilconfig。 对于下述配置,回车将跳过相关配置项的设置,配置项的具体含义,请使用"help config"命令查看。 请输入endpoint:http://oss-cn-shenzhen.aliyuncs.com 请输入accessKeyID:yourAccess
野猪佩奇 2020-03-08 运维 1016
安装 node-sasssudo npm i -g node-sassnode-sass 安装失败:gyp ERR! stack Error: EACCES: permission denied, mkdir '.../node-sass/build'或gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/node-sass/.node-gyp'gyp ERR! System Darwin 18.7.0使用 --unsafe-per
野猪佩奇 2020-02-18 Node.js 1968
1.常规手动部署apache方法,解压fcgid,取其mod_fcgid.so至modules目录PHP各版本解压到不同目录并配置,任意位置,方便即可。2.打开httpd.conf 注释掉以下类似配置#LoadModule php5_module "D:/php53/php5apache2_2.dll" #PHPIniDir "D:/php53/" 3.增加配置(尾部或中部即可)#加载fcgid扩展模块(额外说明,fcgid根据实际apache版本对应,apache2版本测试2.3.6正常) LoadModule fcgid_module modules/mod_fcgid.so #添
野猪佩奇 2020-02-17 运维 1221
一,在虚拟主机中设置 PHP 配置 VirtualHost *:443 ServerAdmin mail@test.com DocumentRoot "/var/com_test" ServerName www.test.com ServerAlias test.com php_value upload_max_filesize 100M php_value post_max_size 100M php_value memory_limit 128M php_value max_execution_time 6
野猪佩奇 2020-02-16 运维 1010
本方法不易维护,建议取出数据,在程序中递归,例如 https://javascript.net.cn/article?id=654代码如下:delimiter / DROP FUNCTION IF EXISTS `getChild` / CREATE FUNCTION `getChild`(rootId INT) RETURNS VARCHAR(1000) BEGIN DECLARE ptemp varchar(1000); DECLARE ctemp varchar(1000); SET ptemp = '#'; SET ctemp =ca
野猪佩奇 2020-02-13 MySQL 882
后端篇地址:https://javascript.net.cn/article?id=649相关文档:https://restfulapi.cn/d/271前端代码主要功能是,连接服务器,发送心跳,断开服务器后自动连接。/** * JSSDK 对象 */ var PigIM = { config: {}, // 配置 fromId: {}, // 发送者 ID ws: {}, // Websocket 对象 connection: {}, listen: {}, heartbeatTimer: {},
野猪佩奇 2020-02-07 JavaScript 1265
CentOS vsftpd 开启 TLSopenssl req -x509 -nodes -days 365 -newkey rsa:1024 -keyout /etc/ssl/private/vsftpd.pem -out /etc/ssl/private/vsftpd.pem先使用上文命令生成pem证书,随后编辑主配置文件,使vsftpd应用pem证书:ssl_enable=YES #是否启用SSL,默认值:NO allow_anon_ssl=NO #禁止匿名用户登录 force_local_data_ssl=YES #如果激活,所有非匿名登录将被强制使用安全的SSL连接以发送密码
野猪佩奇 2020-02-04 运维 1191
1,CTRL + T 自由变换CTRL + SHIFT + T 重复自由变换CTRL + SHIFT + ALT + T 重复自由变换,并保留2,使用 Photoshop 提取线稿使用正片叠底的话,线稿透不透明好像无所谓。选中通道,按着cmd键点击RGB通道,所有白色区域被选中,返回图层,蚂蚁线出来了,DELETE即可获取背景透明的线稿。https://www.bilibili.com/video/av365556193,Photoshop 矢量工具的工具属性中,有三个选项:形状,路径,像素如果做svg图标的话,像素用处不大。路径可以转换为形状,然后进行描边和填充。像素图形可以转换为选区,再转
野猪佩奇 2019-12-27 软件技巧 995
运行 regedit, 进入注册表编辑,按先面的路径进入修改端口的地方HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\Terminal Server\WinStations\RDP-Tcp找到下面的 “PortNumber”,用十进制方式显示,默认为3389,改为任意可用端口。请注意,在这里修改过了以后,还没有修改成功,注册表文件的另外一个位置也必须做相应的修改,路径为HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Terminal Server\Wds\rdpwd\Tds\tcp找
野猪佩奇 2019-12-23 运维 986
keytool简介keytool 是java 用于管理密钥和证书的工具,其功能包括:创建并管理密钥,创建并管理证书,作为CA 为证书授权,导入导出证书。主要格式keytool 采用 keystore 文件来存储密钥及证书,其中可包括私钥、信任证书;keystore 文件主要使用 JKS格式(也可支持其他格式),带密钥存储;其中私钥的存储也有独立的密码;生成签名证书使用keytool -genkey命令生成证书:keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.key
野猪佩奇 2019-12-10 开发工具 1166
1, App/uni-app离线本地存储方案https://ask.dcloud.net.cn/article/1662, uni-app导航栏开发指南 刘海屏,水滴屏https://ask.dcloud.net.cn/article/349213, 富文本/渲染/显示/图文混排方案。rich-text、uparse、v-html的区别https://ask.dcloud.net.cn/article/357724, 微信小程序超过 2MB 需要分包https://uniapp.dcloud.io/collocation/pages?id=subpackagestarBar 使用的地址不能是分
野猪佩奇 2019-11-28 开发工具 2451
物理像素: 顾名思义,就是设备屏幕上的实际像素。也就是说这个手机被出厂造出来的时候,这个屏幕上有多少个像素点,他的物理像素就是多少; 设备独立像素: 也叫做逻辑像素(对于前端来说,和我们的css像素是一样的),这个不同的设备是不一样的。在viewport为ideal-viewport模式时, 如iphone6此时的viewport为375px,代表着我们在css中写375px就可以达到全屏的效果;在移动端中会使用rem方案,来做不同设备间的适配:(function () { function changeRootFont() { var designWidth = 750, rem2p
野猪佩奇 2019-11-26 CSS 1058
作用:将一个数组转为用逗号分隔的参数序列。//该运算符主要用于函数调用。function push(array, ...items) { array.push(...items);} function add(x, y) { return x + y;} var numbers = [4, 38];add(...numbers) // 42//扩展运算符取代apply方法的一个实际的例子,应用Math.max方法,简化求出一个数组最大元素的写法。// ES5 的写法Math.max.apply(null, [14, 3, 77]) // ES6 的写法Math.max(...[14, 3, 7
野猪佩奇 2019-11-16 JavaScript 1026
body canvas id="canvas" width="120" height="30" style="cursor: pointer" /canvas input type="text" id="code" placeholder="不区分大小写" input type="button" value="验证" onclick="clickEvent()" /body /html script var numArr = [] var canvas = document.querySelector('#canvas');
野猪佩奇 2019-11-16 JavaScript 996
css :not()排除函数css:not()函数用来排除选择,not(x),其中的x为css选择器,但是x不能是not选择器,也就是说:not()排除选择器不能嵌套使用。css:not()排除选择器使用.sibcont{ background:#f1f1f1; border:1px solid #bababa; margin:20px; padding:20px; } .sibcont ul{ margin:0; padding:0; list-style:none; } .sibcont ul li{ color:#C91010;
野猪佩奇 2019-11-16 CSS 1128
随机推荐
JavaScript video 教程
Land 主题
JavaScript 字符串详细介绍
JavaScript window 对象
冒泡法排序
JavaScript 原生拖放
Node.js 使用 Jest 和 supertest 做接口测试
JavaScript DOM 元素增删改