前端

在这里给大家分享下我的心得，1.写代码前一定要对整个流程有个了解。我就是因为在先不了解整个过程中去ctrl+c+v他人的博客代码，花费很多无用的时间去处理还不知道能不能跑的起来的代码。 2.本人比较喜欢手画图理解，本人亲测，印象很深刻。 在此声明因为是后端所以前端的代码就不写在上面了，有疑问留言，能 ...

前言vue.js作为前端三大框架之一，它的快速开发特点深受开发者的喜爱。通常，我们使用vue.js会集成Router、Axios、Vuex、Element-UI等插件，那么你知道它们是如何无缝对接vue.js的吗？接下来，将基于Router插件无缝对接vue.js的原理来手动开发一个插件，并以npm的方式导入项目中。你准备好了吗？(ps：接下来的内容，你需要有ES6语法基础、Vue.js插件，混入，组件，指令相关知识点才能看懂)一、vue-router集成vue.js的原理我们知道，在使用vue

南宁小程序开发公司：www.zkelm.com尽管每天都学一点，但是感觉进步还是有点慢。慢吞吞的有点像乌龟，咋搞咋搞，要达到目标值，好像时间挺不够用。穷是原罪，菜是原罪. 好吧 先学起来在说了，反正只要进步 就是好事！今天要做得就是Tad分栏。一个很使用的小组件功能， 纯JS操作，确实也是必备能力之一！前端的常用组件。1.要先有一定的css 布局基础 ，小组件需要的东西，其实是一种综合性的，如果没有对css 和js理解的话 看起来估计有点小难度，废话不多说，我们先做一个box 放入几个li.

公司新来了一个前端同事，对移动端的自适应布局rem单位还不太了解，网上的资料又太多太杂，于是我准备自己写一篇关于rem的文章。一、需求来源现在做移动端app或者H5，经常会遇到写固定px后，在换了宽度的屏幕上就会变形，于是大家用flex, 或者%布局，能解决部分问题，还是不满足需求呢，rem就上场了。二、rem背景介绍what–是什么?:rem，它是CSS3中新增加的一个尺寸（度量）单位，它的全称是 font size of the root element （根元素的字体大小）,它是一个相对.

使用google账号的好处是不管在哪里，只用在chorm登录google浏览器你自己收藏的书签和扩展工具都会同步，对于开发人员来说是非常好用的。方法很简单：用手机自带的电子邮件申请，按流程走，稳稳的。1.点击添加邮箱2.点击GMail3.,随便输入一些东西，点击下一步4.点击注册账号5.按上面的注册即可...

文章目录一、首页制作1.1 楼层区floor1.2 家用电器模块1.3 侧边栏1.4 过渡二、列表页制作2.1 列表页准备2.2 header和nav修改2.3 列表页主体盒子sk_container2.4 sk_goods布局2.5 分页条2.6 获得焦点一、首页制作1.1 楼层区floor不要给高度，根据内容，动态计算1.2 家用电器模块box-hd：里面有tab切换效果box-bd：tab-content包装里面的内容1.3 侧边栏固定定位，里面放li1.4 过渡tr

