首页
写过的文章
Search
1
mock的基本用法
725 阅读
2
js的数组常用方法
703 阅读
3
cnpm安装教程
581 阅读
4
能有效解决问题的提问方法2.0
564 阅读
5
Vue、git指令
496 阅读
默认分类
JavaScript
Vue
TypeScript
登录
Search
标签搜索
底部导航
tabbar
底部导航栏
vue3隐藏底部导航栏
vue3隐藏tabbar
网页
黑白
网页黑白
cnpm安装
cnpm
Z的故事
累计撰写
23
篇文章
累计收到
135
条评论
首页
栏目
默认分类
JavaScript
Vue
TypeScript
页面
写过的文章
搜索到
7
篇与
默认分类
的结果
2022-12-02
关于控制整个页面黑白
关于如何控制将H5网页整个黑白这件事情在样式中添加下面属性就可以了-webkit-filter: grayscale(.95); // 也可以百分比grayscale(95%) 兼容-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 顺便介绍一下 CSS3的滤镜 -webkit-filter-webkit-filter用法是标准的CSS写法,如:-webkit-filter: blur(2px); -webkit-filter 支持的效果有:blur 模糊-webkit-filter: blur(2px);// 只能百分比brightness 亮度-webkit-filter: brightness(20%);// 可以超出100% 百分比越高越亮contrast 对比度-webkit-filter: contrast(50%);// 范围越大代表对比越大drop-shadow 阴影-webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));grayscale 灰度-webkit-filter: grayscale(95%);// 同上opacity 透明度-webkit-filter: opacity(50%);sepia 褐色-webkit-filter: sepia(100%);invert 反色-webkit-filter: invert(100%); // 颜色反过来saturate 饱和度-webkit-filter: saturate(1000%);hue-rotate 色相旋转-webkit-filter: hue-rotate(180deg);
2022年12月02日
394 阅读
0 评论
0 点赞
2022-11-15
cnpm安装教程
打开cmd安装cnpm,输入以下命令:npm install -g cnpm --registry=https://registry.npm.taobao.org输入cnpm -v ,检测是否正常cnpm@8.4.0 (C:UsersAdministratorAppDataRoamingnpmnode_modulescnpmlibparse_argv.js)npm@8.19.3 (C:UsersAdministratorAppDataRoamingnpmnode_modulescnpmnode_modulesnpmindex.js)node@16.17.1 (D:Program Filesnodejsnode.exe)如果在使用viscode中发现一下错误原因cnpm : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关 详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + cnpm install + ~~~~ + CategoryInfo : SecurityError: (:) [],PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess PS F:\renren-fast-vue> power shell power : 无法将“power”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保 路径正确,然后再试一次。 所在位置 行:1 字符: 1 + power shell + ~~~~~ + CategoryInfo : ObjectNotFound: (power:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException cmd检测出安装安装成功却还是报错window+R调出,输入PowerShell调出面板输入 set-ExecutionPolicy RemoteSigned 回车根据提示,输入A,回车基本这个时候就可以正常使用cnpm安装指令了有任何问题欢迎评论区踊跃发言!
2022年11月15日
581 阅读
26 评论
0 点赞
2022-10-06
斐波那契数列
什么是斐波那契数列?前两个数字的之和等于第三个数字,比如:0 1 1 2 3 5 8 13 21 ...代码如下:方法一:package a02_fbo; public class Main { public static int fib1(int n) { if (n <= 1) return n; return fib1(n - 1) + fib1(n - 2) } public static void main(String[] args) { System.out.print(fib1(0)); // 结果 0 System.out.print(fib1(1)); // 结果 1 System.out.print(fib1(2)); // 结果 1 System.out.print(fib1(3)); // 结果 2 System.out.print(fib1(4)); // 结果 3 } } 上面方法的话在计算结果上不会出现问题,但逻辑过于简单,如果出现再大一些的数字,会出现卡顿!这是因为栈的空间不够支撑那么大的计算量,溢出了!方法二:package a02_fbo; public class Main { public static int fib1(int n) { if(n <= 1) return n; return fib1(n - 1) + fib1(n - 2); } public static int fib2(int n) { if(n <= 1) return n; int frist = 0; int second = 1; for (int i = 0; i < n - 1; i++) { int sum = frist + second; frist = second; second = sum; } return second; } public static void main(String[] args) { System.out.print(fib2(64)); // 结果 1640636603 } } 这样写不管多大的数字都能快速给出打印结果
2022年10月06日
421 阅读
0 评论
0 点赞
2022-09-18
mock的基本用法
什么是mock增加测试的真实性,可以模拟各种数据mock的用法比较简单而且不会涉及跨域问题方便扩展支持扩展更多数据类型,支持自定义函数和正则。mock在使用之前,通常前端要和后端沟通数据接口结构和数据类型不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据数据类型丰富有随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等目前基本都是前后端分离开发,前端和后端并行同时开发,可以通过mock数据来解决后端接口没有写好的问题mock的使用(vue)第一步: 引入mockjs插件npm install mockjs -S // 或者 cnpm yarn都可以 第二步: 在scr下创建一个文件夹,用于存放模拟的数据的文件(src/mock/index.js)const Mock = require("mockjs"); let data = Mock.mock({ "data|6": [{ //生成6条数据 数组 "shopId|+1": 1, //生成商品id,自增1 shopMsg: "@ctitle(10)", //生成商品信息,长度为10个汉字 shopName: "@cname", //生成商品名 , 都是中国人的名字 shopTel: /^1(5|3|7|8)[0-9]{9}$/, //生成随机电话号 shopAddress: "@county(true)", //随机生成地址 "shopStar|1-5": "★", //随机生成1-5个星星 "salesVolume|30-1000": 30, //随机生成商品价格 在30-1000之间 //生成随机图片,大小/背景色/字体颜色/文字信息 shopLogo: "@Image('100x40','#c33', '#ffffff','小北鼻')", "food|2": [{ //每个商品中再随机生成2个food foodName: "@cname", //food的名字 //生成随机图片,大小/背景色/字体颜色/文字信息 foodPic: "@Image('100x40','#c33', '#ffffff','小可爱')", "foodPrice|1-100": 20, //生成1-100的随机数 "aname|2": [{ aname: "@cname", "aprice|30-60": 20, }, ], }, ], }, ], }); Mock.mock(/goods\/goodAll/, "post", () => { //三个参数。第一个:路径,第二个:请求方式post/get,第三个:回调,返回值 return data; }); 第三步: 需要在入口主文件 main.js中,引入这个模拟数据的文件import "./mock/index.js" 第四步: 在页面中,我们直接可以进行axios请求(正常是封装在api中,便于后期维护)<template> <div id="app"> <button @click="getTeachFn">请求mock</button> <router-view /> </div> </template> <script> import axios from "axios"; export default { components: {}, data() { return {}; }, created() {}, mounted() {}, methods: { //点击事件 getTeachFn() { axios.post("http://localhost:8080/goods/goodAll").then((res) => { console.log(res); }); }, }, }; </script> 第五步: 直接在页面中点击按钮获取请求过来的数据看这里mock.js仓库非mock规则示例
2022年09月18日
725 阅读
33 评论
0 点赞
2022-09-16
能有效解决问题的提问方法2.0
转载至 萧井陌 萧井陌不会提问就很难通过问问题解决问题,失败的提问无论对于你还是对于看问题的人来说是严重的身心伤害。我不常问问题,但我是身经百战了,见的低质量问题太多了,今天我感觉很有必要传授一点提问的经验。先来看看常见的低效做法这里复现一下通常情况下,大家提问前的场景想做一件事设计一套方案(或者不设计方案,先尝试想一些看起来有用的事)按方案(直觉)开始实际去做做到某一步的时候被一个问题卡住了自己想办法尝试解决发现自己解决不了,就找人问在这之后,很多人提问时,我往往能够发现这样一些问题信息不全(只给出自认为有问题的地方,不给出完整信息)目的不明确(声称目的是想做一件事,其实是想通过这件事达到其他真正的目的)沉迷于细节(自己解决问题的过程中钻牛角尖,拘泥于不重要的细节,导致不反复提问就无法解决问题,浪费时间)提供不完整或不实信息(为了面子,或者出于对对方的不完全信任,隐藏或编造某些信息,导致问题解决不了)一个典型的反面例子:[还未学会正确提问的楼主]: 萧大 你有web服务器 方面的资料么 想用Python 构建一个 web服务器 [萧井陌]: 打开百度 输入 python web 服务器 做个预研再来问人吧....... 不要把别人当搜索引擎[还未学会正确提问的楼主]: 我知道 搜索过 不会犯 这种低级错误 都老司机了 我想让你推荐个 比较系统的web服务器 理论上的书籍之类的 [萧井陌]: 你意思是你想造一个web服务器? 那为啥不能直接问呢?[还未学会正确提问的楼主]: 是的 想造一个简单的 web服务器 轮子 [萧井陌]: 你就搜 用python写web服务器或者直接看flask初版源码[还未学会正确提问的楼主]: 搜了 找到一个老外的 伯乐网翻译的 正在看 [萧井陌]: 那你还有什么问题呢?[还未学会正确提问的楼主]: 想问你 有木有更系统一点的 [萧井陌]: 没有 这个世界上最系统的东西就是教育部的大纲、教材和配套习题 因为政府收税 并且有责任心 如果你能把你的话一次性描述清楚还需要这么麻烦地浪费双方的时间吗?「我想自己用python造一个web服务器的轮子,通过搜索我找到了一个外国教程的中文翻译版,我想问一下是否有更系统的资料?」 你如果这样问不就可以一次性解决你的问题了 你开心别人也开心 这样的话我就可以直接回你 没有 而不用诱导性地问出所有的前置条件 不要觉得我是在敷衍打压你这是很重要的技能 如果你能认真思考这段话,将会得到一笔宝贵的财富接下来看看有效的做法在一个双赢的提问中,需要注意以下原则尽量完整的给出问题相关信息,不要遗漏和隐瞒让自己的眼光回到全局,而不要局限在细节中不要忘记自己的最初目标,以免解决问题的过程中走偏具体来说,对于我(或是其他求助对象),作为协助解决问题的一方,这些信息是必须要你来提供的:1,你最初的目的是什么?(你最终想做一件什么事?)你的做法可能是错误的,描述需求可以帮助他人发现你南辕北辙的解决方案。你的需求可能是错的,给出目的可以帮助他人发现你错误的需求。2,在你的计划中,你打算通过怎样一系列的步骤来达成这个目的?描述思路有助于他人搞懂你在做的事情、搞懂你遇到的问题你解决问题的想法和思路可能是错的,描述清楚有助于发现错误3,你在这个过程中,进行到哪一步的时候遇到了什么问题?尽可能详尽的给出遇到这个问题时的相关信息(包括你在试图解决> 的过程中得到的信息)对具体信息的描述可以帮助他人分析具体问题,所以要给出错误的具体、完整的信息,而不是残缺的截图或者零散的几句描述尽可能的描述你的操作步骤,以便让对方可以重现出你遇到的错误,这样才能针对具体的问题进行进一步的解答4,给出具体的完整可执行(或可重现问题)的代码(如果有的话)如果不尽量给出完整、简化、可运行、可重现问题的代码,对方很难定位具体问题,也就无从解决问题了接下来就尝试用这个工具修正一下上面的错误例子:你最初的目的是什么?(你最终想做一件什么事?)想要用python造一个web服务器的轮子你打算通过怎样一系列的步骤来达成这个目的?先尽可能找到更好的资料然后照着资料完成这个项目你在这个过程中,进行到哪一步的时候遇到了什么问题?尽可能详尽的给出遇到这个问题时的相关信息(包括你在试图解决的> > 过程中得到的信息)在进行第一步的时候,上网找了一些资料目前正在看一份翻译的国外材料(给出这份材料)对这份资料系统性不够满意,想要一份更系统的材料给出具体的完整可执行(或可重现问题)的代码(如果有的话)(空)实际上,这个方法不仅仅只能帮助你向他人求助经过之前两年对提问表格的推广,收到很多反馈说,在利用这个工具提问的过程中直接就想明白了自己的问题。并不是自己没能力解决问题,而是没能把思路理清楚这也算是一个意外收获
2022年09月16日
564 阅读
26 评论
0 点赞
1
2