Atwood定律:凡是能用JavaScript写出来的,最终都会用JavaScript写出来

 

browser-sync 浏览器自动刷新

安装npm install -g browser-sync 监控静态网站如果您想要监听.css文件, 您需要使用服务器模式。 BrowserSync 将启动一个小型服务器,并提供一个URL来查看您的网站。// --files 路径是相对于运行该命令的项目(目录) browser-sync start --server --files "css/*.css" // 监听css和html文件
ngtwewy 2020-05-29    npm   

Wordpress 常用标签笔记

1,菜单函数 wp_nav_menu()wp_nav_menu( array( 'theme_location' => '',//导航别名 'menu' => '', //期望显示的菜单 'container' => 'div', //容器标签 'container_class' => '',//ul父节点class值 'container_id'
ngtwewy 2020-05-22    PHP   

CSS3 counter 的用法

counter-reset 主要功能是用来标识计数器的作用域的。它只能作用于选择器上,它的值包括两部分:第一部分为计数器的名字;第二部分为计数器的起始值(默认为0),counter-reset还可以同时声明多个计数器比如:counter-reset: count 0/*标识计数器count从1开始*/ counter-reset: count2 2 /*标识计数器count2 从3开始*/ c
ngtwewy 2020-05-22    CSS   

Webpack 多页面应用(多 HTML 页面 html-webpack-plugin )

Webpack 4.0 开始,为了应对 Parcel 等的挑战,配置越来越简单,甚至可以“零配置”。一个简单的 Webpack.config.js 配置文件 :const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__di
ngtwewy 2020-05-21    Webpack   

Webpack 概念理解 module、chunk 和 bundle 的区别

Bundle: Produced from a number of distinct modules, bundles contain the final versions of source files that have already undergone the loading and compilation process.Bundle: bundle通常是由多个不同的模块产生,它是已经加
ngtwewy 2020-05-21    Webpack   

使用 Android 调试桥 (adb) 无线调试 APP

场景使用 Android Studio 或者 HBuilderX 真机调试时,总是使用一根数据线连接到电脑上很不方便。如果在一个局域网内,可以使用 adb 无线调试 APP。知识Android 调试桥 (adb) 是一种功能多样的命令行工具,可让您与设备进行通信。adb 命令可用于执行各种设备操作(例如安装和调试应用),并提供对 Unix shell(可用来在设备上运行各种命令)的访问权限。它是一
ngtwewy 2020-05-07    App开发   

高清 MKV 免重编码快速转换成 mp4 格式

场景现在很多高清视频都是MKV,但是Premiere等剪辑工具只支持 MP4 文件。可以使用 ffmpeg 不重新编码转换成MP4文件。等于文件复制的速度,非常快。MKV 介绍MKV 是Matroska的一种媒体文件,Matroska是一种新的多媒体封装格式,也称多媒体容器 (Multimedia Container)。它可将多种不同编码的视频及16条以上不同格式的音频和不同语言的字幕流封装到一个
ngtwewy 2020-05-06    FFmpeg   

「漫画」眼睛的画法

为什么眼睛画那么大:https://javascript.net.cn/article?id=681眼睛是能很大程度左右脸部印象的重要部位。像女性或男性的眼形、角度、大小、睫毛多等构成眼部要素的变化,画出与性格、年龄相符的眼睛。一、眼睛的构造日系女生的眼睛女性的眼睛会画成圆形。大大的丰满的眼睛,睫毛会多一些,上睫毛的宽度也会画得粗一些。黑眼珠的部分很大,高光也大量地进入。日系男生的眼睛男性的眼睛黑
ngtwewy 2020-05-03    PS 手绘   

阿里的后端安全规约

1. 【强制】隶属于用户个人的页面或者功能必须进行权限控制校验。 说明:防止没有做水平权限校验就可随意访问、修改、删除别人的数据,比如查看他人的私信内容。2. 【强制】用户敏感数据禁止直接展示,必须对展示数据进行脱敏。 说明:中国大陆个人手机号码显示为:137****0969,隐藏中间 4 位,防止隐私泄露。3. 【强制】用户输入的SQL参数严格使用参数绑定或者METADATA字段值限定,防止SQ
ngtwewy 2020-04-27    PHP   

MySQL 开发规范

(一)建表规约1.【强制】表达是与否概念的字段,必须使用is_xxx的方式命名,数据类型是unsigned tinyint(1表示是,0表示否)。说明:任何字段如果为非负数,必须是unsigned。注意:POJO类中的任何布尔类型的变量,都不要加is前缀,所以,需要在设置从is_xxx到Xxx的映射关系。数据库表示是与否的值,使用tinyint类型,坚持is_xxx的命名方式是为了明确其取值含义与
ngtwewy 2020-04-24    MySQL   

uniapp 开发笔记 (二)

1,全局组件正常Vue的做法:在App.vue上加上自定义组件,就能显示在所有页面上。在uni-app上却无法实现,在uni-app的App.vue上是没有template片段。方法一:就是在main.js 中定义全局组件:import myPlayerCircle from '@/components/my-player-circle/my-player-circle.vue'; Vue.co
ngtwewy 2020-04-22    App开发   

什么是加载占位图(Skeleton Screen Loading)

Skeleton Screen(加载占位图)是近年流行的加载控件,通常表现形式是在界面上待加载区域填充灰色的占位图,与线框图的效果非常相似。Skeleton Screen本质上是界面加载过程中的过渡效果。Skeleton Screen这个概念最早出自Google产品总监,《Web表单设计》作者,Luke Wroblewski于2013年9月17日发表的博文《Mobile Design Detail
ngtwewy 2020-04-20    CSS   

Flex 布局 space-between 最后一行左对齐最佳实践

在使用 flex 布局时,设置 justify-content: space-between,如果一行有三个 div,那最后一行如果不满三个元素,就会出现下面的情况,如何使最后一个 div 向左对齐呢。有两种方法:方法一:这种方法的缺点是,最后一个 div 左外边距是0。div:after { content: ""; flex: auto; } 方法二:创建几个空的 div,貌似这种方法
ngtwewy 2020-04-20    CSS   

Bash 常用代码

一,判断文件是否存在# 定义文件位置 filePath="/opt/test/log.txt" # 获取系统时间 time=$(date "+%Y-%m-%d %H:%M:%S") # 判断文件是否存在 if [ ! -f "$filePath" ];then touch $filePath echo "11111" + $time > $filePath
ngtwewy 2020-04-19    CentOS   

CentOS 设置 cron 定时任务

简介linux定时任务分为两种:第一种,是系统自身轮训的任务,比如定时(5天或者一周)备份/var/log/message等日志文件。第二种,是用户执行的定时任务(用户的定时任务一般分为六段)at适合执行一次就结束的调度任务anacrontab适合于非7*24小时开机的服务器准备的,是以天为单位执行的,不能指定以分钟的定时任务,在停机期间没有任务执行,可以开机时执行。cron 相关命令cron 服
ngtwewy 2020-04-19    CentOS