- 博客(50)
- 收藏
- 关注
原创 flutter环境搭建记录遇到的各种坑(Unable to locate Android SDK等)
flutter环境搭建flutter中文网jdk安装 传送门使用镜像 环境变量,新建两个变量如下 变量名:PUB_HOSTED_URL 变量值:https://pub.flutter-io.cn 变量名:FLUTTER_STORAGE_BASE_URL 变量值:https://storage.flutter-io.cn **注意**:一定要安装镜像,深受其害呀--创建项目的时候一直是假死状态一个小时也没装好,耽搁了我不少时间,添加好变量后分分钟完事。厉害了哥
2020-09-19 21:12:16 1387
原创 css媒体查询media ,完成响应式布局
利用媒体查询设置不同屏幕的尺寸,来实现不同屏幕布局元素的样式展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=
2020-08-09 18:30:09 760
原创 js日期问候语demo
<script type="text/javascript"> greetings() function greetings() { var hour = new Date().getHours() if (hour < 6) { document.write("凌晨好!") } else if (hour < 9) { document.write("早上好!") } else if (hour < 12) {
2020-08-09 08:29:28 397
原创 vue内置组件component--通过is属性动态渲染组件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.js"&g
2020-07-25 19:37:25 2352
原创 原生js自定义事件(dispatchEvent派发)和jquery自定义事件对比。
html部分<div id="app"></div> js部分<script> //jquery 自定义事件绑定bind或者是on; trigger触发 //注意事件绑定的对象和触发的对象要保持一致 $('#app').bind('hello',function(){ alert(123) }) $('#app').on('click',function(){ $('#app').trigger("h.
2020-07-05 21:59:09 2175
原创 移动端适配兼容--ios系统iphoneX等机型底部小横条处理,app嵌入的适配处理
// 1.首先要在meta标签中加上viewport-fit=cover<meta name="viewport" content="width=device-width, viewport-fit=cover, xxxx">// 2.整个内容区域html,body { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}// 3.如有底部
2020-07-04 19:53:27 3849
原创 移动端适配--ios系统iphone11,搜索框弹出键盘取消后,屏幕留下一片空白区域。
主要是滚动高度的问题,失去焦点时设置滚动高度设置为0即可。。 <input @focus="getInpFocus" @blur="delInpBlur" @input="changeInpVal" @keypress="searchInput($event)" v-model="toQueryValue" type="s.
2020-07-04 19:13:45 765
原创 input 做省市联动时总是弹出默认的键盘处理方法--document.activeElement.blur()
直接给input绑定事件执行document.activeElement.blur()即可 <input type="text" placeholder="" v-model="" @click="stopdefault"/> methods:{ stopdefault(){ document.activeElement.blur();//屏蔽默认键盘弹出; }, }
2020-07-04 18:44:03 4249
原创 js监听浏览器返回,回退,后退事件(手机端H5页面)同样适用--popstate事件
使用原因–vue项目开发中,回退tabbar的颜色没有改变 mounted() { var that = this window.addEventListener("popstate", function(e) { //do someing // window.location.reload(); that.active = Number(that.$route.query.tabbarColor) || 0 }, false); }
2020-07-04 18:13:39 3417 1
原创 css如何取消背景颜色--background:transparent
项目调试中会经常遇到样式覆盖的问题,从而达不到自己想要的效果,比如背景色被覆盖,可以用background: transparent;来取消
2020-06-30 23:23:51 3817
原创 vue项目实战--路由后置守卫afterEach解决页面滚动问题
问题描述首页页面较长滚动了一定的位置,这时单击页面上的某个跳转按钮进行页面跳转,滚动条默认是上一个页面的停留的位置,影响用户体验。解决问题//路由配置文件 index.js router.afterEach((to, from, next) => { window.scrollTo(0, 0);});document.body.scrollTop = 0document.documentElement.scrollTop =0本人在后置路由守卫设置的完全没有效果。经过一系
2020-06-28 23:46:34 934
原创 移动端兼容--ios系统iphone11单击事件按钮点击后无反应
问题描述 iphone11 单击事件单击后无跳转给点击的按钮添加css样式 cursor:pointer; 亲测有效!
2020-06-28 22:56:10 850
原创 简单理解使用call,apply,bind方法
//混入模式 //将对象混入函数中,替代函数原有this的引用 var obj={ name:"zs", age:15, play:function(){ console.log(this) //obj } } function abc(...a){ console.log(this.name) //zs 这里会改变this的指向 指向obj console.log(a) // 接受的参数 ["h...
2020-06-27 13:10:14 176
原创 解决git问题之:error: failed to push some refs to gitee.com:wtfadmin/test.git
解决error: failed to push some refs to ‘gitee.com:wtfadmin/test.git’一下是问题的还原步骤 可以在远程仓库新建一个本地没有的文件WTF@DESKTOP-RDV7CTA MINGW64 ~/Desktop/test (master)$ git statusOn branch masterYour branch is up to date with 'origin/master'.Changes not staged for comm
2020-06-21 11:47:43 5076
原创 原生js拖拽和jquery.js拖拽
原生js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 50px; height: 50px; background: gold;
2020-06-20 21:52:24 196 1
原创 js常见错误,调试
文章目录错误分类错误类型常见错误分析调试方法此次案例代码错误分类代码错误:这种错误浏览器会报错,可以根据错误类型去排错逻辑错误:这种错误浏览器不会报错,但是可以使用断点进行调试排错错误类型Uncaught Syntaxerror 语法错误:编写的代码不符合js编码规则Uncaught ReferenceError 引用错误:使用了没有定义的变量Uncaught TypeError 类型错误:提供的类型,不是JS所需要的Uncaught RangeError 范围错误:指定的范围
2020-05-26 23:50:23 409
原创 js两个数之间的随机数,及随机位数。
//两个数之间的随机数 function getrandom(min,max){ //Math.random() 0-1之间的随机小数不包括1 return Math.floor(Math.random()*(max-min)+min) } console.log(getrandom(1,9)) //获取指定位数的随机数 function getRandom(num){ return Math.floor((Math.random()...
2020-05-18 20:05:53 1328
原创 玉符科技前端面试2020
只几下了其中的两道题请实现一个函数,该函数接受两个参数,并且满足一下条件。一.元素均为number类型且未长度不定的数组arr,二.一个number类型的sum。如果数组arr中的任意两个元素之和等于sum,则返回true,其他返回false。 function func(arr, target) { var obj = {}; for (var i = 0; i < arr.length; i++) { // debugger var item = a
2020-05-16 15:06:44 485
原创 滴滴前端面试2020
第一题 写一个判断所有数据类型的方法getType,入参为任意变量,返回值为该参数类型的字符串形式,如:getType([ ]) 返回 ‘array’getType(2) 返回 ‘number’ function getType(obj){ var s = Object.prototype.toString.call(obj); return s.slice(s.indexOf(" ")+1,s.length-1).toLowerCase(); }第二.
2020-05-16 14:46:49 2614
原创 js商品页通过动态获取url参数跳转到商品详情页
页面结构json模拟数据–goods.json{ "goods": [{ "id": 1, "imgUrl":"./图片1.png", "price": "4500.00", "title": "小米笔记本", "desc": "敢于拼搏,一切皆有可能。" }, { "id": 2, "imgUrl":"./图片1.png", "price": "5800.00", "title": "苹果8", "desc": "敢于拼搏,一切皆
2020-05-13 19:08:01 3842 1
原创 js数组求最大值和最小值!
es6扩展运算符 var arr = [1,6,9,3] console.log(Math.max(...arr))//9apply() var arr = [1,6,9,3] console.log(Math.max.apply(null,arr))//9reduce() var arr = [1,6,9,3] var resoult = arr.reduce(function(num1,num2){ return num1>num2?num1:num2 }) c
2020-05-08 18:44:35 384
原创 vue--localStorage临时存储未提交表单数据,下次登陆后展示上次未提交的数据
方式1–利用watch监听数据变化监听 addForm为表单数据 'addForm': {//深度监听 handler (res) { if (res) { var tempData = [] tempData.push(this.addForm)//值变化时保存在tempData localStor...
2020-04-21 19:29:09 1904
原创 js金额格式化,给金额加千分符,小数点后保留几位数
js金额格式化,给金额加千分符,小数点后保留几位数 //金额格式化,加千分符 function fmoney(s, n) {//s金额 n小数点后几位 n = n > 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, ""...
2020-03-08 12:30:45 578
原创 js对象转数组,以及js对象常见方法和使用技巧
js对象使用<script> //js对象是一种无序的集合 {}表示 var obj={ name:"张三", age:18 } //取值 console.log(obj.name)//张三 console.log(obj["name"])/...
2020-02-25 11:51:37 671
原创 js移动端布局适配方案全方位解析
移动端布局这里是引用设备像素比一,物理像素(显示屏所占现的比例)二,逻辑像素(css中设置的像素) dpr==物理像素/逻辑像素如果设计图640px的情况下,我们要考虑的dpr是2max-width:320px; html{font-size:12px}如果设计图750px的情况下,我们要考虑的dpr是2min-width:321px;max-width:375p...
2019-12-14 17:29:11 813
原创 web前端服务器部署!
服务器搭建配置服务器(需要自己买,如阿里云) Apache ngnix tomcat IIS 购买时要记住自己设置的登陆名和密码一般登录名是 administrator 密码自己设置。还有个远程登陆密码这个是阿里后台给你的一定要记住。选择系统后还可以跟换系统。api服务器提供接口 express配置数据库 mongod阿里云配置安全组规则安全组规则如不配...
2019-11-26 00:20:07 2211 1
原创 本地磁盘资源上传到服务器
本地磁盘资源上传到服务器win+r 输入mstsc进入远程桌面输入服务器ip和用户名点击显示选项展开 点击本地资源点击详细信息 展开驱动器 勾选自己要携带的磁盘就可以了进入服务器打开我的电脑 可以看到勾选的磁盘已经在啦...
2019-11-25 00:09:21 235
原创 css几种清除浮动的方法!!!
清除浮动方法父级div定义伪类div:{display:block;clear:both;content:"";visibility:hidden;height:0}div:{zoom:1}父级div定义overflow:hidden父级div定义overflow:auto父级div定义高度给结尾加空的divclear:both...
2019-11-03 21:36:13 115
原创 css几种常见的水平垂直居中的方法!!!
常见的水平垂直居中方法1.先给父级元素设置水平居中 text-align:center在给当前垂直的元素转换成行内块元素和垂直居中 display:inline-block; vertical-align:middle在元素的后面不要回车,加上同级元素span,进行设置此参照物的高度等于父级元素100% display:inline-block; verti...
2019-11-03 21:35:07 2912
原创 js原型简单理解,prototype,proto
对象对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构。用于将数据和功能组织在一起,它也常被称做为类,但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言。却不具备传统面向对象语言所拥有的类和接口等基本结构。万物皆对象,除了数字,字符,布尔值;对象是属性的集合。对象是类的实例化体现,类...
2019-11-03 21:33:47 127
原创 vue-cli脚手架安装使用
npm install -g vue-cli //全局安装脚手架工具npm -V //查看版本号vue init webpack test //初始化项目 test为项目名称npm run dev //运行项目 会开启一个localhost:8080的服务器,浏览器输入localhost:8080会弹出一个vue的界面证明安装成功npm run build //编译打包 会在当前目录下生成...
2019-11-03 21:29:34 100
原创 nvm,node
nvmnvm是node的包管理器,能够切换不同的node的版本号,首先要先下载安装nvmnvm下载nodenvm install node@8.12.0nvm install 10.12.0切换node的版本nvm use 8.12.0查看node当前所有版本nvm ls卸载nvm uninstall 8.12.0nodeJS是脚本语言,脚本语言都...
2019-11-03 21:27:36 90
原创 js统计单个字符出现的次数,及每个字符出现的次数,并求出最大的字符是哪个和次数
!!!html 文档用!!! 包裹 可以写出不同的样式效果!!!一级标题二级标题三级标题四级标题多行代码块```回车````单行代码块```wo 1.空格有序列表,±*空格 无序列表wowowo...
2019-11-03 21:25:35 256
原创 git基本指令使用(gitee)
使用git下载git并且安装全局注册用户名git config --global user.name “梧桐非”全局注册邮箱git config --global user.email “xxx@qq.com”使用ssh要生成并且配置密钥密钥配置可参考码云帮助文档第一次使用git要在本地git init 初始化仓库;然后在进行关联远程仓库git remote ...
2019-11-03 21:22:17 344
原创 css重置
外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 静止用户缩放<meta name="viewport" cont...
2019-11-03 21:19:33 118
原创 input 多选框 获取值 全选 反选
input 多选框 获取值 全选 反选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-09-28 23:00:12 777
原创 Uncaught RangeError: Maximum call stack size exceeded
Uncaught RangeError: Maximum call stack size exceeded未捕获范围错误:超过最大调用堆栈大小错误还原function abc(num){ return num * abc(num-1) } console.log(abc(5))解决...
2019-09-18 23:05:54 259
原创 vue父子组件,子父组件,非父子组件传值
vue父子,子父组件传值<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> </...
2019-09-03 00:50:07 119
原创 解决vue中修改数据但视图无法更新的情况
数据变视图无法更新问题 详细见例子vue数组更新检测官方文档vue对象更新检测官方文档<div id='app'> <li v-for="(item, index) in arr" :key="index">{{item}}</li> <li v-for="(value,key,index) in obj">...
2019-09-02 19:36:15 1490
原创 vue run build 错误 CssSyntaxError错误
错误代码Error processing file: static/css/app.4ce01a6050060bff9b33c64750b6bd11.css(node:6544) UnhandledPromiseRejectionWarning: CssSyntaxError: C:\Users\0\Desktop\haha\static\css\app.4ce01a6050060bff9b3...
2019-07-24 09:49:21 3292 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人