①条咸鱼-CSDN博客

NodeJS 是什么？● node.js是一个开发平台，就像 JAVA开发平台、.net开发平台、PHP 开发平台开发平台有对应的编程语言、有语言运行时、有能实现特性功能的 API（SDK：Software Development Kit）● 该平台使用的编程语言是 JavaScript●node.js平台基于 chrome VB JavaScript引擎构建● 基于 node.js 可以开发控制台程序（命令行程序、CLI程序）、桌面应用程序（GUI）（借助 node-webkit、electro

2022-03-01 18:17:20 2265

原创 nodeJS 学习笔记

Node 的作用和应用脱离浏览器运行 JS 后台 API 编写 Webpack，Gulp，Npm等中间层：服务器中负责 IO 读写的中间层服务器Node的优势便于前端开发入门性能高利于前端代码整合Node 中的模块全局模块：何时何地都能访问，不需要引用系统模块：需要 require()，但不需要单独下载自定义模块：require 自己封装的模块require：如果有路径，就去路径里面找没有的话就去 node_modules 里面找上述都没有的..

2022-02-28 15:21:27 835

原创光大教育笔试题

Mark 一下光大教育面试的笔试题~1. flex 布局有哪些可设置的属性？容器属性：flex-direction 决定主轴的方向flex-wrap 如果一条轴线排不下，如何换行flex-flow 是flex-direction属性和flex-wrap属性的简写模式justify-content 定义了项目在主轴上的对齐方式align-items 定义项目在交叉轴上如何对齐align-content定义了多根轴线的对齐方式。如果项目只有一个轴线，该属性不起作用项目属性；.

2021-06-18 10:40:55 1976

原创玄武科技笔试题

Mark 一下之前玄武科技面试时做的笔试题~虽然不知道是不是每一个人都是一样的试题

2021-05-30 18:10:39 1207

原创 CSS 动画

【学习笔记】阮一峰的网络日志——CSS动画来源网址：https://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.htmlCSS Transition/* 简写模式： */img { transition: 1s 1s height ease; }/* 单独定义 */img { transition-property: height; transition-duration: 1.

2021-05-12 10:30:24 108

原创设置滚动条样式

因为多次在项目中需要用到，每次都会搜很久，所以写下这篇方便自己之后要用到可以很快做出来。虽然做过两三次但还是不记得怎么写。hhhhh这篇只是粗略mark一下，本人觉得这篇写得很详细，大家可以去学习学习：https://blog.csdn.net/weixin_42839080/article/details/81572047webkit浏览器滚动条属性：::-webkit-scroll...

2020-03-13 12:41:21 297

原创解决el-table切换分页的时候选项被清空

用到的属性和方法说明要点：给每行赋一个id做标识 type="selection"的那一行添加一个 reserve-selection 属性添加 @selection-change="handleSelectionChange" 这一个方法保留之前选中的数据<template> <div> <el-table @s...

2020-02-27 16:07:49 3258 1

原创 vue实现多选、全选功能

<span class="title" v-if="clickAll" @click="clearCheck">取消</span><span class="title" v-else @click="checkAll">全选</span><div class="one-item" v-for...

2019-08-19 16:10:47 8197

原创 input相关操作

