图解前端-CSDN博客

原创 Vue源码学习--入口文件分析

// 引入vue实例import Vue from './instance/index'// 引入全局apiimport { initGlobalAPI } from './global-api/index'// 引入环境处理方法import { isServerRendering } from 'core/util/env'// 引入vdom方法import { FunctionalRenderContext } from 'core/vdom/create-functional-compo

2021-10-31 23:22:22 189 1

原创 Jenkins安装环境要求

系统要求最低推荐配置:服务器配置256MB可用内存1GB可用磁盘空间(作为一个Docker容器运行jenkins的话推荐10GB)为小团队推荐的硬件配置:1GB+可用内存50 GB+ 可用磁盘空间软件配置:Java 8—无论是Java运行时环境（JRE）还是Java开发工具包（JDK）都可以。注意: Jenkins即可以使用普通服务器运行，可以使用Docker 容器运行...

2021-10-25 15:02:26 3879

原创 2021年vscode默认终端配置为Git Bash

2021年9月vscode中配置git bash为默认终端的方法：打开vscode 的setting.json 配置文件，增加下面的配置。 "terminal.integrated.automationShell.windows": "Git-Bash", "terminal.integrated.defaultProfile.windows": "Git-bash", "terminal.integrated.profiles.windows": { "Git-bash

2021-09-25 09:54:16 482

原创 powershell 命令汇总查阅

Function Get-StorageEnclosureFunction Get-StorageEnclosureStorageNodeViewFunction Get-StorageEnclosureVendorDataFunction Get-StorageExtendedStatusFunction Get-StorageFaultDomainFunction Get-StorageFileServerF

2021-06-18 19:53:06 873

原创 Nodejs获取系统信息

获取操作系统架构const os = require('os')console.log(os.arch) // 输出：X64获取系统CPU信息const os = require('os')console.log(os.cpus())输出信息：[ { model: 'Intel(R) Core(TM) i5-1035G1 CPU @ 1.00GHz', speed: 1190, times: { user: 7741906, nice:

2021-04-07 15:31:53 1617

原创 html调用系统功能

html调用系统功能<a href="tel:10086">拨打电话给10086小姐姐</a><a href="sms:10086">发送短信给10086小姐姐</a><a href="mailto:[email protected]">发送邮件给JowayYoung</a><!-- 选

2021-03-28 10:54:26 206

原创如何在 Vite 中进行按需引入 Vant 组件

Vue cli在 Vue Cli 中，我们可以通过 babel-plugin-import 插件实现按需引入，但在 Vite 中无法使用该插件。Vite其实在 Vite 中无须考虑按需引入的问题。Vite 在构建代码时，会自动通过 Tree Shaking 移除未使用的 ESM 模块。而 Vant 3.0 内部所有模块都是基于 ESM 编写的，天然具备按需引入的能力。现阶段遗留的问题是，未使用的组件样式无法被 Tree Shaking 识别并移除，后续vant团队会考虑通过 Vite 插件的方式进行支

2021-02-26 09:22:10 6053

原创 vite + vue3+ ts项目搭建

项目初始化项目搭建过程很简单，根据官方的教程一步步执行命令即可。步骤：npm init @vitejs/appcd vite-projectnpm installnpm run dev项目目录结构├── index.html├── vite.config.ts├── tsconfig.json├── package.json├── public│ └── favicon.ico└── src ├── App.vue ├── assets │ └

2021-02-25 09:48:11 1593

原创 webpack更新

更新方法npm update npm update -D更新前配置更新后配置问题webpack大版本号不会更新原因：更新模块只能更新到小版本号最新的那个版本，不能更新大版本号。一个模块的版本号由三部分组成：大版本号.小版本号.次版本号解决办法：强制改写package.json中的版本号并执行下载命令：npm install [email protected]...

2021-02-19 14:52:47 1608

原创 TypeError: this.getOptions is not a function at Object.lessLoader问题

解决办法重新安装指定版本的less和less-loadernpm install [email protected] [email protected] -s问题原因应该是webpack和less-loader版本兼容问题导致的

2021-02-19 14:25:06 4692

原创如何设置安卓webview缓存

WebSettings方法WebSettings用于管理WebView状态配置，当WebView第一次被创建时，WebView包含着一个默认的配置，这些默认的配置将通过get方法返回，通过WebView中的getSettings方法获得一个WebSettings对象，如果一个WebView被销毁，在WebSettings中所有回调方法将抛出IllegalStateException异常。配置项解释1，LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据2，LOAD_DEFAULT: 根据

2021-02-04 09:30:55 1851

原创程序员常用入门项目整理

spring 入门项目白卷：https://github.com/Antabot/White-JotterVue入门项目vue-admin-template：https://github.com/PanJiaChen/vue-admin-templateReact 入门项目react-admin：https://github.com/marmelab/react-admin

2021-02-02 16:39:15 298

原创 js使用递归函数对字符串逆序

js使用递归函数对字符串逆序问题用 JavaScript 写一个函数，输入 int 型，返回整数逆序后的字符串。如：输入整型 1234，返回字符串“4321”。要求必须使用递归函数调用，不能用全局变量，输入函数必须只有一个参数传入，必须返回字符串。解答下面是一些小伙伴的答案方法一：function fun(num){ let num1 = num / 10; let nu...

2019-07-05 10:35:55 1947

原创 vue中父子组件传值有几种方法？

propsevent bus$emitvuexstorageprovide/inject(优点是不用层层传递了)

2019-07-02 14:11:12 3641

原创前端在端和可视化方向需要关注的内容

互动容器引擎框架平台可视化智能化数据联动webview内核渲染引擎新标准

2019-07-02 12:30:29 484

原创 webpack5新特性总结

官方描述：使用持久化缓存提高构建性能；使用更好的算法和默认值改进长期缓存（long-term caching）；清理内部结构而不引入任何破坏性的变化；引入一些breaking changes，以便尽可能长的使用v5版本。通俗版描述：减小打包后的文件体积按需加载支持文件名模式使用long-term caching解决生产环境下moduleIds & chunkIds变化...

2019-07-02 12:04:23 4133 1

原创小程序系列--如何使用分包加载

在小程序开发的过程中，小程序的体积会随着版本的迭代变的越来越大，这时候我们就希望能够将小程序分成多个包从服务器下载，这样既可以加快首屏的渲染也便于后续按需加载的实现。小程序在微信客户端 6.6.0，基础库 1.7.3 及以上版本开始支持分包功能。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分...

2019-05-21 23:19:12 8839

原创小程序系列--如何配置页面属性

简介每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。页面配置中只能设置 app.json 中 window 对应的配置项，以决定本页面的窗口表现，所以无需写 window 这个属性。属性文件内容为一个 JSON 对象，有以下属性：配置示例{ "navigationBa...

2019-05-21 00:16:59 774

原创小程序系列--项目配置

全部配置项小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象，总共有15个属性可以配置，如下：常用配置项常用的配置项包括页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。{ "pages": ["pages/index/index", "pages/logs/index"], "window": { "na...

2019-05-18 09:15:24 1438

原创 vscode+ flutter+android studio开发环境搭建

环境要求由于Flutter SDK和Android Studio以及后续安卓模拟器体积很大，所以建议C盘的空间至少要有10G以上的可用空间。下载Flutter SDK进入Flutter官网下载最新版本的Flutter SDK，如果遇到网络问题，请百度解决。下载完成后，解压得到下面的文件夹，为了避免windows环境下的路径问题，所以我把flutter文件夹解压到了C盘根目录下。将flu...

2019-05-14 23:24:36 3937

原创 js刷新页面的几种方法

在前端开发过程中，我们经常需要通过刷新当前的页面来实现某些功能，一起来了解下前端刷新页面有哪些方式呢？reload刷新法reload方法，用来强制浏览器刷新当前页面。语法：loaction.reload([bForceGet])参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 ...

2019-05-14 10:35:34 32152 4

原创 python每日进阶--python实现九九乘法表

这篇文章用来记录使用python实现一个九九乘法表#!coding:UTF-8#\t 制表符，\n 换行符#九九乘法表 i =1while i<10: j =1 print() while j<i+1: print("%s*%s=%s " %(i,j,i*j),end="\t") #\t 制表符 j+=...

2019-05-07 07:52:54 665 1

原创 HTTP状态码

状态码的职责是当客户端向服务器端发送请求时，描述返回的请求结果。借助状态码，用户可以知道服务器端是正常处理了请求，还是出现了错误。常用状态码常用的状态码一般有14种：2xx成功3xx重定向3XX 响应结果表明浏览器需要执行某些特殊的处理以正确处理请求。4xx客户端错误4XX 的响应结果表明客户端是发生错误的原因所在5xx服务端错误5XX 的响应结果表明服务器本身发生错误...

2019-05-06 22:08:35 141

原创 HTTP总结

HTTP基础HTTP 协议和 TCP/IP 协议族内的其他众多的协议相同，用于客户端和服务器之间的通信。请求访问文本或图像等资源的一端称为客户端，而提供资源响应的一端称为服务器端。HTTP 协议规定，请求从客户端发出，最后服务器端响应该请求并返回。换句话说，肯定是先从客户端开始建立通信的，服务器端在没有接收到请求之前不会发送响应。...

2019-05-05 13:58:36 183

原创 TCP/IP五层模型和OSI七层模型

TCP／IP五层模型和OSI七层模型Tcp/IP模型的各层的作用主要是为传输的数据添加不同数据协议格式的头部和尾部信息，对传输的数据进行包装和编码，最终通过物理层以二进制码的形式进行传输。例如：0010101010…，下图说明了TCP/IP模型和OSI模型的对应关系：OSI七层模型解释...

2019-05-03 23:08:13 745

原创 Flutter简介

Flutter简介Flutter特点Google 出品使用Dart语言开发支持跨平台，高性能，使用自绘渲染引擎特点详解1.高性能2.快速内存分配Flutter框架使用函数式流，这使得它在很大程度上依赖于底层的内存分配器。因此，拥有一个能够有效地处理琐碎任务的内存分配器将显得十分重要，在缺乏此功能的语言中，Flutter将无法有效地工作。当然Chrome V8的Java...

2019-04-25 23:20:09 1035

原创 Mac下Smb的使用

在Mac上使用Smb 连接其他共享盘教程打开Mac的Finder按下command + k组合键，调出服务器搜索器在弹出的表单种填写搜索的IP地址，例如： smb://11.10.11.55，然后点击连接按钮或回车如果IP地址正确会有一个弹窗出现，请在弹窗中填写用户名和密码（某些情况下需要运维同学重置密码，所以先找运维同学确定下你的账户是否正常）接下来就可以愉快的玩耍了...

2019-04-24 08:01:24 24039 1

原创 Docker下安装Solr

下载镜像执行：docker pull solr:7.5.0启动Solr容器执行：docker run --name my-solr -d -p 8983:8983 -t solr:7.5.0访问Solr管理后台在浏览器中打开http://localhost:8983/solr/#/，即可进入solr管理界面新建SolrCore新建solrCore,名称为mycore,执...

2019-03-15 22:30:41 4078

原创 Docker for windows 教程

下载和安装第一步：下载docker安装包（链接：https://www.docker.com/get-started）第二步：安装，双击下载好的安装包安装完成开始入门进入开始页面，同时，打开一个cmd窗口，鉴于国内网络问题，后续拉取Docker镜像十分缓慢，需要配置国内镜像加速，在系统右下角托盘Docker 图标内右键菜单选择Settings，打开配置窗口后左侧导航菜单选...

2019-03-15 07:50:58 4057 4

原创 thinkjs之事务的使用

核心：实例化model在model层使用事务使用try...catch方法module.exports = class extends think.Model { async addData() { // 如果添加成功则 commit，失败则 rollback try { await this.startTrans(); const resu...

2019-03-05 12:36:47 1168

原创 angular学习之安装和构建项目

开发环境nodejs版本大于8.0第一步：安装 Angular CLI要想使用 npm 来安装 CLI，请打开终端/控制台窗口，并输入下列命令：npm install -g @angular/cli第二步：创建工作区和初始应用运行 CLI 命令 ng new，并提供一个名字 my-app，如下所示：ng new my-appng new 会提示你要把哪些特性包含在初始的应用项...

2019-02-23 21:01:23 213

原创 react学习之jsx学习

jsx简介JSX是一种 JavaScript 的语法扩展。官方推荐在 React 中使用 JSX 来描述用户界面。JSX 乍看起来可能比较像是模版语言，但事实上它完全是在 JavaScript 内部实现的。jsx中表达式的使用你可以任意地在 JSX 当中使用 JavaScript 表达式，在 JSX 当中的表达式要包含在大括号{}里。你可以像下面这样使用jsx:function fo...

2019-02-23 00:04:28 212

原创 Cookie、Session、Token和Authorization

浏览器和服务器之间的交互校验一般有四种方式：Cookie、Session、Token和Authorization。它们的交互方式可以用下面的图来表示：浏览器CookieTokenAuthorizationSession服务器Token和Authorization数据结构Token字符串AuthorizationSession 数据结构Sessionprefix前缀time有效期path路...

2019-02-14 00:28:36 3386

原创 Ant Design中getFieldDecorator的使用

原因在使用ant design进行react项目开发时，我们经常会用到form表单组件，在刚开始使用时，可能会遇到这样一个问题：Warning: You cannot set a form field before rendering a field associated with the value.，这个问题是由于Form 组件中Form.Item的初始值的设置造成的。解决办法使用ini...

2019-01-29 12:48:10 19340

原创 JavaScript数据类型

JavaScript数据类型引用类型基本类型数字Number布尔Boolean空Null未定义Undefined字符串StringSymbol对象Object函数Function数组Array

2019-01-28 22:47:32 146

原创资本的本性

资本的本性是什么呢？如果有20%的利润，资本就会蠢蠢欲动；如果有50%的利润，资本就会冒险；如果有100%的利润，资本就敢于冒绞首的危险；如果有300%的利润，资本就敢于践踏人间一切的法律！...

2018-12-15 11:06:03 2144 1

原创 laravel中config函数的使用

config的作用laravel中config文件主要用来添加一些配置信息，例如app.php，auth.php，mail.php，view.php等等。config的目录结构默认的目录结构为：config定义的方法在laravel的config中添加配置文件（比如：auth.php）文件内容为return数组的形式，例如：<?php return [ ...

2018-11-19 15:00:26 4542

原创 window下composer的安装教程

环境phpstudyphp 7.2.1thinkphp5.1安装过程提示：下面的命令都是在系统的cmd中执行第一步打开浏览器，将下面的链接复制到地址栏，这样可以下载得到composer的phar文件。https://install.phpcomposer.com/composer.phar第二步找到并进入 PHP 的安装目录（和你在命令行中执行的 php 指令应该是同一套...

2018-11-15 12:59:38 213

原创 python每日进阶--创建django项目

2018-11-06 22:59:02 190

原创 nuxt项目中使用百度统计

第一步：登录百度统计官网获取统计代码第二步：在nuxt项目中plugin目录下新建baidu.js文件第三步：在baidu.js文件中添加下面的代码export default ({ app: { router }, store }) => { router.afterEach((to, from) => { /* 告诉增加一个PV */ try { ...

2018-11-04 08:45:12 4867 3

空空如也

空空如也