前端开发
文章平均质量分 60
前端开发相关
怎么又有bug单
走走停停
展开
-
前端如何画图表charts?
先贴一个官方echarts的链接:https://echarts.apache.org/examples/zh/index.html下面是我自己在企业开发中,写的代码:语言vue关于服务端返回体,如果本篇看的人多我再发~ 😋 皮一下原创 2022-08-20 07:13:20 · 245 阅读 · 0 评论 -
Uncaught (in promise) error问题排查
从字面意思上看,是“未被发现的错误”,我之前一直觉得既然前端已经拿到后端返回的数据了,那一定是前端的代码写的有问题。但排查了一遍又一遍,仍然没有发现前端代码有什么问题。错误的代码是直接返回了data数据,而加了AjaxResult.success()方法后,报错信息:Uncaught (in promise) error。ConutValue对象很简单,就是从数据库中统计出4个数字。其实前端已经拿到后端返回的数据了。相当于加了个状态码,这样就好了。原创 2022-08-20 07:07:19 · 19966 阅读 · 0 评论 -
如何把时间戳2022-07-28T02:31:32.075+0000转为yyyy-MM-dd hh:mm:ss格式(vue和java两种方式)
代码】如何把时间戳2022-07-28T023132.075+0000转为yyyy-MM-ddhhmmss格式(vue和java两种方式)原创 2022-07-31 10:52:33 · 507 阅读 · 0 评论 -
vue快速入门学习笔记(二)本地计数器 v-on
如右图所示这样的一个web端计数器页面共分3个标签:一个button,一个span,一个button(顺序依次从左至右)span标签中的num使用双大括号读取 new Vue中data的num值接下来,给button标签绑定事件,并在new Vue的methods中定义事件再给加减的值增加一个限制,就更完美啦可以看到methods中function的对方法的定义,语法基本类似于java这个标签是用来控制文本或图片的展示或隐藏的其实就是v-show这个标签的值,决定了当前标签是否展示,t原创 2022-07-10 12:40:22 · 276 阅读 · 0 评论 -
vue快速入门学习笔记(一)v-text v-html v-on
问就是工作需要!快速入门!可以看到div标签内的写法和jQuery开发差不太多script标签内部,先用el挂载app标签,再给同名变量message赋值上面是单个变量赋值,多个也可以哦~注意,如果要对静态的文本进行动态替换(静态文本动态文本结合展示),需要使用双大括号的写法:这三种标签的写法都可以拼接字符串哦!可以看到,v-html标签和v-text标签的区别就在于 v-html可以解析出超链接(a href=‘www.cxxxx’),有一定前端开发基础的同学对这个应该不陌生。这也说明原创 2022-07-09 21:42:52 · 2092 阅读 · 2 评论 -
总结了42 种前端常用布局方案(超全)前端必备
本篇文章总结了四十二种CSS的常见布局,这四十二种布局可以细分为如下几类:实现水平布局比较简单,方法也比较多,这里总结了7种常用的布局方法,其公共的CSS代码如下所示:其 HTML 结构也是固定的,就是一个父级,其宽度继承了 的宽度,还有一个子级,这里是固定的300px*300px,代码如下:最终的实现效果如下:上图中玫瑰色的块是父级,随页面宽度增加的;淡紫色是子级,相对于父级居中的。若元素为行内块级元素,也就是 display: inline-block 的元素,可以通过为其父元素设置t ext原创 2022-06-04 12:20:18 · 2357 阅读 · 2 评论 -
前端学习知识体系总结 进阶总结 一文就够
文章目录什么是优秀的前端工程师大家眼中的优秀工程师真正优秀的工程师如何晋升?职业规划职业发展业务型成就业务目标技术方案实施方案结果评估向上级汇报工程型成就目标方案与实施结果技术难题目标方案与实施前端与学习方法前端技能模型领域知识前端知识能力 —— 刻意练习学习法1. 整理法顺序关系组合关系纬度关系分类关系整理方式:2. 追溯法源头 —— 从源头开始建立知识基础,提升可信度标准和文档 —— 找权威性,但是不能盲目的看,要做好对比,保证准确性大师 —— 可以去看他们对技术的定义,公信力更高面试官怎么想?面试内容原创 2022-02-27 10:40:32 · 372 阅读 · 0 评论 -
for循环与forEach的区别
文章目录js中那么多循环,for for…in for…of forEach,有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。我们从几个维度展开讨论:1、for循环和forEach的本质区别。2、for循环和forEach的语法区别。3、for循环和forEach的性能区别。本质区别for循环是js提出时就有的循环方法。forEach是ES5提出的,挂载在可迭代对象原型上的方法,例如Array Set Map。forEach是一个迭代器,负责遍历可迭代对象。那么遍历,原创 2022-02-06 12:05:02 · 574 阅读 · 0 评论 -
ES6系列40道基础题(含答案)(二)
21.关于Set结构的实例方法,下面说法错误的是:()A.set方法用于添加成员B.clear方法用于清除所有成员。C.entries方法返回成员的位置索引和值的遍历器D.values方法返回成员值的便利器答案:C解析:返回的是键名和键值的遍历器;特别注意的是:set结构的键名和键值是同一个值。考点:set结构键名和键值的特点,来自《第十六节:ES6新增的 Set 和 WeakSet 是什么东西?》的内容。22.关于WeakSet结构,说法错误的是:()A、与Set结构一样,成员值都是唯一原创 2022-02-04 11:18:07 · 4001 阅读 · 0 评论 -
ES6系列40道基础题(含答案)(一)
1.下面不属于ECMAScript规范的范围的是:( )A.数据类型B.语法C.DOM事件D.内置对象和函数的标准库答案:C解析:DOM事件不属于ECMAScript的部分;ECMAScript定义的内容:语法、类型、原型和继承、内置对象和函数的标准库。考点: ECMAScript定义规范的理解,来自《第一节:什么是ES6?新手该如何理解》的内容。2.下面不属于关键字let的特点的是:( )A.只在 let 命令所在的代码块内有效B.会产生变量提升现象C.同一个作用域,不能重复声明同一原创 2022-02-04 11:14:35 · 3600 阅读 · 5 评论 -
ES6 15道进阶应用题
1.说出至少5个ES6的新特性,并简述它们的作用。(简答题)答:let关键字,用于声明只在块级作用域起作用的变量。const关键字,用于声明一个常量。结构赋值,一种新的变量赋值方式。常用于交换变量值,提取函数返回值,设置默认值。Symbol数据类型,定义一个独一无二的值。Proxy代理,用于编写处理函数,来拦截目标对象的操作。for…of遍历,可遍历具有iterator 接口的数据结构。Set结构,存储不重复的成员值的集合。Map结构,键名可以是任何类型的键值对集合。Promise对象,原创 2022-02-04 11:08:32 · 349 阅读 · 0 评论 -
JavaScript面试题集(八)
var lowerCaseOnly = /1+$/;[lowerCaseOnly.test(null), lowerCaseOnly.test()]答案:有关正则表达式,test过程会将传入的变量自动转换为字符串 null-》“null”,完全没有则会转换为"undefined"“1 2 3”.replace(/\d/g, parseInt)答案:replace的第二个函数如何传参,parseInt一共可以传几个参数,结果:1,NaN,33.function foo() { }var .原创 2022-02-04 11:04:06 · 269 阅读 · 0 评论 -
JavaScript面试题集(六)
1(function(){return typeof arguments;})();答案:object知识点:typeof返回的六种类型,boolean,object,undefined,string,number,function(追问:typeof null 输出)arguments–类数组-类数组不是数组(类数组或者有称伪数组–知识链接 length, slice等)arguments还是个object。2var f = function g(){ return 23; };typ原创 2022-02-04 11:02:26 · 141 阅读 · 0 评论 -
JavaScript面试题集(六)
var f = true;if (f === true) {var a = 10;}function fn() {var b = 20;c = 30;}fn();console.log(a);console.log(b);console.log©;2.var x = 1;var y = 0;var z = 0;function add(n){n=n+1;}y = add(x);function add(n){n=n+3;}z = add(x);3.for(i=...原创 2022-02-04 11:19:53 · 305 阅读 · 0 评论 -
JavaScript面试题集(五)
[]==[]答案:false.数组,在 Javascript 中是对象,对象使用 == 比较都是比较的引用。简单的说,就是,如果是同一个对象,就相等,如果不是同一个对象,就不等。每次使用 [] 都是新建一个数组对象,所以 [] == [] 这个语句里建了两个数据对象,它们不等。2.[3.toString(),3…toString(),3…toString()]答案:error,“3”,errorNumber中的toString(a),能够将数值转化成为a进制的值。但a缺省时,默认转化为...原创 2022-02-03 21:07:34 · 98 阅读 · 0 评论 -
JavaScript面试题集(四)
1.简单路由器实现var wawa = {};//这个不用解释吧wawa.Router = function(){ function Router(){ }//构造器。 Router.prototype.setup = function(routemap, defaultFunc){//基本参数路由表,默认回调。 var that = this, rule, func; this.routemap = [];//路由表其实是个数组。 this.defaultFunc = defaultFun原创 2022-02-03 21:06:31 · 202 阅读 · 0 评论 -
JavaScript面试题集(三)
function foo1(){return {bar: “hello”};}function foo2(){return{bar: “hello”};}2:if (!(“a” in window)) {var a = 1;}alert(a);3:var a = 1,b = function a(x) {x && a(–x);};alert(a);4:function a(x) {return x * 2;}var a;aler...原创 2022-02-03 21:05:08 · 209 阅读 · 0 评论 -
JavaScript面试题集(二)
1.附加题 模板引擎实践HTML<!doctype html public 'ahh hell yeah'><html><head> <meta charset=utf-8> <title>Simple Templating</title></head><body> <div class="result"></div> <scrip原创 2022-02-03 21:04:20 · 97 阅读 · 0 评论 -
JavaScript面试题集(一)
1.css 属性命名区分大小写么?2.margin-top和margin-botton对于行内(内敛inline)元素效果一样么?3.padding-top和padding-bottom对于inline元素都会增加元素本身的大小么?4.如果一个p标签拥有font-size:10rem,那么这个p标签会自动响应窗口布局么?5.伪类 :checked 对于option标签有效果么?6.伪类 :root 通常指的是标签?7.translate()方法可不可以使元素在z轴上做变换?8.html原创 2022-02-03 21:03:01 · 205 阅读 · 0 评论 -
安卓开发 从入门到转业 (五) 拼图游戏
其中 move 函数具体实现过程: /*表示移动指定位置的按钮的函数:将图片和空白区域进行交换*/ private void move(int imageButtonId, int site) { //判断选中的图片在第几行,取整来判断 int sitex=site / imageX; //判断选中的图片在第几列,趋于来判断 int sitey=site % imageY; //获取空白区域的坐标原创 2022-02-03 20:53:43 · 3821 阅读 · 0 评论 -
安卓开发 从入门到转业 (四) 拼图游戏
文章目录时间改变的实现拼图打乱显示碎片位置切换时间改变的实现在 MainActivity.java 中的 onCreate 函数中添加如下内容://一进来每隔1s就发一条空消息出去,接收到这个空消息并让TextView发生改变,形成计数器的效果//延迟1s发送一条空消息:发送消息的编号是1,延迟时间为1000ms=1shandler.sendEmptyMessageDelayed(1,1000);之后在 onCreate 函数外添加如下内容://定义计数时间的变量int time=0;原创 2022-02-03 20:51:15 · 2948 阅读 · 0 评论 -
安卓开发 从入门到转业 (三) Button控件 RadioButton控件
文章目录常用属性:自定义样式:监听事件:RadioButton通常用来实现选择,比如说性别等先新建一个进行演示的activity RadioButtonActivity,此时 AndroidMainfest.xml 中会自动添加如下声明:如果没有添加则要自己手动添加,否则会跳转失败。之后在 activity_main.xml 中添加一个Button用来进行RadioButton控件的展示:<Button android:id="@+id/btn_radiobutton" a原创 2022-02-03 20:48:07 · 2890 阅读 · 0 评论 -
解决npm install时报错无法安装chromedriver的问题
最近使用vue开发了一个前端项目,开发好后准备部署到服务器上。从git仓库拉下项目代码后,运行npm install安装项目所依赖的模块时却报错了,错误信息如下:chromedriver@2.41.0 install /app/developer/git-repository/back_admin_front/node_modules/chromedrivernode install.js/app/developer/git-repository/back_admin_front/node_mo.原创 2022-01-18 18:42:58 · 3826 阅读 · 1 评论 -
npm 如何切换国内镜像站点?
方法一(推荐):更改npm配置文件:npm config set registry URLURL 即为需要设置的镜像站点地址,如淘宝镜像: https://registry.npmmirror.com方法二:安装nrm 管理,安装这个的前提是能确定链接到现在的镜像地址:npm install -g nrm待安装完nrm 之后,通过nrm 管理镜像的地址,一条命令切换,如:nrm use taobaonrm 除了淘宝站点镜像之外还有其他的,可以使用一下命令查看:nrm ls呃,使用 s.原创 2022-01-17 20:04:00 · 1655 阅读 · 0 评论 -
前端开发 Node npm 安装指南
NodeJs与NPMNodeJs安装菜鸟教程已经给我们说明的很清楚了,按照教程选择我们的电脑系统安装教程进行安装即可,安装完后便可在终端查询版本号。教程链接:http://www.runoob.com/nodejs/nodejs-install-setup.htmlNPM安装由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。命令如下,出现版本提示表示安装成功:vscode如何启动项目?只需打开vscode终端,简单两行原创 2022-01-17 20:01:19 · 405 阅读 · 0 评论 -
VsCode必备插件推荐 前端开发非常实用
VScode应该是很多学习前端的小伙伴很熟悉的开发工具了与其他前端编译器比起来,VsCode最大的特点就是美观,可以说是WebStorm,HBuilder遥不可及的!下面就来看看 vscode小白如何快速上手这款好用的编译器吧常用且实用的插件:Auto Close Tag (自动闭合HTML/XML标签)Auto Rename Tag (自动完成另一侧标签的同步修改)Beautify (格式化 html ,js,css)Bracket Pair Colorizer(给括号加上不同的颜色,便.原创 2022-01-17 19:57:11 · 573 阅读 · 0 评论 -
VsCode使用教程
文章目录一、前置说明Vscode1.1 VsCode基本概念1.2 VSCode的学习网址二、使用2.1 调试代码和安装插件三、常用的快捷键3.1 debug快捷键3.2 整个工程中查找3.3 IntelliSense功能一、前置说明Vscode1.1 VsCode基本概念Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for原创 2022-01-17 19:50:01 · 11302 阅读 · 1 评论 -
前后端分离开发跨域问题解决方案
一、什么是跨域跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。这里说明一下,无法跨域是浏览器对于用户安全的考虑,如果自己写个没有同源策略的浏览器,完全不用考虑跨域问题了。是浏览器的锅,对。同源策略限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去首先狭义的同源就是指,域名、协议、端口均为相同。下面举个例子:http://www.nealy原创 2021-11-03 15:58:00 · 211 阅读 · 0 评论 -
HTML5之sessionStorage用法
一、介绍sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。二、特点同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作,这些页面必须在同一协议、同一主机名和同一端口下。(IE 8和9存储数据仅基于同一主机名,忽略协议(HTTP和HTTPS)和端口号的要求)原创 2021-11-06 10:24:31 · 1146 阅读 · 0 评论 -
jQuery-验证码倒计时的实现
点击发送验证码,通常需要加入倒计时功能,HTML如下:<center class='block captchaArea'> <input class="input pwd" type="text" placeholder="请输入验证码"> <span class="captcha">获取验证码</span> <span class="num"></span></cent原创 2021-11-06 09:59:45 · 1515 阅读 · 0 评论 -
jQuery基础入门 入口函数 选择器
文章目录一、一个入门小程序二、jQuery入口函数三、jQuery入口函数与原生JavaScript入口函数的对比四、jQuery对象与dom对象的相互转换五、小例子:开关灯六、基本选择器七、一个小例子:基本选择器八、层级选择器九、过滤选择器十、筛选选择器(方法)十一、写一个下拉菜单十二、获取页面用户输入的用户名及密码一、一个入门小程序说明一下这里我用的是Hbuild工具首先引入jQuery的包 写一个入口函数文本中的连续的 . 调出属性,这个特性叫做链式编程二、jQuery入口函数原创 2021-11-06 09:45:17 · 198 阅读 · 0 评论 -
安卓开发 从入门到转业 (二) Button控件 TextView控件 ListView控件 GridView控件
文章目录Button按钮如何圆角按钮增加按压效果按钮增加点击提示TextView控件使用第三方库加载网络图片依赖引用网络权限ListViewGridViewButton按钮如何圆角在res.drawable下,创建一个xml文件,定义按钮的样式:<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:sha原创 2021-11-22 15:06:01 · 1658 阅读 · 0 评论 -
如何在activitymainxml中查看代码
这是个很小的问题,但是网上很多解释并不靠谱其实很简单 轻轻一点 解决!原创 2021-11-19 23:18:24 · 1131 阅读 · 2 评论 -
html+jQuery前端开发代码demo ---并夕夕商城
文章目录一、结果预览代码:欢迎页面二、代码结构一、结果预览代码:https://download.csdn.net/download/GBS20200720/45483826欢迎页面二、代码结构对前端开发的一些理解安卓开发 vue html前端开发个人觉得都是这样的框子 : 页面元素 + 样式 + 向后端发送请求html开发页面元素 样式jQuery发送请求,与前端页面元素关联...原创 2021-11-20 11:14:50 · 1147 阅读 · 0 评论 -
安卓开发 从入门到转业 (一)
一、基本概念开发商Android是Google开发的操作系统。开发工具Eclipse(已废弃)Android Studio二、开始开发AS连接mumu模拟器首先下载一个mumu模拟器进入bin目录下,打开cmd命令窗口,输入指令:adb_server.exe connect 127.0.0.1:7555AS已经可以看到mumu了:成功在模拟器上运行:第一个小程序public class MainActivity extends AppCompatActiv原创 2021-11-20 14:22:35 · 7811 阅读 · 1 评论 -
Jframe开发一个用户注册程序
文章目录一、运行结果git地址图示一、运行结果git地址https://gitee.com/gbss/when-iwasfree/tree/master/jframe-userCheckIn图示原创 2021-11-20 10:48:00 · 226 阅读 · 0 评论