一、统一返回数据格式项目中我们会将响应封装成json返回，一般我们会将所有接口的数据格式统一， 使前端(iOS Android, Web)对数据的操作更一致、轻松。一般情况下，统一返回数据格式没有固定的格式，只要能描述清楚返回的数据状态以及要返回的具体数据就可以。但是一般会包含状态码、返回消息、数据这几部分内容例如，我们的系统要求返回的基本数据格式如下：列表：{ "success": true, "code": 20000, "message": "成功", "data": {

一、开发上的技术深挖源码，分析底层原理1. spring security和spring boot（spring cloud）的整合2. spring cloud 的相关组件2.1 consule的使用2.1 gateway的使用2.2 spring cloud config的使用3. 消息中间件的使用3.1 rabbitMq的使用 80%3.2 rocketMq的使用二、工具类1. linux方面1.1 docker的使用 50%2020.07.30 简单学习了docker的安装

前言html5Canvas的知识点，是程序员开发者必备技能，在实际工作中也常常会涉及到。最近熬夜总结html5Canvas相关的知识点，大家一起看一下吧：1.html5Canvas基础知识Canvas，它是画布Canvas元素用于在网页上绘制2D图形和图像Canvas使用的场景有：1，动画；2，H5游戏；3，图表。效果动画，加载Loading:H5游戏效果：对于Canvas需要掌握：使用Canvas画直线，矩形，圆形以及设置它们的样式。Canvas中的图形变换，渐变，文字

点赞再看，微信搜索 【大迁世界】 关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。我们应该学习 webpack 吗 ？如今，CLI工具（如create-react-app或Vue -cli）已经为我们抽象了大部分配置，并提供了合理的默认设置。即使那样，了解幕后工作原理还是有好处的，因为我们迟早需要对默认值进行一些调整。在本文中中，我们会知道.

本地局域网前后端分离的项目，前端是192.168.123.90，后端是192.168.123.2。今天早上发现用户登录报告登录失败（本质原因是无法设置cookie）。一开始以为后端出问题了，但最近没改用户登录的相关逻辑，后来换火狐、edge 是可以的，并且有些人的 Google 可以正常登录。有问题的Google浏览器的调试信息报告以下错误：设置cookie时提示：This set-cookie didn't specify a "SameSite" attribute and was defaulte

最近突然遇到一个奇怪的事情，公司的一个后台项目，突然在自己浏览器上无法登陆，查看接口发现是接口没有携带cookie，但是换个浏览器就可以，比如火狐，别人的电脑在谷歌上却能登陆，这个问题可把我搞蒙了，找了一圈资料，终于发现一篇有用的。首先如果你用axios，那么先设置withCredentials为true，然后打开谷歌浏览器在Chrome中访问chrome://flags/，搜索SameSite并设置为disabled即可。原因是Chrome升级到80版本之后cookie的SameSite属性默认值由

一、electron-vue 条件需要使用 node@^7 或更高版（除老项目外，对大多数人来说不是问题）适用于 vue-cli@2.x 创建项目（不兼容 vue-cli@3.x 或以上版本）推荐用yarn安装依赖，避免后期运行打包错误二、项目搭建# 安装 vue-cli@2.xyarn global add vue-cli # 安装：脚手架样板代码vue init simulatedgreg/electron-vue electron-project # 设置应用名称 - my-

FWidget 用心提供精致的组件，助您构建精美的应用。今天，FWidget 为开发者们带来的精致组件是～FLoading。在实际应用场景中，构建 Loading 元素似乎是每个开发者必须掌握的技能。现在，FLoading 来帮助开发者们进一步精进这以技能。FLoading 提供了一种极简的 Loading 元素构建方式，同时为开发者提供了诸多可高度定制化的配置，让开发者可以轻松的创建出精美的 Loading。✨ 特性那么，来看看 FLoading 都带来了什么。提供最便捷的方式，控..

先看项目目录，如下图：在打包签名之前，要先构建平台（Android、iOS）在此以Android平台为例。且dubug版本APK打包。1.添加Android平台cordova platforms add android2.dubug版本APK打包,生成的是一个测试的apk,没有任何签名信息，不能上架到各大应用平台，下面将给大家讲一下打包一个有签名的apk。cordova build android打包签名：签名第一步：执行cordova build --release andr

今天主讲Ajax 技术应用复习回看 模态框的使用js比较薄弱如上 比如这部分如下 是BOM窗口对象**js最薄弱 建议在浏览器练习** confirm方法跳转练习新疑问:怎么分辨js,jQuery和jsp代码 与其实现应用插入小点**延申说法 client客户端发送请求 (客户端层面)是client前端页面层****重要知识点补回来 提要:冒泡排序和正则表达式(可能需要用到js)**...

全网上大多数方法就是写一个自定义样式的tabbar然后封装成组件最后再自己现实跳转功能但是这样做无论是性能或体验来说都是很差的最近好像uview挺火的，他们也写了一个tabbar组件。然后引用一下他对自己写的tabbar评价确实自定义tabbar会出现这些问题。缺点：1、需要在每一个需要tabbar页面引用这个组件，再设定好相应的激活值 2、跳转的时候屏幕上会出现短暂的空白，网络不好的时候还会很严重 3、如果...

debug kernel无解时分秒中的挫败感让我觉得必须来点所见即所得的东西了。我不懂前端技术，一点也不懂，对这种一点不会的东西，随便弄点什么就能有十足的成就感，网上搜点资料，来把Google的logo替换了怎么样，嗯，不错。我用的是Chrome，首先安装Tampermonkey插件：点击右上角的Tampermonkey插件图标，选择添加新脚本：然后在编辑区输入下面的脚本：// ==UserScript==// @name New Userscript// @namespa

块级元素（block element）：主要对页面进行布局行内元素（inline element）：主要用来包裹文字，设置特殊意义或效果。一般情况下在块级元素中放行内元素，而不会在行内元素中放块级元素块级元素基本上什么都能放（包括块级元素）p元素不能放任何块级元素1、和其他元素都在一行上；2、元素的高度、宽度及顶部和底部边距不可设置；3、元素的宽度就是它包含的文字或图片的宽度，不可改变。...

vue中事件方法参数传this指向null的解决问题描述以前用JS的时候，一个元素要使用点击事件的话可以直接在元素内使用click指向某个方法或者获取这个元素绑定点击事件，那么在元素内使用click调用方法时，可以将当前元素自身通过方法参数传进方法，类似这样<div id="app" onclick="fun(this)"></div>然后在fun方法获取this就是这个元素了和document.getElementById(‘app’)获取的是一样的 直接传thi

Bootstrap Studio是一个可视化Bootstrap开发工具。在Bootstrap Studio中创建一个页面，在这个页面中包含一个容器，在容器中放进一行，在行中放进三列，三列分别显示“我是第一列”，“我是第二列”，“我是第三列”。要求页面能够自适应不同大小的屏幕。操作步骤：在Design面板中，右击分组标签Pages，然后点击“Create Page”。在Studio面板中拖拉组件Container到设计工作区。在Studio面板中拖拉组件Row到设计工作区的Empty.

Vue集成Element UI在Hbulider中创建vue项目过程如下Element UI主要标签介绍el-container:构建整个页面框架el-aside:构建左侧菜单el-menu:左侧菜单，常用属性：:default-openeds:默认展开的菜单，通过菜单的index值来关联例如 :deafult-openeds="{‘1’,‘2’,‘3’}"，花括号换成中括号也可以"[‘1’,‘2’,‘3’]"。这里里面的取值是来自于标签el-submenu 的index="_“属性:

ES6:关于Proxy，你知道多少？概述Proxy用于修改某些操作的默认行为，等同于在语言层面上做出修改，所以属于一种“元编程”，即对编程语言进行编程。Proxy可以理解成在目标对象前架设一层拦截层，外界访问该对象都必须先通过这层拦截，因此提供一种机制可以对外界的访问进行拦截或过滤。实例的方法1.get()get方法用于拦截某个属性的读取操作。let person = { name : '张三'}let proxy = new Proxy(person,{ get

Vue Router简介它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器，推荐使用。Vue Router和Vue.js非常契合，可以一起方便的实现SPA斜体样式(single page web application,单页应用程序)应用程序的开发。Vue Router依赖于Vue，所以需要先引入Vue，再引入Vue RouterVue Router的特性：支持H5历史模式或者hash模式支持嵌套路由支持路由参数支持编程式路由支持命名路由支持路由导航守卫支持路由过

两种方式：socket和websocket。具体区别我也没有深入了解，我只要能搞出来就可以。不过用起来的区别恐怕就是websocket必须得有浏览器，我看到的多数的例子是这样的。websocket是使用koa做后端中转的。websocket参考地址：https://www.jianshu.com/p/9655517dde79先启动后端然后打开html测试通讯效果，然后再启动auto的脚本监听地址就可以了。socket是引入了java的类来启动socket的，前端用了node的net包socket

不是问题的问题哇擦本质参考感谢点赞哇擦配置 webpack-dev-server 不就是为了提高开发效率（懒），然后图片在火狐浏览器竟然显示不出来。一看我滴个亲娘勒，好家伙把我打包后生成的 dist 目录删了就不重新打包了（因为之前配置了clean-webpack-plugin插件，它的作用就是在打包之前把 dist 目录删除掉）？本质好吧，在浏览器上搜了一圈，也没得到解决办法????。最后用 Chrome 找到 segmentfault社区才发现 使用webpack-dev-server是不会生成

超时原因：1.网络不通畅。 2.后台运行比较慢（服务器第一次运行时，容易出现）超时结果：JQ中 timeout设置请求超时时间。如果服务器响应时间超过了 设置的时间，则进入 ERROR （错误处理）timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。超时解决方案：1.默认的timeout为0，代表永不超时2.尽量把timeout设置的大一点。坏处：使数据的加载变慢（貌似。呵呵）。3.在ERROR回调函数中写 有关于 超时 处理 的函数:例如，可以

创建SpringBootDemo测试路径时前端报错,后端无异常Whitelabel Error PageThis application has no explicit mapping for /error, so you are seeing this as a fallback.解决:访问路径不对Application启动类的位置不对：要将Application类放在最外侧，即包含所有子包 ，spring-boot会自动加载启动类所在包下及其子包下的所有组件Applicati.

1.什么是axios ？ (axios: ajax i/o system)：axios 是一个网络请求的第三方框架。开发前端应用程序中需要用到服务器上的文字、图片等资源，所以要向服务器发送网络请求获取这些资源，然后在应用程序上对其进行效果展示。2.Vue中发送网络请求有非常多的方式, 如何选择 ？(1).选择一: 传统的Ajax是基于XMLHttpRequest(XHR) 配置和调用方式等非常混乱. 编码起来看起来就非常蛋疼. 所以真实开发中很少直接使用

1、如何在react native(rn)项目中使用夜神模拟器1.1下载夜神模拟器并进入Nox/bin目录，在该目录下打开命令行窗口，运行：adb connect 127.0.0.1:62001。1.2此时已经能够看到连接成功，运行adb devices确认是否有挂载成功，如下图，确实挂载成功。1.3在RN所在项目中运行adb devices，如果出现下图情况(正常讲应该是server版本高于client版本，我这里是因为已经做了下面所需的替换操作，已经不可复现了)，则需做另外处理