- 博客(58)
- 资源 (64)
- 收藏
- 关注
转载 Web前端 色彩设计指南
写在前面的 首先,这篇文章是WEB前端设计中经常用到的比较好看的一些颜色,当然对色盲或者色弱的小伙伴们来说那是相当不友好。因为,即使是色觉正常的人来讲,长时间的调试颜色,也会让眼睛的感色细胞处于疲劳状态,也就是对于颜色“傻傻分不清”了,这种情况就更不要提色盲和色弱的人了,好了,话不多说,大家就尽情挑选自己喜欢的颜色吧!暖色篇 Color Show Code 桃色 ■■■ f58f98 薄柿 ■■■ ca8687 薄红梅
2020-07-31 00:54:19 630
转载 scss # 代码复用
为了有效的维护和开发项目,代码的重复利用就显得尤为重要。在 SASS中,除了 @import 和 @extend 可以使代码重用性更强,还有一些指令也同样能提高代码的重复使用率并简化代码,如 @mixin,%,@function 等。1. @mixin常规写法html<div class="box smallBox"></div><div class="box BigBox"></div>scss.box{ box-shadow:
2020-07-30 18:30:51 1603
原创 Electron # 调试时总是没有关闭完
由于处在项目开发阶段,会有各种问题。其中一个问题是,关闭了vscode,electron还驻留在内存中。处理方法:查看进程tasklist | find "electron" 杀掉electrontaskkill /f /t /im "electron.exe"还可以考虑把这个写到package.json中。这样可以通过npm scripts直接运行。...
2020-07-29 18:42:40 2065 1
原创 Vue # 进度条
<template> <div class="progress-bar" ref="progressBar" @click.prevent.stop="progressClick"> <div class="progress" ref="progress" :style="{width : `${progressOffsetWidth}px`}"></div> <div class="buffered" ref="buffered"
2020-07-29 17:27:10 426
转载 工业控制系统基础知识
基本单元PLC:可编程逻辑控制器是种专门为在工业环境下应用而设计的数字运算操作电子系统。它采用一种可编程的存储器,在其内部存储执行逻辑运算、顺序控制、定时、计数和算术运算等操作的指令,通过数字式或模拟式的输入输出来控制各种类型的机械设备或生产过程。DPU:DPU(Distributed Processing Unit),即分散处理单元,常应用于DCS控制系统中.它能执行工程师组态的控制策略,它既可实现离散梯形逻辑控制,也能实现连续调节控制。DPU可执行70多种特殊功能及150多种过程控制算法;此外,
2020-07-29 00:47:24 2905
原创 Vue # 数组数据分行渲染
效果图需要动态加载菜单项,当然第一个需要解决的问题是数据的分行渲染问题。这里我的思路主要是使用vue的计算属性。类似的方法有watch(类似computed)或者在mounted里手动执行函数核心代码:computed: { MenuRows() { let rows = [] const colLength = 3 // 配置菜单的列数 let row = [] for (var i=0;i < this.MenuList.length; i++) {
2020-07-28 02:20:56 744
原创 aspx # 前端把金额从数字转换为大写
function number_chinese(str) { var num = parseFloat(str); var strOutput = "", strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分'; num += "00"; var intPos = num.indexOf('.'); if (intPos >= 0){
2020-07-27 00:35:24 384
转载 npm install 报错 :stack Error: Can’t find Python executable “python”
因为node-gyp的安装需要,它只能支持python2,官方推荐python2.7,安装完成后,设置环境变量PYTHONPATH(值为安装目录,例如C:\Python27)与PYTHON(值为%PYTHONPATH%\python.exe)然后在终端中进行设置: npm config set python “C:\Python27\python.exe”原文链接:https://blog.csdn.net/qq_38053195/article/details/87070583...
2020-07-24 17:35:10 1763
原创 vscode # 调试html文件
通过file协议的时候加载其他资源会有跨域限制VSCode有一个插件“Live Server"这样可以以localhost的方式避免被跨域限制
2020-07-22 17:01:30 346
原创 uniapp # 登录功能:接口、安全和登录状态保持
声明:整理和改编、精简自DCloud社区文章,侵删出处在文末指出。你是否真的需要登录功能?用户对你的APP一无所知,你就要求对方注册并登录,除非APP本身已经很有名气或者是用户有强需求,否则正常人应该会直接把它删掉。比较温和的方式是将一些并不需要登录,但可以给用户带来帮助的东西,第一时间展现给他们,让他们产生兴趣,再在合适的时机引导他们注册(比如使用需要使用更高级的功能,或用户需要收藏某个喜欢的信息时)。实现登录后的session有几种方式?APP当浏览器用,直接载入远程页面(很难过审,上
2020-07-22 02:27:47 6130
原创 electron-vue install时的奇奇怪怪的问题
electron-vue install时总是有一些的奇奇怪怪的问题我们的项目还用到了ffi,还依赖C++模块和python模块然后总结出一种比较牛逼的方法:先yarn再cnpm i顺序不能换奇奇怪怪的错就都没了= =咱也不知道是什么原因,玄学...
2020-07-21 14:43:01 207
原创 uniapp # 封装uni.request方法并挂载到全局
为了便于修改接口(比如url),因此考虑封装一下uni.request方法。request.js// 对uni.request方法的封装import config from '../config/config.js'/* options: url/method/data*/const service = (options) => { return new Promise((resolve,reject) => { uni.request({ url: config.b
2020-07-21 00:55:48 3939
转载 uniapp # html、vue、小程序与uniapp异同
传统的h5只有1端,即浏览器。uni-app可跨多端,虽仍属前端,与传统h5有不同。网络模型的变化以前网页大多是b/s,服务端代码混合在页面里;现在是c/s,前后端分离,通过js api(类似ajax的uni.request)获取json数据,把数据绑定在界面上渲染。文件类型变化以前是.html文件,开发也是html,运行也是html。现在是.vue文件,开发是vue,经过编译后,运行时已经变成了js文件。现代前端开发,很少直接使用HTML,基本都是开发、编译、运行。所以uni-app有编译
2020-07-20 22:20:49 2231
转载 git流程
git branch -a 查看所有分支git branch 分支名 新建本地分支git checkout 分支名 切换分支git checkout -b 分支名 切换并新建本地分支git pull origin 远程分支名:本地分支名 拉取远程分支与本地分支合并git push origin 远程分支名 提交本地代码到远程分支git push origin 本地分支名:远程分支名 提交本地分支到远程分支,若远程没有这个分支则新建git
2020-07-20 16:03:14 176
原创 eslint prettier/prettier xxxxxxxxxx的错误
npm run lint --fixeslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter --fix src
2020-07-20 15:22:37 3022
转载 npm ERR! Failed at the XXX@X.X.X install script
解决办法:npm install XXX@X.X.X --ignore-scripts
2020-07-20 13:36:55 2387
原创 module compiled against API version 0xc but this version of numpy is 0xb
pip install numpy --upgrade
2020-07-18 21:23:40 4537 1
转载 Vue # Avoid mutating a prop directly since the value will be overwritten wheneve
问题描述需要打破父子组建的单项数据流(由于某些原因)父组件给子组件传参数a,然后子组件抛出事件修改a,导致了这个问题。(循环修改)解决办法参考文章 https://forum.vuejs.org/t/props-props/25997/5...
2020-07-17 18:39:43 4127
原创 js 快速格式化秒为hh:mm:ss型数据
问题描述手撕播放器的时候需要格式化时间数据(单位s),参数传入为秒数、输出为’00:00:00’的格式代码演示demo:function realFormatSecond (second) { var secondType = typeof second if (secondType === 'number' || secondType === 'string') { second = parseInt(second) var hours = Math.floor(secon
2020-07-17 15:20:08 1115
原创 vue 引入 antd
npm install ant-design-vue --save-dev在main文件中添加antd的全局引入import Antd from 'ant-design-vue'import 'ant-design-vue/dist/antd.css'Vue.use(Antd)
2020-07-16 15:29:25 2876
原创 css3美化滚动条样式
.list-content{ overflow-y: auto; height: calc(100% - 71px); &::-webkit-scrollbar { width: 4px; } &::-webkit-scrollbar-track { background-color:transparent; -webkit-border-radius: 2em; -moz-border.
2020-07-16 14:23:36 232
转载 electron node 版本不匹配的解决细节
使用electron项目经常会遇到NODE_MODULE_VERSION的错误,如下:error:: Error: The module '<project>/node_modules/electron/node_modules/ref/build/Release/binding.node'was compiled against a different Node.js version usingNODE_MODULE_VERSION 57. This version of Node.js
2020-07-16 11:46:33 11748 5
原创 uniapp # 基本介绍
自称是“跨端终极解决方案”对有微信小程序和vue开发经验的同学来说比较友好(就是我hhh)upx是类似rpx的单位主要解决的问题优点绿色部分属于通用功能。开发规范开发规范: Vue 单文件组件 (SFC) 规范组件标签靠近小程序规范,详见: uni-app 组件规范接口能力(JS API)靠近微信小程序规范,但需将前缀 wx 替换为 uni,详见uni-app接口规范快速入门条件编译demo这里简单的介绍了一下跨平台和打包发布的相关事项,都比较基础,我就.
2020-07-12 18:19:38 691
转载 大前端与前后端分离
一、大前端 简单来说,大前端就是所有前端的统称,比如Android、iOS、web、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代,利用web不仅能开发出网站,更可以开发手机端web应用和移动端应用程序。 由于node的出现,前端工程师不需要依赖于后端程序而直接运行,从而前后端分离起来。所以当开发一个新产品的时候服务只需要写一次,但
2020-07-12 14:54:18 1200
转载 Serverless架构介绍
来源 | Serverless本文整理自《Serverless 技术公开课》什么是 Serverless 架构?按照 CNCF 对 Serverless 计算的定义,Serverless 架构应该是采用 FaaS(函数即服务)和 BaaS(后端服务)服务来解决问题的一种设计。这个定义让我们对 Serverless 的理解稍显清晰,同时可能也造成了一些困扰和争论。随着需求和技术的发展,业界出现了一些 FaaS 以外的其它形态的 Serverless 计算服务,比如 Google Cloud Run,
2020-07-12 04:44:17 542
转载 文字版 # 云讲座|浅入浅出Serverless
个人整理的讲座文字版,侵删。Serverless,即无服务器架构,是指服务端逻辑由开发者实现,运行在无状态的计算容器中,由事件触发,完全被第三方管理,其业务层面的状态则存储在数据库或其他介质中。本次MSC云讲座主要讲述Serverless与现有服务模式之间的区别,Serverless架构的优势与劣势,以及例举个人使用的简单例子。主要内容对serverless简单介绍介绍历史和应用101 Classification01 Advantage01 Example01 移动应用后
2020-07-12 04:27:45 280
转载 MuMu模拟器开发者文档
开发者必备说明书【adb常用指令指引】1、adb版本MuMu自带(MuMu安装目录下)C:\Program Files (x86)\Nemu\vmonitor\bin\adb_server.exe官网下载http://adbshell.com/downloads2、连接设备打开cmd(如果使用MuMu自带adb,则cd C:\Program Files (x86)\Nemu\vmonitor\bin\)adb kill-server(MuMu自带:adb_server.exe.
2020-07-12 02:56:28 4114
转载 浏览器渲染过程
在同一台机器,相同网络环境的一个测试:浏览器产生白屏。是因为UI在渲染过程中被阻塞了。那么问题来了,是什么阻塞了它呢?渲染过程i.渲染是以流式进行的。不需要得到全部数据再渲染,如:HTML文件下载多少就渲染多少;ii.大多数HTML外部资源都不会阻塞UI线程,如:CSS、IMG、Flash等,没有load完毕的图片会留一个空位置在那里;iii.大多数的HTML元素都是渲染出DOM便立刻显示的;iiii.HTML从上到下解析,该过程不可逆(参考 i)。但会出现reflow(重排) and rep
2020-07-11 19:47:38 176
转载 浏览器(webkit)资源加载机制
在开始这个话题之前,我们有必要简单回顾一下 浏览器(webkit)的网页渲染过程(如果想要详细了解这个过程,可以这一篇文章。):我们知道,浏览器在渲染过程中,如遇到节点需要依赖其他资源(比如:图片、CSS、JavaScript、video等),浏览器会通过网络去加载它们。这其中大部分的资源是异步加载的,不会阻塞渲染,除了 JavaScript(未被标记为异步的方式)。网页的加载和渲染依赖网络与资源加载,网页本身是一种资源,它所依赖的 js、css、图片、视频等也是资源。而资源的加载涉及网络和资源的缓存等
2020-07-11 19:31:18 557
转载 深入理解iframe
本文并不是一篇iframe API文档讲解,因此想了解iframe API的同学请移步 MDN, 我将在现在浏览器的角度与大家去探讨iframe, 因此,本文中虽然会提及一些iframe在旧浏览器中的应用, 但并不会去讲解。 所以,您对iframe在旧浏览器中的应用场景感兴趣的话,还请自己搜索相关资料。 同时, 我也会从浅入深的来与大家探讨iframe中的一些特性、各种现代浏览器中的渲染模式、应用场景、以及在现代开发中的影响。什么是iframe在HTML中有三种结构特征:树结构、层次结构、框结构。ifr
2020-07-11 18:05:47 659
原创 CSS # 禁止图片拖拽、文字选中
-webkit-user-select: none;cursor: default;pointer-events: none;
2020-07-10 14:26:08 3737 4
转载 BEM命名规范
BEM - Block Element Modfier(块元素编辑器)是一个很有用的方法,它可以帮助你创建出可以复用的前端组件和前端代码 块独立的实体,它本身是有意义的。例子 header,container,menu,checkbox,input元件块的一部分,没有独立的含义,并且在语义上与其块相关联。例子 menu item,list item,checkbox caption,header title修改块或元素上的标志。用它们来改变外观或行为...
2020-07-10 13:43:12 336
C++_STL使用例子大全
2016-07-30
Learning the vi and Vim Editors
2016-07-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人