
前端
西瓜皮儿的皮儿
AI新学员
展开
-
关于行内元素间隔1px的问题
导读:实现水平导航栏常用的两种方法:行内元素(inline-block)和浮动(float)。在实现这两种方式时有什么区别不同呢?我们来看下效果:1、行内元素(inline-block)行内元素之间始终存在1px间隔,那么这些间隔是什么原因导致的呢?一般是由于换行符,tab(制表符),空格符等导致的。如何解决呢?我们可以把制表符、换行去掉,但是这样就导致我们的代码可读性不高。2、浮动(float)设置为float:left;属性时元素脱标导致行内元素滑向彼此,浮动元素之间是.原创 2021-01-22 11:50:28 · 569 阅读 · 0 评论 -
移动·web前端高效开发实战/Chapter4.CSS3必会实战技巧
1、认识CSS3css技术升级版,css3是最新版本,css3被划分为多个模块css3实用新特性: 选择器:选中特定的HTML元素 盒模型 box-sizing属性来改变对元素宽高的计算方式 box-sizing:content-box; 标准盒模型,width和height只包括内容的宽和高 box-sizing:border-box; width和height包括内边距和边框,不包括外边距 个性化字体: 引入@font-fac.原创 2020-10-14 18:32:30 · 296 阅读 · 0 评论 -
移动·web前端高效开发实战/Chapter 1 .初识移动web前端
移动·web前端高效开发实战技术栈:html5、css3、 javascript 、webpack 、react native 、vue.js 、node.js作者:iKcamp著出版社:电子工业出版社Chapter 1 .初识移动web前端1、三大阶段 静态技术阶段 动态技术阶段 后web2.0阶段 2、H5新特性 语义化:拥有更加丰富的标签,对微数据、微结构等有着非常友好的支持,赋予网页更好的意义和结构 本地存储:基于该技术开发的网页应用原创 2020-10-06 17:33:19 · 595 阅读 · 0 评论 -
chrome中图片不显示出现,报错net::ERR_BLOCKED_BY_CLIENT
1、情景再现:报错信息如下:2、原因:安装的chrome第三方插件拦截了图片,插件将此请求定义为了广告,进而拦截3、解决方案: 更换了图片名称并再次加载即可原创 2020-09-22 17:02:55 · 762 阅读 · 0 评论 -
前端面试题(一)
接口怎么调用? 移动端、PC端第三方登录怎么做? 项目中的分页怎么做?讲下过程 PC网页端获取地理位置怎么做?后期有空更新答案,杀手锏:不知道怎么回答就调接口。原创 2020-09-02 11:15:53 · 159 阅读 · 0 评论 -
mui报错:[Intervention] Unable to preventDefault inside passive event listener due to target being
1、报错场景:利用mui写demo时,在html文件引入了mui的css、js文件2、报错信息:3、原因:新版谷歌浏览器的问题。当浏览器对默认的事件进行响应的时候,要检查一下是否进行了默认事件的取消。这样就在响应滑动操作之前有点耽误时间。4、修复解决bug:在公共样式或者html测试文件中添加如下代码即可:<style> * { touch-action: none; }</style>5、刷新页面重新运行即可原创 2020-09-01 10:11:59 · 1745 阅读 · 2 评论 -
Vue-cli3.0 + axios + mockjs 实战入门初体验
实战项目开发中,我们经常采用前后端分离的开发模式,那么在没有后端接口时,我们是否可以独立于后端进行开发呢?答案是肯定的。mock便可以给你提供这样的体验,模拟了各种开发场景,提供了丰富的数据类型,支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色,让你如行云流水般舒适的摆脱后端进行开发。用法也是相当的简单,下面我们就在vue框架中体验一把mock的用法吧,飞一般的感觉,如梦初醒~下载node安装包并安装:点击下载 安装vue脚手架:npm install -g @vue/cli .原创 2020-05-19 17:06:29 · 1156 阅读 · 0 评论 -
Error: invalid code, hints: [ req_id: * ]
1、问题描述:这个问题是在处理订单支付时需要用户登录遇到的,具体报错信息如下:2、报错原因:当前开发者的appid没有支付权限导致3、解决方案:需要负责人给分配对应的权限...原创 2020-04-19 09:10:22 · 11769 阅读 · 1 评论 -
wepy.login()返回undefined
1、问题描述:可以正常获取登录者的userInfo信息,但是在使用async/await调用wepy.login()时返回undefined2、解决方法:在app.wpy中配置 promisify,代码如下: constructor () { super() this.use('requestfix') this.use('promisify') }...原创 2020-04-19 08:57:43 · 710 阅读 · 0 评论 -
errMsg:"chooseAddress:fail auth deny"
获取不到收获地址原因:这是在选择地址的时候拒绝授权绑定引起的,小程序在请求权限的时候,用户拒绝了解决方案:需要重新开启授权步骤:在工具栏选择清缓存中的“清除授权数据”,重新编译,如图:...原创 2020-04-17 19:40:24 · 1834 阅读 · 0 评论 -
京东实习生笔试题
var a=10function b(){ console.log(a) a = 100 console.log(a) console.log(this.a) return; function a(){}}b() 输出以上题目答案原创 2020-04-17 14:54:08 · 723 阅读 · 0 评论 -
Error: 未找到入口 sitemap.json 文件,或者文件读取失败,请检查后重新编译。
问题:解决方案:1、在dist根目录下添加一个sitemap.json 文件2、打开dist/sitemap.json文件将如下代码复制进去:{ "rules":[{ "action": "allow", "page": "path/to/page", "params": ["a", "b"], "matching": "exact" ...原创 2020-04-14 14:50:30 · 11674 阅读 · 4 评论 -
element-ui 设置菜单栏展开
element-ui侧边栏默认要如何做:default-openeds当前打开的sub-menu的key数组<el-menu class="el-menu-vertical" theme="dark" :default-openeds="openeds">openeds需要在data里面定义一下openeds是一个数组(当前打开的sub-menu的key数组)...原创 2020-04-06 10:12:09 · 1628 阅读 · 0 评论 -
浏览器渲染机制
浏览器渲染机制的第一步是DOM树的构建,DOM树的构建过程:一般为bytes–>characters–>tokens–>nodes–>object modal。(1)当服务器返回一个html文件给浏览器的时候,其实浏览器接收到的是一些字节数据。(2)浏览器根据http响应中的编码方式一般为utf-8,进行对这些字节解析成字符。如果这时候的解析编码与文件的编码方式不一样,...转载 2020-03-11 11:55:48 · 258 阅读 · 0 评论 -
bodyPaser.urlencoded extended
// 引入body-parser模块 用来处理post请求参数const bodyPaser = require('body-parser');// 处理post请求参数app.use(bodyPaser.urlencoded({extended: false}));extended: false:表示使用系统模块querystring来处理,也是官方推荐的 extended: tr...原创 2020-02-13 20:44:07 · 437 阅读 · 0 评论 -
react jsx中样式渲染
1、行内样式渲染import React from 'react';import ReactDOM from 'react-dom';const title = { color:'red'}const songs = [ {id:1,name:'赤西虐对1'}, {id:2,name:'赤西虐对2'}, {id:3,name:'赤西虐对3'},]...原创 2020-02-10 16:21:26 · 355 阅读 · 0 评论 -
执行npm install的时候报错npm ERR! Unexpected end of JSON input while parsing near '...sh_time":141072930277
解决方案直接执行 npm cache clean --force, 如果执行成功,再npm install即可。如果执行失败,请先升级npm,即npm i -g npm, 最后再执行npm cache clean --force, 最后再npm install.如果还执行失败,那就先npm cache verify,再npm cache clean --force,最后再npm inst...原创 2020-02-06 11:01:57 · 755 阅读 · 0 评论 -
小程序 wx.request与axios跨域问题
首先小程序中无跨域问题,因为微信小程序的做法是由他们的后台取访问我们的后台,所以实际的“跨域问题”已经在我们的小程序与微信后台交流的时候解决了。1、wx.request是官方封装好的2、axios一般在vue中使用,浏览器存在跨域问题...原创 2020-02-06 09:40:56 · 1800 阅读 · 1 评论 -
react create-react-app 脚手架
npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! test-app@0.1.0 start: `react-scripts start`npm ERR! Exit status 1npm ERR! npm ERR! Failed at the test-app@0.1.0 start script.npm ERR! This is pr...原创 2020-02-06 09:37:33 · 255 阅读 · 0 评论 -
npx 作用
npm 从5.2版开始,增加了 npx 命令。npx什么作用呢?npx 作用:直接调用项目内部安装的模块,而无需再输入模块路径。例如,若调用 Mocha ,只能在项目脚本和 package.json 的scripts字段里面, 如果想在命令行下调用,必须像下面这样。# 项目的根目录下执行$ node-modules/.bin/mocha --versionnpx 就是想...原创 2019-12-17 13:58:28 · 746 阅读 · 0 评论 -
component :is
<component :is="name"></component>相当于把id为name的组件放到对应的位置原创 2019-12-16 16:29:07 · 3744 阅读 · 0 评论 -
Vue:filter全局注册
Vue.filter('lower', function(val) { return val.charAt(0).toLowerCase() + val.slice(1); }); var vm = new Vue({ el: '#app', data: { msg: '' }, filters: { ...原创 2019-08-11 09:37:53 · 480 阅读 · 0 评论 -
前端工程师需要掌握的PHP+mysql知识总结
PHP基础语法:1、isset()、unset()、empty()区别?答:是否存在 isset() 删除 unset() 是否为空empty()2、单、双引号区别?答:1⃣️对变量的解析不同:双引号可以解析变量,单引号对变量不解析原样输出; 2⃣️解析的速度不同:单引号不需要考虑变量的解析,速度比双引号快;3、$_GET与$_POST区别?答:1⃣️大小:get为2K post默认8...原创 2019-04-19 19:54:07 · 675 阅读 · 0 评论 -
Python:前端面试题(附答案)
为H1标签定义样式表:字体红色、14像素大大小小,内边距4像素,分别写出三个层级的写法,指出三种写法的优先权。用js设置的值为:admin<input type='text' id='username'><script type="text/javascript"> document.getElementById("username").value='admin';...原创 2019-04-19 19:52:28 · 638 阅读 · 0 评论 -
Ajax清晰请求步骤与代码
异步请求ajax的使用在前后台传递数据,优化用户体验起着至关重要的角色,那么下面给大家简单罗列了一下ajax请求的步骤与代码。一、原生JS中的Ajax:1、使用ajax发送数据的步骤第一步:创建异步对象var xhr = new XMLHttpRequest();第二步:设置 请求行 open(请求方式,请求url):// get请求如果有参数就需要在...原创 2019-04-17 19:46:39 · 76237 阅读 · 3 评论