- 博客(10)
- 收藏
- 关注
原创 vue2项目配置环境变量
一、环境变量干啥用的我们学习它肯定就是要用它,说个最常用的例子吧,我们请求的地址在开发线、测试线、和正式线中,肯定是不一样的所以每次打包之前去改就显得很麻烦,它就是用来干这个的帮我们解决这个问题。废话少说,立马开干二、配置环境变量首先我们需要在项目根目录下创建你所需要的环境变量名字为.env.xxxx,前面.env是固定的后面可以自定义,这里我定义了三个.env.development 开发.env.test 测试.env.production 生产三、定义变量只有VUE_APP开头的变
2022-04-18 18:53:59
4174
原创 vue2移动端适配
插件1. postcss-pxtorem2. amfe-flexiblepostcss-pxtorem坑有点多,需要指定版本这里使用5.1.1在项目跟目录创建postcss.config.js配置如下代码(这里只做最基础的,还有很多配置可自行上网查询)module.exports = { plugins: { 'postcss-pxtorem': { rootValue: 75, propList: ['*'], }
2022-04-18 17:59:08
776
原创 Vite + vue3配置打包后移除console及debugger
vite已经配置好了,废话少说 直接上代码import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()], build: { minify: 'terser', terserOptions: { compress: {
2022-04-15 18:17:57
2400
4
原创 微信小程序长按保存图片
### 先看效果图这里使用电脑端做录屏,在真机测试一样好用正常保存图片可以又两种做法:* 长按图片直接保存* 长按图片弹出菜单保存我们这里讲最直接的方法也就是第一个种长按图片直接保存### 实现bindlongpress:长按事件wx.getImageInfo:获取图片信息方法wx.saveImageToPhotosAlbum:保存图片到相册方法注意:saveImageToPhotosAlbum这个方法不支持网络地址,所以需要getImageInfo方法,转.
2021-10-15 22:27:36
1554
原创 CSS属性值的计算过程(a标签不变色不继承问题)
首先我们先了解一下什么是属性值的计算过程一个元素,从所有属性都没有值,到所有的属性都有值,这个计算过程要属性值计算过程。属性值的计算过程一共分为四部:确定声明值:参考样式表(作者样式表、浏览器默认样式表)中没有冲突的声明,作为CSS属性值层叠冲突:对样式表有冲突的声明使用层叠规则,确定CSS属性值使用继承:对仍然没有值的属性,若可以继承,则继承父元素的值使用默认值:对仍然没有值的属性,使用默认值特殊的两个CSS取值:inherit:手动继承,将父元素的值取出应用到该元素init
2020-06-15 19:45:31
342
原创 JS预编译(预编译,函数声明提升问题,一篇足矣)
前言相信学习过js的人都听说过这两句话:函数声明整体提升变量声明提升这两句话是预编译的简化版,当然只会这两句话做项目的过程遇到一些问题时没有办法解决的,那么本篇就从原理讲这个预编译,学完本篇保证预编译的面试题、以及项目中的bug,通通解决。一、Js运行过程首先我们要学习Js的运行过程,这样才会更容易理解这个预编译,我们都知道Js是单线程的解释性语言。Js运行总共有三部:语法分析:在运行之前先给你检测一遍你这个代码,保证你能运行预编译:在函数执行的前一刻,会创建一个叫做执行期上下文的(
2020-06-15 19:24:43
381
原创 Flutter环境搭建win10系统2020年最新版
前言Flutter从出生到现在已经出现了一年多,现在学习Flutter的程序员也越来越多,那么这个Flutter环境搭建是有很多坑的,本人在最开始在网上了找了好多教程,也试了试结果发现网上的教程大多都是19年的版本过于老,我照了他们的方法试了试也不太好用,本人在安装过程中也是踩了很多坑,所以打算把环境搭建这个步骤给大家分享一下,帮助大家脱坑,那么本篇文章是win10的系统 从环境搭建到项目运行,那么在之后呢本人也会不断更新flutter的教程,如果觉得本篇文章对你有用或者你也有兴趣学习flutter那么不
2020-06-09 22:08:27
744
1
原创 Flutter使用自定义icon
前言在flutter中,为我们提供了大量的icon字体图标,当这些图标满足不了我们时,我们就需要使用自定义的icon图标。作为演示,本文章的字体图标文件是在阿里巴巴图标库,下载的。一、下载自定义的icon文件在阿里巴巴图标库中,找到自己需要的图标添加至项目中,进行下载下载后是一个压缩包,解压后我们在这里只需要这两个文件我们把后缀名为:.ttf 的文件放到flutter文件的assets/...
2020-03-13 16:43:44
6689
原创 Js实现Blob视频加密(附代码,精讲)
Js实现Blob视频加密(附代码,精讲)一、原理把video的src属性以blob形式给显示出来,这样就可以实现加密效果。示例效果如下:二、过程利用Ajax方法,请求一个视频地址,并设置返回值为Blob类型把请求的数据传给video的src属性video接收到src属性后,就立即释放请求到的数据,以免泄露。三、示例代码 <video id="my-video" clas...
2019-12-21 16:39:41
4134
7
原创 输入一个三位正整数,然后反向输出
输入一个正整数,然后反向输出今天在复习js的时候,看到了一道练习题,题目:编写一个程序输入一个三位数,输出的结果相反,如:输入456,输出654由于,这道题是在学习运算符和循环语句的时候出的,我就运用了一个简单适用的方法,下面是示例代码: var n = Number (prompt("input")) // 把获取的数值转换为数字类型,方便计算 ...
2019-11-26 11:50:41
9790
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人