前端技能
关注
分享
扫一扫
微电子学与固体电子学-俞驰
如切如磋，如琢如磨，臻于至善。
展开
-
HTML 文档的字符编码未声明。如果该文件包含 US-ASCII 范围之外的字符，该文件将在某些浏览浏览器配置中呈现为乱码。页面的字符编码必须在文档或传输协议层声明。
在test.html文件的开头加上下面的语句（我们以test.html为例）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang = "zh-CN">在<head>下面加上下面的语...原创 2020-09-24 20:12:03 · 4048 阅读 · 0 评论 -
网页label标签内的字体颜色修改
<style>/*div{width:100%;text-align:center;}*/label span { color: white; }</style><body><label><span>确认密码:</span></label></body>原创 2020-09-22 14:55:18 · 3167 阅读 · 0 评论 -
数据驱动的不同含义
目前关于"数据驱动"我听到两个不同场景的说法:场景1:xxx公司是一家以数据驱动为导向的公司。场景2:数据驱动轮询，和Vue/React相关所以前者是商业场景描述，后者是前端知识，在理解对方或者资料中说的话时，需要进行区分。...原创 2020-07-11 08:07:03 · 436 阅读 · 0 评论 -
页面上显示的带有乱码名称的js文件是怎么回事?
如图，当我们页面点击login/register的时候，F12出现一个xxxx.js对localhost:8000/graphql发送请求。然后在工程文件夹里面根本找不到这个文件的时候，这个是怎么回事呢？答案:这个东西来自于webpack脚手架，让多个静态文件合并成一个静态文件，这样可以减少浏览器加载js文件的数量。...原创 2020-03-15 15:21:48 · 370 阅读 · 0 评论 -
ubuntu系统下面PhantomJS not found on PATH
完整报错如下:PhantomJS not found on PATHDownloading https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-linux-x86_64.tar.bz2Saving to /tmp/phantomjs/phantomjs-2.1.1-linux-x86_64....原创 2020-03-14 14:27:10 · 1233 阅读 · 0 评论 -
连续设置多张背景图片并且平铺
代码如下:<div id="Layer1" style="position:absolute; left:0px; top:46px; width:100%; height:100%"> <img src="http://127.0.0.1:10072/static/background/1.jpg" width="100%" height="100%"/>...原创 2020-02-08 12:31:40 · 930 阅读 · 0 评论 -
视频横向拉伸且铺满
代码如下:<style>.videot { width: 100% !important; height: 100% !important; }</style><body><video class="videot" id="videot" autoplay="autoplay" src="static/r...原创 2020-02-07 14:07:21 · 839 阅读 · 0 评论 -
圆角阴影边框
完整代码如下:<!DOCTYPE html><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title></head> <style > .demo{ border-radius:10px; w...原创 2020-02-07 13:38:26 · 185 阅读 · 0 评论 -
html放缩都让内容处于正中间
代码如下:<div style="width:100%; background-color:#white; height: 41px; "> <div style="height: 41px; width: 1038px; margin:0 auto; background-color:white;"/> <p>谢谢谢谢谢谢&l...原创 2020-02-07 13:09:27 · 403 阅读 · 0 评论 -
css3加载图片淡入效果
代码如下:<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"></head><style type="text/css"> .div { position: relat...原创 2020-02-06 17:55:26 · 456 阅读 · 0 评论 -
CSS3飘带状3D菜单修改记录
＃－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－.menu li a span:first-child{font-family:icon;font-size:38.6px;display:block;}这句话是修改不对齐问题的:＃－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－.menu:after{clear:both;r...原创 2020-02-06 12:30:46 · 295 阅读 · 0 评论 -
BootStrap轮播图失效
失效情况为：预期只显示一张图片，解雇一个页面上同时显示三张图片．解决办法: <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">原因:样式文件没有导入...原创 2020-02-05 19:04:38 · 2081 阅读 · 0 评论 -
Unknown custom element: xxx
解决方案:pc_admin/frontend/src/main.js中添加:import ElementUI from 'element-ui' //element-ui的全部组件import 'element-ui/lib/theme-chalk/index.css'//element-ui的cssVue.use(ElementUI) ...转载 2020-02-03 16:22:47 · 1582 阅读 · 0 评论 -
Property or method "xxxx" is not defined on the instance but referenced during render.
[Vue warn]: Property or method "getdata" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based comp...原创 2020-01-13 17:20:09 · 8909 阅读 · 0 评论 -
Vue文件导致的报错 'axios' is not defined
✘ http://eslint.org/docs/rules/no-undef 'axios' is not defined src/App.vue:17:5 axios ^解决方案：<script>import axios from 'axios'</script>...原创 2020-01-13 14:25:51 · 4732 阅读 · 0 评论 -
vue的钩子函数created以及mounted的示意(转载)
这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。一般可以在created函数中调用ajax获取页面初始化所需的数据。实例生命周期每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要...转载 2020-01-13 11:15:01 · 1388 阅读 · 0 评论 -
Missing space before function parentheses
data() {}改成:data () {}原创 2020-01-11 19:50:18 · 977 阅读 · 0 评论 -
Vue文件的缩进改为4个空格
系统为:Ubuntu 19.10/home/appleyuchi/桌面/Front_Design/vue教程-没有完成/研究/vuecliTest#---------------------------------------------------------------------------------------------------在根目录下面:subl .edit...原创 2020-01-11 19:36:35 · 2706 阅读 · 0 评论 -
App.vue文件報錯
下面是运行的命令:cnpm run devWARNING Compiled with 1 warnings 下午7:19:23 ✘ http://eslint.org/docs/rules/semi ...原创 2020-01-11 19:31:18 · 1694 阅读 · 0 评论 -
v-bind单向绑定与v-model双向绑定
Vue.js 最显著的特点就是响应式和数据驱动，也就是将Model和View(View在下面的图示中)进行单向绑定或者双向绑定。Vue.js主要有三种数据绑定形式，并且都是基于单向绑定和双向绑定。1.插值形式 {{}}2.单向绑定(v-bind)：把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新。因此，我们不需要进行额外的DOM操作，只需...原创 2020-01-04 10:34:37 · 2794 阅读 · 1 评论 -
jQuery和Vue的区别(转载)
1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑...原创 2020-01-01 12:51:34 · 273 阅读 · 0 评论 -
什么是单页应用(转)
说白就是无刷新，整个webapp就一个html文件，里面的各个功能页面是javascript通过hash,或者history api来进行路由，并通过ajax拉取数据来实现响应功能。因为整个webapp就一个html，所以叫单页面！通俗点来讲，在应用整个使用流程里浏览器由始至终没有刷新，所有的数据交互由ajax完成。但是用户体验起来和app一样，有明确的页面区分，即所谓的web app...转载 2019-12-29 12:35:17 · 237 阅读 · 0 评论 -
altert/html打印出来的是[object Object]
解决方案如下:<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script><button id="btn">点击<...原创 2019-12-24 10:52:45 · 1647 阅读 · 0 评论 -
Flask碰到 原因:CORS 头缺少 'Access-Control-Allow-Origin'解决方案 解决
完整问题:已拦截跨源请求：同源策略禁止读取位于 http://localhost:10072/sendAjax2 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'根据[1]需要html和flask同时配合flask部分如下:from flask import Flask,render_template,request,jsonif...原创 2019-12-22 23:20:04 · 5194 阅读 · 0 评论 -
ajax请求flask以后得到的响应查看
如果ajax请求的flask函数是这样的:@app.route('/sendAjax2', methods=['POST'])@cross_origin()def sendAjax2(): # password = request.form.get('password') # username = request.args.get('username') da...原创 2019-12-22 22:04:29 · 313 阅读 · 0 评论 -
flask和ajax通信详细步骤与完整代码
##################################下面是思路############################################flask的api至少写两个函数：一个用来返回页面;一个用来响应页面上ajax的get请求##################################下面是实验步骤#######################...原创 2019-12-22 15:08:33 · 664 阅读 · 0 评论 -
通俗理解回调函数
回调函数总是听起来很蛋疼，对吧。一句话解释回调函数:A是程序员方，B是系统方。A调用B的模块，这叫"调用"B调用A的模块，这叫"调用回去",简称，回调。意思是:A中设定的某个模块,"被系统调用回去"，即"被系统回调"，这个就叫回调函数。同样的，上面的系统方也可以是服务端，上面的程序员方可以是客户端。在其他很多技术场景都有回调函数的存在，理解的关键是:调用与被调...原创 2019-12-22 14:00:09 · 729 阅读 · 0 评论 -
已拦截跨源请求：同源策略禁止读取位于XXXXXXXXXXXXXXXX/demo_test.txt 的远程资源。（原因：CORS 请求不是 http）
完整问题复现如下:已拦截跨源请求：同源策略禁止读取位于XXXXXXXXXXXXXXXX/demo_test.txt 的远程资源。（原因：CORS 请求不是 http）原始代码index.html在附录中#############################################################################################...原创 2019-12-22 11:32:30 · 8531 阅读 · 0 评论 -
浏览器的headers
按下F12->Network->All->Headers如果还是找不到，可以是:原创 2019-12-15 18:19:47 · 699 阅读 · 0 评论 -
菜鸟教程-Javascript学习笔记-JS函数之前
教程连接是:https://www.runoob.com/js/js-tutorial.html DOM（一些操作页面元素的方法） BOM（一些操作浏览器的方法） #####################################################简介<!DOCTYPE html><html><head...原创 2019-12-12 22:55:40 · 626 阅读 · 0 评论 -
菜鸟教程-css3学习笔记
学习链接是:https://www.runoob.com/css3/css3-tutorial.html####################################################################css3教程<!DOCTYPE html><html> <head><meta charset...原创 2019-12-12 12:42:49 · 513 阅读 · 0 评论 -
菜鸟教程-css学习笔记
CSS实例中有很多CSS的例子，可以学习。<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style>body{ background-color:#d0e4fe;}h1{...原创 2019-12-10 20:52:24 · 881 阅读 · 1 评论 -
菜鸟教程-HTML 教程学习笔记
教程链接是:https://www.runoob.com/html/html-tutorial.html##########################################################################3HTML 网页结构下面是一个可视化的HTML页面结构：HTML版本从初期的网络诞生后，已经出现了许多HTML版本:...原创 2019-12-09 22:14:03 · 705 阅读 · 1 评论 -
yelee主题中的Busuanzi网站统计失效问题
themes/yelee/layout/_partial/after-footer.ejs将 src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"修改为 src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"...转载 2019-06-17 15:49:17 · 479 阅读 · 1 评论 -
yelee主题有时候出现背景完全空白的问题
为了防止背景完全空白，必须修改_config.yml中的background_img的数量，因为这个主题和背景相关的代码是：var backgroundnum = <%= theme.background_image %>;url(<%- theme.root_url %>/background/bg-x.jpg)".replace(/x/gi, Math.ceil(...原创 2019-06-15 13:18:10 · 374 阅读 · 0 评论 -
linux下面获取当前bing-国内版的壁纸
1.访问https://cn.bing.com/HPImageArchive.aspx?format=xml&idx=0&n=1得到里面的字符串/th?id=OHR.RedAnthiasCoralMayotte_EN-CN7102584078_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp2.http://s.cn....转载 2019-06-30 23:08:10 · 1009 阅读 · 0 评论 -
hexo的yelee主题修改文章正文颜色、正文字體大小
一、修改正文字體顏色路徑：themes/yelee/source/css/_partial/article.styl中修改.article-inner这个模块，加入color这一行.article-inner{ color: #FFFFFF position: relative; margin-bottom: 0px; padding-bottom: .5e...原创 2019-06-16 14:02:12 · 1386 阅读 · 0 评论 -
hexo 修改yelee文章标题字体颜色
修改路径是：themes/yelee/source/css/_partial/article.styl.article-title { color: #FFFFFF; margin-left: 0px; font-weight: 400; line-height: 1.3; margin-bottom: 20px; -webkit-transition: col...原创 2019-06-16 13:47:41 · 1063 阅读 · 0 评论 -
hexo的yelee主题文章背景颜色修改
修改source/css/_variables.styl文件，然后article-color = rgba(white,.45)改为article-color = rgba(black,.65)保存退出。hexo clean && hexo g && hexo d更新即可...原创 2019-06-16 13:29:01 · 1269 阅读 · 0 评论 -
hexo的yelee主题让文章呈现圆角效果
修改办法如下：然后hexo clean && hexo g && hexo d然后登陆自己的网页查看效果即可article // box-shadow 1px 2px 3px #ddd border-radius 17pxthemes/yelee/source/css/_partial/article.styl中加入ar...原创 2019-06-16 12:43:52 · 1090 阅读 · 0 评论