input的type为number时，英文输入法输入e无效和不能输入负数：<input type="number" class="num" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" οnkeyup="(this.v=function(){this.value=this.value.rep...

2019-08-09 16:47:29 329

原创 textarea自适应高度

<div class="input-textarea" :disabled="true" contenteditable="true">此处显示文字<br /></div>.input-textarea { border: 0; outline: 0; /* outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出...

2019-07-26 16:02:44 296

原创 jQuery设置网页全屏功能

<img id="alarm-fullscreen-toggler" src="#" alt="全屏按钮" />// 设置全屏：目前这个方法无法监听 ESC 键盘按键$('#alarm-fullscreen-toggler').on('click', function (e) { var element = document.documentElement; // 返回 ht...

2019-03-14 16:05:58 5940

原创微信小程序设计指南

友好礼貌重点突出每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容。在确定了重点的前提下，应尽量避免页面上出现其它与用户的决策和操作无关的干扰因素。流程明确为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。清晰明确一旦用户进入我们的小程序页面，我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处...

2019-02-13 14:25:57 983

原创 Ajax

AjaxAjax 是一种无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax = 异步 JavaScript + XML。Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。Ajax 用于创造动态性更强的应用程序Ajax 可用来与数据库进行动态通...

2019-02-11 17:05:38 5374

原创微信小程序——逻辑层 App Service

小程序App(Object)App()函数用来注册一个小程序。接受一个object参数，其指定小程序的生命周期回调等。App()必须在app.js中调用，必须调用且只能调用一次。不然会出现无法预期的后果。...

2019-01-31 16:04:20 1989

转载前端编码规范

HTML：用两个空格来缩进；对于属性的定义，确保全部使用双引号，绝不要使用单引号；不要在自闭合（self-closing）元素的尾部添加斜线，如&lt;img&gt;；文档编码采用 UTF-8；尽量遵循HTML 标准和语义，尽量使用最少的标签并保持最小的复杂度；布尔型属性可以在声明时不赋值，如&lt;input type="checkbox" value="1" checke

2019-01-28 11:08:22 257

原创微信小程序——代码构成

JSON 配置项目的根目录有一个app.json 和 project.config.json，此外在pages/logs目录下还有一个logs.json小程序配置 app.jsonapp.json 是当前小程序的全局配置，包括了小程序的所有页面路径、页面表现、网络超时时间、底部Tab等。QuickStart项目里的app.json配置内容如下：{ &amp;amp;amp;amp;quot;pages&amp;amp;amp;amp;quot;: [&am

2019-01-24 15:20:15 1146 1

原创小程序官方组件

组件原生组件说明小程序中的部分组件是由客户端创建的原生组件，这些组件有：cameracanvasinput（仅在focus 时表现为原生组件）live-playerlive-pushermaptextareavideo原生组件的使用限制由于原生组件脱离在 WebView 渲染流程外，因此在使用时有以下限制：原生组件的层级是最高的，所以页面中的其他组件无论设置z-i...

2019-01-24 10:48:30 1493

原创不成熟的头像上传、截取插件——平移和缩放功能没问题

主要的功能有：上传图片 <input type="file" name="" id="inputBox"><input>标签上的type是file，就可以实现读取手机/电脑上的文件夹，并上传读取上传的图片并显示出来这里要借助canvas来显示和操作图片。读取图片需要用到FileReader中的readAsDataURL()。...

2019-01-18 17:21:06 247

原创 JS—— canvas 加载图片等比例缩放

第一种：等比例缩放图片（没有设置清除画布，所以在第一次上传图片后再上传一次会被覆盖掉）<input type="file" name="" id="inputBox"> <canvas id="avatar"></canvas> &

2019-01-11 14:12:28 17707

原创改变input的type类型是file的button样式

<input type="file" name=""><input>标签的type是file就会有上面选择文件的button，点击button可以选择本地文件进行上传。但是默认的button样式太一般了，就会有人想要改变样式。但是这个button的样式是不能修改的，这时候要改变样式只能加上一个外部标签。/* CSS */<style type="te...

2019-01-10 20:13:46 3215 6

转载 Vue实例

创建一个Vue实例每个Vue应用都是通过用Vue函数来创建一个新的Vue实例开始的：var vm = new Vue({ // 选项})虽然没有完全遵循MVVM模型，但是Vue的设计也受到了它的启发。因此在文档中经常会使用vm(ViewModel的缩写)这个变量名表示Vue实例。当创建一个实例Vue实例时，你可以传入一个选项对象。一个Vue应用由一个通过new vue创建的根Vue...

2019-01-04 14:46:57 228

原创 JAVA——异常与错误

异常异常（Exception）又称为例外，是指在程序运行过程中发生的非正常事件，这些事件的发生会影响程序的正常执行。数字中“无意义”的运算，例如除数为零、对负数求对数平方根等对数组进行操作时，超出了数组的最大下标程序所需进行的I/O操作不能正常执行，如所需访问的文件不存在内存耗尽无法进行类的实例化JVM崩溃Java异常体系Throwable– 所有错误或异常的超类– ...

2019-01-04 11:03:34 351

原创第一章遇见vue.js

1.1 MVX模式是什么MVC框架最早出现在JAVA领域，然后慢慢在前端开发中也被提到，后来又出现了MVP，以及现在最成熟的MVVM。1.1.1 MVCMVC是应用最广泛的软件架构之一，一般MVC分为：Model（模型）、Controller（控制器）和View（视图）。这主要是基于分层的目的，让彼此的职责分开。View一般都是通过Controller来和Model进行联系的。Contro...

2019-01-03 15:44:52 270

转载 JS鼠标框选——类似Windows鼠标框选文件

转载☞http://www.jq22.com/demo/jQuery-xz20161223/ <!DOCTYPE html><html><head> <title>frameSelect</title> <style> .fileDiv {display: inline-block; width: 10...

2018-12-20 14:54:44 3067 1

转载 HTML 5 Canvas vs. SVG

Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。Can...

2018-12-05 11:36:04 195

软考中级-软件设计师知识点

vuetify怎么修改组件样式

SOS！vuetify 自定义 sass 变量不生效了！