- 博客(38)
- 收藏
- 关注
RSS订阅原创 uniapp 离线打包 plus.runtime.install 安装页面不弹起
贴一下下载代码；云打包正常可以调起安装页面，离线打包无法调起；最终原因：
2023-09-21 17:54:09
2100
2
原创 uni-app 安卓打包流程； 未获取AppKey或配置错误
打包后安装应用提示: 未获取AppKey或配置错误；移步最下边第7节uni-app 安卓打包流程（预备环节）：1. 安装 SDK 和 android studio2. 申请证书获取Appkey3. （第一步和第二步按照uni-app官方文档都可以顺利完成）官方文档 https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android?id=versionCode建议下载官方的SDK 会包含 HBuilder-Integrate-AS 项目（在 an
2021-12-04 00:09:23
5593
原创 uniapp-动态主题-使用动态scss变量切换主题
先看效果以上是两种主题方案进入实现方法和讲解原理： <view class="dark-bg" :style="{'--text-color': color}"> // 注意这里的 text-color <view class="h2">测试组件</view> <view> <select-theme></select-theme> </view> <view
2021-11-13 15:10:46
10243
18
原创 video标签；浏览器溢出功能禁用；三个点中的功能禁用；禁用罕见的功能‘播放速度‘；禁用右键；
video标签；浏览器溢出功能禁用；三个点中的功能禁用；禁用罕见的功能’播放速度’；禁用右键；video 自带了一些功能：因为项目需要做一些权限，这些功能回影响到做的权限，所以需要禁用先说我遇到的：下载功能在 video 标签添加 controlslist 属性值设置为 nodownload 即可隐藏播放速度功能其余的网上都可以找到对解决方案，唯独这个找了很久，最后也是被迫查看了源码；在 video 标签添加 controlslist 属性值设置为 noplaybackrate 即可隐藏
2021-09-22 10:15:10
2824
1
原创 flutter 基础类 样式 盒子 网络图片 本地图片
flutter 样式记录 (作用:方法或属性 的形式) (前端基础速查)“#” 表示于 css, html 这种 web 前端属性的关联文本与盒子文本容器 Text()#span Text('hello flutter')垂直水平居中 Center()# 父元素 justify-centent:center; align-items: center Center(Text('hello flutter'))块(容器|盒子)块元素 Container()#div
2021-09-18 11:04:07
144
原创 vue-video-player 组件的使用 video.js 配置与方法详情 文档
vue-video-player 组件的使用安装cnpm i vue-video-player --save示例<template> <div> <vue-video-player class="video-player-box" ref="videoPlayer" :options="playerOptions" :playsinline="true" customEventName="cust
2021-09-02 16:22:35
6458
原创 vscode 中，vue import @ 路径提示
@ 路径提示效果1. 下载插件 Path Intellisense名称: Path IntellisenseID: christian-kohler.path-intellisense说明: Visual Studio Code plugin that autocompletes filenames版本: 2.4.0发布者: Christian KohlerVS Marketplace 链接: https://marketplace.visualstudio.com/items?itemN
2021-08-30 10:53:45
2361
原创 SQL的排序和常见函数-练习记录
进阶3： 排序查询/* order by 排序列表【asc||desc】 */案例： 实现工资从高到低SELECT * FROM `employees` ORDER BY `salary`;案例：查询部门编号>=90的员工信息，按入职时间进行排序SELECT * FROM `employees` WHERE `department_id` >= 90 ORDER BY `hiredate` ASC;案例：按照年薪的高低显示员工的信息和年薪SELECT *, `salary
2021-08-24 17:40:39
201
原创 mySQL 常见命令 基础命令以及SQL语句； 起别名；去重；条件运算符；逻辑运算符；模糊查询；连接数据库
mySQL 常见命令1. 连接数据库mysql -h服务名 -P端口号 -u用户名 -p密码2. 查询 mySQL 都有哪些数据库show databases;3. 进入某个数据库use 库名;4. 查看数据库中都有哪些表show tables;5. 通过库名查询数据库中都有那些表show tables from 库名;6. 查看当前处于哪个库中SELECT database();7. 创建表create 表名(列名 列数据类型, 列名 列数据类型 ...);8
2021-08-24 11:38:48
151
原创 electron-vue 安装步骤-以及electron:build报错问题-vue 桌面应用
第一步：首先确保已安装vue最新脚手架 @vue.cli没安装可通过以下命令安装cnpm i @vue/cli -g安装 @vue/cli-init通过以下命令安装cnpm i -g @vue/cli-init执行命令创建 electron-vue 项目 my-init-electron 为项目名vue init simulatedgreg/electron-vue my-init-electron至此就是一个 electron-vue 的项目 可以使用cnpm i 下..
2021-06-29 17:12:33
1793
原创 vsCode插件
vsCode前端开发插件名称: A-super-comprehensiveID: xuedao.super-comprehensive说明: 代码补全合集(vue-webpack-bootstrap-node-mui-html-js-jquery-php-css-react-native)版本: 1.9.8发布者: 雪导VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=xuedao.super-comp
2021-06-18 23:18:02
369
1
转载 webpack配置-devServer详细配置-proxy跨域（vue+react都可以使用的跨域代理方式）
webpack配置-devServer详细配置-proxy跨域（vue+react都可以使用的跨域代理方式）比较上一篇博客的webpack.config.js文件仅更新了resolve对象；webpack配置-resolve常用配置.const { resolve } = require("path");// 路径处理const htmlWebpackPligins = require("html-webpack-plugin");// html模板const { CleanWebpackPlugi
2021-05-03 19:46:31
1385
转载 webpack配置-resolve常用配置
webpack配置-resolve常用配置比较上一篇博客的webpack.config.js文件仅更新了resolve对象；webpack配置-loader配置详情-module配置详情.const { resolve } = require("path");// 路径处理const htmlWebpackPligins = require("html-webpack-plugin");// html模板const { CleanWebpackPlugin } = require("clean-we
2021-05-03 19:21:16
554
转载 webpack配置-loader配置详情-module配置详情
webpack配置-loader配置详情-module配置详情比较上一篇博客的webpack.config.js文件仅更新了module对象链接: webpack配置–output常用配置详情-打包文件命名-抛出全局对象.const { resolve } = require("path");// 路径处理const htmlWebpackPligins = require("html-webpack-plugin");// html模板const { CleanWebpackPlugin } =
2021-05-03 18:03:48
376
原创 webpack配置–output常用配置详情-打包文件命名-抛出全局对象
webpack配置–output常用配置详情-打包文件命名-抛出全局对象参考上一篇文章：将webpack.config.js文件内容替换为下边代码内容即可运行const { resolve } = require("path");// 路径处理const htmlWebpackPligins = require("html-webpack-plugin");// html模板const { CleanWebpackPlugin } = require("clean-webpack-plugin")
2021-05-03 15:58:47
526
原创 webpack配置–entry(入口起点)详细配置-单入口|多入口
webpack配置–entry(入口起点)详细配置-单入口|多入口webpack配置开始需要准备：(按照步骤可运行)1、全局安装 webpack 和 webpack-cli 两个包;cnpm i webpack webpack-cli -g2、新建一个文件夹(不要有特殊字符)3、在当前文件夹人运行终端(cmd)：cnpm init -ycnpm i webpack webpack-cli html-webpack-plugin clean-webpack-plugin path -D//
2021-05-03 15:17:24
591
原创 webpack基础-简单配置详解
webpack基础-配置详解；webpack基础配置（单页面-只针对与配置释意，不针对与实际开发环境，可作为实际开发环境参考）目录结构publicindex.htmlsrcmain.js.eslintrc.jswebpack.config.jspackage.js配置的解释已经注释在代码中package.json文件代码{ "name": "production-config", "version": "1.0.0", "description": "zs
2021-04-09 16:46:20
142
原创 px转vw和rem配置-vue-行内样式px转vw和rem-----项目中无需出现rem单位；
前端适配-px转-rem； 最近在做一个pc端的后台管理系统，项目一期一批次已开发完毕，因为一批次没有适配要求，所以大框架时没有使用rem，业务现在又提出加入低分辨率适配； 苦思冥想后决定还是百度吧，网上有很多的博客和文章，但试了很多都不能实现；经过一段时间摸索，最后总算是ok了；此次配置使用的插件为 @moohng/postcss-px2vw 使用 ：npm i @moohng/postcss-px2vw --save 即可下载；配置：项目根目录新建一个 postcss.config.
2020-12-23 23:12:01
4147
9
原创 px转rem配置
前端适配-px转rem； 最近在做一个pc端的后台管理系统，项目一期一批次已开发完毕，因为一批次没有适配要求，所以大框架时没有使用rem，业务现在又提出加入低分辨率适配； 苦思冥想后决定还是百度吧，网上有很多的博客和文章，但试了很多都不能实现；经过一段时间摸索，最后总算是ok了；此次配置使用的插件为 @moohng/postcss-px2vw 使用 ：npm i @moohng/postcss-px2vw --save 即可下载；配置：项目根目录新建一个 postcss.config.j
2020-12-23 21:10:26
537
原创 tgz自动下包工具 npm 自动下包工具，内网自动批量下载tgz格式压缩包；
npm 自动下包工具，内网自动批量下载tgz格式压缩包； 在开发中有时会遇到比较保密的项目，因此不让使用外网，而当我们需要用到一些工具包时，就需要一个一个下载； 这里是在近期的一次开发中遇到的问题，在开发中我使用了一些版本较高的依赖包，工程进行了一般一半，usb口因公司规定被封闭，然而我下载的包的版本比较高，于是就导致生产环境时无法使用jenkins自动打包； 这里的解决方案就是首先统计出所有项目中依赖的包； 因为拉取依赖的时候大部分版本都是向上兼容 所以下载最新的就可以（不带版本号）
2020-10-30 23:48:14
3378
原创 微信小程序常用知识点
微信小程序[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dEpb5tol-1600061439777)(C:\Users\86183\AppData\Roaming\Typora\typora-user-images\image-20200629113215495.png)]应用程序主流架构前端面向客户，前端向后端发送http请求，获取数据前端分为pc端（桌面应用=>基于操作系统，web应用=>通过浏览器显示），移动端（h5，原生APP，基于app的二
2020-09-14 13:31:28
1194
原创 JS中的遍历方法
a、continue： 中断本次循环；b、return和break直接跳出循环。[](javascript:void(0)????// forvar arr = [1, 2, 3]for(var i = 0; i < arr.length; i++) { //do something};// for...of...for(var i of arr) { //do something};// for...in..for(var i in arr) { /
2020-09-14 13:30:27
153
原创 浏览器渲染机制，前端性能优化
List item######js会阻塞页面的渲染和解析；link标签会阻塞渲染但不阻塞解析；关于css阻塞： 声明：只有link引入外部css才能够产生阻塞1.style标签中的样式： (1). 由html解析器进行解析； (2). 不阻塞浏览器渲染（可能会产生“闪屏现象”）。 (3). 不阻塞DOM解析link引入的外部css样式(推荐使用的方式)：(1) 由css解析器进行解析。(2) 阻塞浏览器渲染（可以利用这种阻塞变“闪屏现象‘）(3) 阻塞其后面的..
2020-09-14 13:29:06
284
原创 ES6新增Set&Map数据结构
ES6中增加了两种数据结构Set&Map>灵活运用可以带来很棒的开发体验Map数据结构Map数据结构可以用于存储数据，数据是以[键:值]的方式存入，并且提供了一些可以用于操作的方法const map = new Map()可以用来生成一个Map，它可以用来保存键值对map.set(键名，值)通过此方法可以向Map中添加一条数据map.get(键名)可以通过此方法传入键名，取出对应的value其他增删改查的方法：size：返回Map对象中包含的键值对
2020-06-25 10:38:00
224
原创 https是什么_http与https的区别
https是什么？> https叫做超文本传输安全协议，比http多了安全两个字，他是在http的基础上加入SSL/TLS来进行数据加密，保护交互的数据不会被恶意窃取或者泄露；http与https的一些区别： 一、http是超文本传输协议，传输比较简单，数据应用层的信息传输；https则是具有SSL/TLS加密后的超文本传输安全协议，传递数据进行了加密，更加不容易被窃取 二、证书方面：http的传输不需要证书验证，而https的传输需要到证书颁发机构申请证书； 三、本质上它们是两种
2020-06-19 20:02:17
3245
原创 http是什么_作用以及报文详情_http的常见状态码
http是什么？一、http的定义： http(Hypertext transfer protocol)超文本传输协议，通过浏览器和服务器进行数据交互，进行超文本（文本、图片、视频等）传输的规定。也就是说，http协议规定了超文本传输所要遵守的规则。二、HTTP协议的特点： http叫做 **超文本传输协议 ** **是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范”。1、超文本 文本指的是文字，比如txt格式的文件中的文字就叫做文本，那么超文
2020-06-18 20:27:55
11534
原创 vue_elementUI_文件上传和图片上传
在写项目时遇到了文件和图片上传的一些需求网上找了一些上传方式，门槛普遍较高，不适合入学目前根据搜索到的方法，压缩出了一种特别简单的文件上传方式（只有上传，没有什么优化，适合初学者学习）使用的是vue框架和elementUI库第一种 使用它的action方法首先来看一段代码 <el-upload class="upload-demo" :headers="token" action="http://120.53.31.103:8.
2020-06-17 21:45:48
1068
原创 webpack中使用 Babel 处理 ES6 语法（2）
如果你的需求是要开发一个第三方的模块工具，那么不建议使用@babel/polyfill；因为它会污染你的全局变量这里换成 @babel/plgin-transform-runtime 配置前需要下载三个包npm install --save-dev @babel/plugin-transform-runtimenpm install --save @babel/runtimenpm install --save @babel/runtime-corejs2下载完成后添加它的配置然后这块代码就变成
2020-06-13 13:20:23
153
原创 webpack中使用 Babel 处理 ES6 语法（1）
Babel-loader是用来将ES6语法转换为ES5语法webpack使用babel需要下载下面两个库npm install --save-dev babel-loader @babel/coremodule: { rules: [ //查找js文件 排除node_modules 使用babel-loader { test: /\.js$/, exclude: /node_modules/, loader: "babel-loade
2020-06-13 13:18:01
315
原创 vue实现登录_获取token_拉取用户信息
vue实现登录_获取token_拉取用户信息一、接上之前封装和跨域的文章来简单进行登录页面功能 这里接上之前的；第一步//封装好的接口文件、获取的是一个模拟的接口import { login } from './API_TYPE'//封装的axios的post方法import { POST } from './request'在这里默认抛出一个匿名函数并准备接收*用户名*和*密码*export default function (username, password) { //返回这个
2020-06-09 18:41:35
4146
原创 使用前端代理实现跨域_devServer.proxy
使用前端代理实现跨域_devServer.proxy一、什么是跨域？ 跨域就是 协议、域名、端口号 其中有一个不同就属于跨域； 跨域的存在是为了提高我们服务器数据的安全性二、如何跨域？ 基于我使用的是vue框架，所以要在根目录创建一个名为vue.config.js的文件 其中的跨域配置就是在devServer.proxy中module.exports = { //打包时静态资源的源地址指向 publicPath: "./", devServer: {//服务相关
2020-06-07 17:19:47
824
原创 续axios封装后加入请求拦截和响应拦截
axios求情拦截和响应拦截上篇文章发布了axios封装的方法本篇分享axios拦截，跨域在下一章拦截也和promise相关直接上整个request.js文件的代码import axios from 'axios'/* API封装 *//* get方法 */var GET = function (url, data = "") { return new Promise((resolve, reject) => { axios.get(url, {
2020-06-06 15:27:46
2023
原创 vue_Promise对axios封装_前端代理跨域
vue_Promise对axios封装_前端代理跨域通常我们在前端开发中会使用到框架之一：vue框架在vue中，作者推荐我们在请求数据是使用axios相关模块；在实际的开发中接口量大，若不封装，需求或借口发生变化一个个改就会很麻烦；所以在项目的开发前建议使用Promise对axios进行封装：第一步-封装首先是get请求，先上代码，再进行解释import axios from 'axios'/* API封装 *//* get方法 */var GET = function (url,
2020-06-06 15:12:46
1259
原创 Redux Redux 核心原理 state
Redux Redux 核心原理 statethis.state ={todos: [{text: ‘Eat food’,completed: true}, {text: ‘Exercise’,completed: false}],visibilityFilter: ‘SHOW_COMPLETED’}组件状态改变是因为本身state发生setState（）actionaction对象，描述要对组件的state做什么样的操作{type: ‘ADD_TODO’,text: ‘Go
2020-06-06 14:40:21
457
原创 react--webpack webpack的安装和基本使用 ES6语法
React 第一天 目标 熟悉 webpack的安装和基本使用.CSS、.SCSS 文件类型ES5、ES6 语法JSX 语法webpackwebpack是一个 Javascript 应用程序的静态模块打包器，当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。它做的事情是：分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scs
2020-06-06 14:39:44
350
原创 React 目标 了解组件以及组件的封装
React 目标 了解组件以及组件的封装组件通信childrendefaultPropsReactReact.js 是一个帮助你构建页面 UI 的库。React.js 将帮助我们将界面分成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，就成了我们的页面。一个组件的显示形态和行为有可能是由某些数据决定的。而数据是可能发生改变的，这时候组件的显示形态就会发生相应的改变。而 React.js 也提供了一种非常高效的方式帮助我们做到了数据和组件显示形态之间的同步。React.js 不是
2020-06-06 14:38:54
591
原创 码云仓库.ssh公钥
码云仓库.ssh公钥一、获取公钥windows系统自带保存密码功能，如果 mac 没有自带保存密码功能怎么办？ https 没有记住就帐号，每次登录时都要输入帐号密码，就很浪费时间。 ssh 可以避免每次添加用户名密码。生成密钥1 进入当前用户的家目录 ~2 $ cd ~4 如果有.ssh 目录，则删除.ssh 目录5 $ rm -rvf .ssh7 运行命令生成.ssh 密钥目录8 $ ssh-keygen -t rsa -C mengxuegu666@163.com9 [注意：这里-
2020-06-06 14:37:50
314
原创 mock数据（模拟后台数据）
**mock数据（模拟后台数据）**1.将 data.json 文件拷贝到 sellapp 目录下（与 index.html 同级）模拟的数据请求是从 data.json 中读取数据，接下来就来编写这些接口。2.在 webpack.dev.conf.js 中添加以下代码：此次开发过程需要去本地数据地址进行请求，而原版配置在 dev-server.js 中，新版 vue-webpack-template 已经删除 dev-server.js，改用webpack.dev.conf.js代替，所以配置
2020-06-06 14:35:45
838
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人