- 博客(42)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 【CSS】 text相关属性
A. text-align：水平对齐方式属性值：left/right/center/justify(两端对齐)CSS direction属性简介与实际应用@张鑫旭 text-align-last：段落最后一行对齐方式p { text-align: justify; text-align-last: right; /*只有IE有效,*/ -moz-text-align-last: right; /* 针对 Firefox 的代码 */}text-just
2020-09-26 07:01:37
2225
1
原创 【CSS】学习iview的icon样式+font字体
A. 工程中引入样式文件iview源码工程中的example工程中如何引入iview样式自定义工程中如何引入iview样式一般在src/main.js中引入（在index.html中也可以，当然app.vue中也可以）import "iview/dist/styles/iview.css"B. icon样式本文主要来看看，是如何通过 src/styles/index.less 一层层引入 icon 对应的样式的① src/styles/index.less② src/sty
2020-09-24 06:44:11
2635
原创 【angular】@Directive
在 Angular中有三种类型的指令directive：组件@Component — 拥有模板的指令,我们在另外一文已专门学习过啦。本文就不涉及改指令的内容了。结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令。例如，*NgFor 和 *NgIf。你可能注意到了指令名的星号*前缀，它是一个语法糖， 从内部实现来说，Angular把 *... 属性 翻译成一个 <ng-...
2020-03-08 19:00:05
1708
原创 【angular】@Component
Component是 Directive的子类：它是一个装饰器，用于把某个类标记为 Angular 组件，并为它配置一些元数据，以决定该组件在运行期间该如何处理、实例化和使用。选项moduleId ：包含该组件的那个模块的 ID。该组件必须能解析模板和样式表中使用的相对 URL。 SystemJS 在每个模块中都导出了 __moduleName 变量。在 CommonJS ...
2020-03-06 17:02:34
924
原创 【angular】NgModule学习
NgModule参考手册选项说明providers：在当前模块的注入器中可用的一组可注入对象。declarations ：属于该模块的一组组件、指令和管道（统称可声明对象）。imports：这里列出的 NgModule 所导出的可声明对象可用在当前模块内的模板中。exports：此 NgModule 中声明的一组组件、指令和管道可以在导入了本模块的模块下任何组...
2020-03-05 17:04:57
645
原创 tsconfig.json中配了paths为啥不起效呢
看问题：有个回答：答主说参照 path-mapping我的问题是：总结：baseUrl配啥要看tsconfig.json的具体路径哦
2020-03-05 10:02:32
21420
2
原创 Vue/React中的createElement
vue的渲染函数render一节提到createElementvue中的createElement对应的三个参数与react中一致，区别是啥呢？①vue中第一个参数：html原生节点或者是自定义组件（大写转小写，驼峰转 - ）都是对应的字符串。② 而react中第一个参数，若是html原生节点这是字符串，若是自定义组件（必须大写，小写报错：默认为原生节点），则是变量（即组件名称）...
2020-03-03 16:44:17
641
转载 React 也能“用上” computed属性
转转转——转自：React 也能“用上” computed属性文章中的用法不知是否合适，先备份着做为自己思路上的一个指导吧！前言，关于计算属性初次见到计算属性一词，是在 Vue 官方文档 《计算属性和侦听器》 一节中，文章中是这样描述计算属性的：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。回想我们编...
2020-03-03 09:35:54
1246
原创 【React】初学高阶指引
A. 无障碍辅助功能WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。在标签内使用aria-*属性【aria属性表】，它描述了元素的属性和状态。通常与其配合使用的标签是role，它的值表...
2020-03-02 14:20:59
236
原创 aria属性表
参考： aria属性表A. role有哪些呢？① radiogroup/radio/presentation<ul role="radiogroup"> <li tabindex="-1" role="radio" aria-checked="false"> <!-- presentation：描述 --> &l...
2020-02-28 14:47:58
2395
原创 【React】初学React
A. react中如何创建元素呢？说明一点：属性都改为驼峰形式，class改成classNameB. 变量或表达式如何表示呢？大括号{ }包起来C. 元素和组件的区别元素是构成 React 应用的最小砖块。元素描述了你在屏幕上想看到的内容。const element = <h1>Hello, world</h1>;组件允许你将 UI 拆分为独立可复...
2020-02-28 09:00:47
209
转载 【CSS】DIV 自定义滚动条样式
当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义来自：DIV 自定义滚动条样式滚动条的css样式主要有三部分组成::-webkit-scrollbar ： 定义了滚动条整体的样式::-webkit-scrollbar-thumb ： 滑块部分::-webkit-scrollbar-track ： 轨道部分...
2020-02-27 10:58:47
3794
1
原创 Git使用小结
一、Git仓库仓库分为本地仓库和远程仓库，它们通过秘钥和远程仓库地址来建立连接。A. 创建秘钥SSH KEY（远程仓库：公钥，本地仓库：私钥）$ ssh-keygen -t rsa -C "youremail@example.com"若Git只管理GitHub或GitLab中的一个，直接用上述命令即可执行命令后，会在~/.ssh/目录下生成私钥id-rsa和公钥id-rsa.pub。...
2020-01-21 12:35:47
148
原创 【CSS】选择器
CSS选择器|菜鸟教程伪类&伪元素在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义，而二者在语法是一样的，都是以 : 开头，这造成很多人会将某些伪元素误认为是伪类，如:before，:after；在CSS3中，伪类与伪元素在语法上也有所区别，伪元素修改为以::开头。但因为历史原因，浏览器对以:开头的伪元素也继续支持，但建议规范书写为::开头。伪类① 利用伪类...
2020-01-03 16:05:04
181
原创 【CSS】参考手册 学习
CSS参考手册|菜鸟教程1. CSS 盒子模型(Box Model)A. 简介所有HTML元素可以看作盒子，在CSS中，box model这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型Box Model：B.①. 内外边...
2020-01-02 17:00:06
167
原创 npm私有仓库搭建【Nexus】
1.下载点此处去官网下载官网下载可能很慢，或者直接无法下载，那就自行搜索下载吧。2. 安装以nexus-3.19.0-01-win64为例，下载后解压结构如下图：进入下图目录：2.1 不要直接点击nexus.exe，在该目录下使用命令行运行：nexus.exe /run。运行时出现异常（编码的问题，不用管；另外安装目录如果有中文，应该也会报错，把目录名称改掉）:java.io.U...
2019-12-19 08:35:46
640
原创 【npm】搞个自己的CLI拉取基础工程
一、CLI原理CLI（command-line interface — 命令行界面）：commander 这个node库，有很多cli使用了它，它可以帮助开发者简化实现命令流程。不过我们的第一步还是应该先搞清楚，如何通过npm如何实现命令行。（其实就和普通的bat命令一样）一个简单的cli：①package.json 中有一个 bin 字段，指定各个内部命令对应的可执行文件的位置。②在包安...
2019-12-16 16:15:06
470
原创 npm私有仓库搭建
大体搭建步骤转自： npm私有仓库搭建而大部分截图来自亲测操作过程一、首先需要安装node环境1、下载，https://nodejs.org/en/2、下载后，一直下一步，就可以安装了（傻瓜式安装）3、打开命令窗口，执行node -v命令检测nodejs是否安装成功，成功如图显示：4、执行npm install -g npm，更新nodejs版本，不然可能会出错。二、安装pytho...
2019-12-12 16:29:46
843
转载 【web性能优化-客户端】参考（一）
参考： 我们爱分享：web项目性能优化JavaScript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源压缩软件来压缩，比如24色变成8色、去掉一些PNG格式信息等。**合并静态资源：**包括CSS、JavaScript和小图片，减少HTTP请求。有很大一部分用户访问会因为这一条而取得最大受益...
2019-12-05 14:25:42
154
原创 【CSS】为图标之间添加分割符
以element-ui加操作列为例<template> <div> <!-- 按钮方式 --> <el-table-column v-if="colBtnsFlag" v-bind="colBtnsAttr"> <templat...
2019-11-05 16:24:37
736
原创 【基础知识】JSON.stringfy的用处
对象的深拷贝let obj = { ... }//obj2是对obj的深拷贝let obj2 = JSON.parse(JSON.stringfy(obj))今天发现它还有一个妙用：在页面上配置了一个json对象，层次结构比较深；配置完的json作为一个参数值送到服务端（java）将其存入json文件；存储过程中为了使数据格式清楚，对其进行了格式化处理（貌似是加换行符、制表符之类的...
2019-11-05 16:22:13
284
原创 学习网站
HTML基础MDNW3C规范html52（3和4的内容基本一致）WHATWG（这里的翻译看得有点心累）unicode编码查询CSSWGw3Css教程大全W3Cschool菜鸟教程阮一峰教程网道-JS基础ECMAScript 6 入门阮老师的Githubwebpack相关中文官网英文官网babel中文Vue相关中文官网其他相关工具：El...
2019-09-30 17:35:33
75
原创 【CSS】学习链接
用了各种ui组件后，自己css样式都不会写了。这里记录链接供自己学习用灵活运用CSS开发技巧你未必知道的49个CSS知识点CSS 常见布局方式前端基础篇之CSS世界CSS性能优化的8个技巧滚动视差？CSS 不在话下平时自己项目中用到的 CSS...
2019-09-30 17:33:15
106
原创 【CSS知识点练习】第一篇
根据你未必知道的49个CSS知识点做的一些练习01. shape-outside：文字环绕效果<html> <head> <style> .main { width: 400px; margin: 100px auto; } .circl...
2019-09-27 12:23:45
149
转载 display的32种写法
转自：display的32种写法你知道『回』字有四种写法，但你知道display有32种写法吗？今天我们一一道来，让你一次性完全掌握display，从此再也不用对它发愁。从大的分类来讲，display的32种写法可以分为6个大类，再加上1个全局类，一共是7大类1. 外部值所谓外部值，就是说这些值只会直接影响一个元素的外部表现，而不影响元素里面的儿子级孙子级元素的表现。1.1 dis...
2019-09-26 08:24:08
3624
原创 【webpack】配置
配 置|webpack中文网使用不同语言配置js/ts/coffee：为了用 TypeScript 书写 webpack 的配置文件，必须先安装相关依赖：npm install --save-dev typescript ts-node @types/node @types/webpack类似的，为了使用 CoffeeScript 来书写配置文件, 同样需要安装相关的依赖：np...
2019-08-27 22:28:30
435
原创 【webpack：loader】Babel
babel介绍Babel 是一个 JavaScript 编译器，可以把ES6的语法转为兼容浏览器的ES5语法；Babel可以单独使用，但是一般都是和webpack结合一起使用webpack里使用babel最基本的几个包：babel-loader、 babel-core 、babel-preset-env 、babel-polyfill@babel/core@babel/core包...
2019-08-27 11:58:47
224
原创 【webpack】指南
官网指南地址管理资源&管理输出管理资源webpack 最出色的功能之一就是，除了 JavaScript，还可以通过 loader 引入任何其他类型的文件。webpack.config.js配置如下： const path = require('path'); module.exports = { entry: './src/index.js', output:...
2019-08-27 11:20:24
727
原创 【webpack】插件 plugins
插件(plugins)插件是 webpack 的支柱功能。插件目的在于解决 loader 无法实现的其他事。webpack 插件是一个具有 apply 属性的 JavaScript 对象。apply 属性会被 webpack compiler 调用，并且 compiler 对象可在整个编译生命周期访问。如ConsoleLogOnBuildWebpackPlugin.js：class Co...
2019-08-21 11:09:54
5962
原创 【JS一问】JavaScript 面向对象的理解和感悟
提问者的话什么是面向对象，面向对象有哪些特点，以及这些特点的解释。JavaScript 如何实现这些特点，比如封装、继承、多态。如果关于上述三点，你能够解释到有多少种实现方式、优缺点是什么。以及近几年流行的解决方案是什么。这就是加分比如对于继承吧。类式继承、构造函数继承、组合继承、原型继承、寄生组合继承等说出大概的实现思路和优缺点，再介绍下 extends 或者 mixin ...
2019-08-15 19:21:19
241
原创 【基础知识】TypeScript学习
目录前言所以为啥要用`TypeScript`第一个`TypeScript` 实例`TypeScript` 安装【即在cmd中将ts编译成js的命令】`TypeScript`元祖&联合类型`TypeScript`接口一个简单的接口联合类型和接口接口和数组接口继承`TypeScript`类类的定义类的继承`static` 关键字`instanceof` 运算符访问控制修饰符类和接口`TypeS...
2019-08-15 12:47:17
288
原创 【vue学习】数组/对象更新监测
数组监测案例点击修改，页面未变化，查看控制台打印信息（items是最新数据）：加上this.$forceUpdate()，页面更新。也可以直接用vm.$set()或给items重新赋值或用数组方法，如下：再来看个神奇的操作【这里应该涉及到diff算法、VNODE，另行学习】将修改按钮的函数改成如上图，这时候点击修改按钮this.items[1] = {message:'S...
2019-08-10 20:15:49
227
原创 【vue学习】axios
Ajax、fetch、axios的区别与优缺点axios的github地址原生ajax //创建异步对象 var xhr = new XMLHttpRequest(); //设置请求基本信息，并加上请求头 xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ...
2019-08-10 12:55:11
194
原创 【vue学习】生命周期
马老师的VUE生命周期教程下面的图片来自上面链接Vue实例虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。一个 Vue 应用由一个通过new Vue() 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。所有的 Vue 组件也都是 Vue 实例，并且接受相同的选...
2019-08-08 08:21:28
175
原创 【vue学习】处理边界情况
访问元素 & 组件在绝大多数情况下，我们最好不要触达另一个组件实例内部或手动操作 DOM 元素。不过也确实在一些情况下做这些事情是合适的。$root所有的子组件都可以将这个实例作为一个全局 store来访问或使用对于 demo 或非常小型的有少量组件的应用来说这是很方便的。不过这个模式扩展到中大型应用来说就不然了。因此在绝大多数情况下，我们强烈推荐使用 Vuex 来管理...
2019-07-26 15:54:51
240
原创 【vue学习】动态组件和异步组件
动态组件有的时候，在不同组件之间进行动态切换是非常有用的，比如在一个多标签的界面里：is上述内容可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现<component v-bind:is="currentTabComponent"></component>在上述示例中，currentTabComponent 可以包...
2019-07-24 14:00:35
4165
原创 【vue学习】指令
不常用指令v-text<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span>v-html<div v-html="html"></div>在网站上动态渲染任意 HTML 是非常危险的，因为容易导致 XSS 攻击。只在可...
2019-07-22 12:35:30
94
原创 【vue学习】渲染函数&jsx
Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数先贴官网地址：渲染函数&jsx官网简单案例h1~h6模板写法render写法调用Vue-render函数createElement创建虚拟DomcreateElement 到底会返回什么呢？其实不是一个实际的 ...
2019-07-19 16:15:36
1383
原创 【vue学习】slot
在 2.6.0引入 v-slot指令【缩写为#】提示：v-slot can only be used on components or <template>.即v-slot 只能添加在一个 <template> 上，这一点和已经废弃的 slot 特性不同。在接下来所有的 2.x 版本中 slot 和 slot-scope 特性仍会被支持，但已经被官方废...
2019-07-19 09:49:48
3387
原创 【基础知识】事件模型
DOM树【Document Object Model】介绍事件模型之前，先简单看下DOM树的结构：DOM树就像是一颗倒长着的大树，这样的对象模型决定了节点之间都有一定的关联。它们关系可能有父子、有兄弟，我们可以顺着这颗树做出许多操作)。每个HTML页面都是一颗DOM树，浏览器在解析HTML代码时，会按照代码结构将代码解析成一颗树状结构，每个HTML标签对应DOM树上相应的结点。下面是...
2019-07-08 08:25:35
1487
Toad for Oracle 12.1 .bak .rar
2019-12-20
iReport-5.1.0-windows-installer.exe
2019-12-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人