星辰大海

文章目录问题描述：原因分析：什么是混合内容？通过 HTTPS 连接加载的安全网站具有以下优势解决方案：加载网页时始终使用 HTTPS URL使用 Content-Security-Policy-Report-Only 标头使用 Upgrade-Insecure-Requests CSP 指令通过Nginx 反向代理问题描述：Mixed Content: The page at 'https://' was loaded over HTTPS, but requested an insecure fra

文章目录找：快捷方式路径改：右键 “Git Bash”，打开 “属性”找：快捷方式路径C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Git改：右键 “Git Bash”，打开 “属性”

vim ~/.minttyrcFont=DejaVu Sans Mono for PowerlineFontHeight=14Transparency=lowFontSmoothing=defaultLocale=CCharset=UTF-8Columns=120Rows=30OpaqueWhenFocused=noScrollbar=noneLanguage=zh_CNForegroundColour=131,148,150BackgroundColour=0,43,54Cu

背景按照官网要求不固定表头，添加show-summary就可以显示合计行问题但是给table加了一个固定高度之后，就不显示了，打开控制台可以看到这个合计是存在的那么需要做两步,合计即可出现解决：在el-table标签上加 ref="table"在vue的生命周期updated中加上以下代码:this.$nextTick(() => { this.$refs['table'].doLayout();}) ...

let val = localStorage.getItem("title"); if(val === null){ if(location.href.indexOf("#reloaded")==-1){ location.href=location.href+"#reloaded"; location.reload(); } } return val;

文章目录VS Code安装扩展setting.json安装ESlint 依赖.eslintrc.jsonVS Code安装扩展VeturVue VSCode SnippetsBeautifyESLintPrettiersetting.json{ "editor.tabSize": 2, "editor.formatOnSave": true, // 保存文件时自动格式化,主要针对html/css/less/scss等eslint未覆盖的文件格式 "editor.codeAc

package.json"scripts": { ..... "lint": "eslint resources/js/**/*.js", "lint-vue": "eslint resources/js/**/*.vue" },command$ npm install --save-dev eslint eslint-config-airbnb-base eslint-plugin- import eslint-plugin-vue babe

示例：获取 i 标签中的 “你好啊”var a = '<i class="text-center">你好啊</i><p>干嘛呢</p>'a.replace(/<i(.*)?>(.*)<\/i>(.*)/, '$2')

文章目录情况一：路径问题情况二：每个组件的name 值情况三：驼峰命名法问题方式一：方式二：情况四：vue1.0和2.0的写法不同情况五：组件中含有 `情况一：路径问题引入路径不能使用 加号进行字符串与变量的拼接，应使用 ``# 错误示例：function view(name) { return () => import('../pages/'+name)}# 正确示例：function view(name) { return () => import(`../p

项目场景：在公司管理后台需要有一个 根据选择客户筛选拥有的服务 的功能问题描述：但是有上千条用户数据，一次性查询加载会导致页面有很长时间（大概4~5s）的空白期，用户体验很不友好。故需要进行优化，针对这个问题，网上解决方案也挺多的，此处参考 https://juejin.cn/post/6844903710972182536 解决方案，根据项目做了部分减配解决方案：一方面优化MySQL查询语句，另一方面前端分页查询数据。本文主要讲述如何修改 ElementUI 的el-select 组件支持

【Vue Laravel-mix】报错信息：Error with Vue lazy loading components: “Failed to resolve async component“uncaught error during route navigationcann’t xxxxx 'call ’bootstrap.js(63)参考https://github.com/JeffreyWay/laravel-mix/issues/2064 中所有的解决方法，均没有修改功能文.

场景：打算访问 /parent/child1 和 /parent/child2 ，但产生问题是：子页面一直空白显示# route.js 产生问题示例{ path: '/parent', children: [{ path: 'child1', component: () => import('@/pages/network/child1'), },{ path: 'child2', component: ()

@redisotschek：您阅读过chris-rodgers解决方案吗？＃2064（评论）脚步：创建一个名称为fake.scss的空文件在您的app.js中添加以下行：require（‘fake.scss’）;这将强制加载css-loader，因此将编译并加载您的Vue样式。@romanzipp：我认为这是解决此问题的好主意，因为我们发现了问题并找到了解决方法。https://github.com/JeffreyWay/laravel-mix/issues/2064#issuecommen

文章目录部分代码截图部分代码# 参数设置lineOptions: { backgroundColor: 'transparent', title: { text: this.title, left: 'center', top: "5", textStyle: { color: '#333', fontSize: '20' } }, geo: { map: 'worldAndChina', // china

let noData = `<div style="min-height:100%;">`;noData += `<p style="text-align: center;font-size: 15px;padding-top: 10px;font-weight: 600;">${this.title}</p>`;noData += `<div style="text-align: center;">暂无数据</div>`;noData +=

博主近期在看《Javascript高程（第三版）》，总结一些自己不很了解的知识点typeof类型typeof 是一个操作符而不是函数Undefinded类型var message;//这个变量声明之后默认取得了undefined值//age这个变量并没有声明//var age;alert(message);//"undefined"alert(age);//产生错误//对未初始化的变量

/项目配置文件/{ "project_type": "javascript", "debugMode" : 1, //调试模式 1:控制台，4：页面显示 "showFPS" : true,//是否显示帧率(页面左下角) "frameRate" : 60,//帧率大小（每秒60帧，人正常看每秒24帧） "noCache" : false, "id" :

<el-form id="aForm" method="post" ref="authForm" action="test.php"> <input type="hidden" name="isagree"> <input type="hidden" name="useragent"> <el-button type="primary" @click...

/** * 验证IPv4、IPv6、域名 */export function checkIPOrDomain(val) { const validIp46AndDomainRegex = "^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0...

使用 POST api/admin/users 创建新用户时，返回 401 Unauthorized查看日志lvl=info msg=“Request Completed” logger=context userId=0 orgId=0 uname= method=POST path=/api/admin/users status=401 remote_addr=127.0.0.1 tim...

前不久新学的html5中的audio，写了一个简单功能的音乐播放器，如不足之处，还请大神们指点一二。

有的页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面（查看）。如果你希望你的页面也更加有趣，那么你可以试试 WOW.js。WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。详见官方文档 wow.js...

文章目录图片 文字水平两端 、垂直居中 对齐图片 文字水平两端 、垂直居中 对齐<style>.parent{width:750px; margin:20px auto;display: -webkit-box;-webkit-box-pack: justify;display: -webkit-flex;-webkit-justify-content: space...

为了使英语字符不断开，我在显示内容的style是text-align:justify; text-justify:inter-ideograph。可是这样子在后台添加内容时，如果不是键盘输入的，而是copy到输入框里的话，这样前台显示出来的帖子内容会把表格撑得很宽。有人说采用自动换行就会解决这个问题style=”word-break:break-all”。可是这样一来，英语单词又断了。如何才能将这两

增加监控请求的详情时间 在CustomRules.js的class Handlers中增加//添加请求的响应时间public static BindUIColumn("Time Taken")function CalcTimingCol(oS: Session){ var sResult = String.Empty; if ((oS.Timers.ServerDoneResp

Break 终止并跳出循环体for(var i=0; i<5; i++){ if(3===i){ break; } console.log(i);}Continue 终止本次循环的执行，并继续下一次循环for(var i=0; i<5; i++){ if(3===i){ continue; } console.log(i);}return 用于

设置电脑浏览器user-agent--user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1"（建议谷歌浏览器安装 User-Agent Switcher for Googl

1、点击聚焦onfocus="if (value =='请输入您的电话号码'){value =''}" onblur="if (value ==''){value='请输入您的电话号码'}"相信很多人在写form表单的时候能用到。顺带提一下，当我们点击input框时会有出现蓝色边框，我们可以这样来处理input｛outline:none;｝。2、ie的透明度兼容background:#000;fil

1. 模块(只对外暴露指定的内容)： 核心模块(内置)：http 文件模块: 2. 文件模块： 加载文件模块：根目录（/）同级（./）;父级（../） 导出模块： 隐藏两对象：exports、module.exports(区别点) 使用：exports.属性（方法） = 函数（具体值）； module.exports.属性（方法

报错原因可能有这两种： 1.缺少一个英文的逗号或者缺少括号。 2.数据类型弄错了。可以朝检查数据类型这个方向去看看代码。

如何让网页模板在thinkphp环境中显示给我们

$("body").on("touchstart", function(e) { // 判断默认行为是否可以被禁用 if (e.cancelable) { // 判断默认行为是否已经被禁用 if (!e.defaultPrevented) { e.preventDefault(); } }

第一步，根据端口号查找对应的进程号1. netstat -ano | findstr 80 //列出进程极其占用的端口，且包含 80 第二步，据进程号寻找进程名称tasklist | findstr 2000 关闭进程taskkill -PID &lt;进程号&gt; -F //强制关闭某个进程 ...

this.$nextTick(() => { })nextTick的主要应用的场景及原因。在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调...

当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。<form id='form1' action='a1.jsp' method='post'><input type='text' name='name' /></form>再添加一个<input type="tex...

updateIframeSrc(index = 0) { let srcLen = this.srcArr.length; if (index == srcLen) { return false; } else { var iframe = document.createElement(&amp;amp;quot;iframe&amp;amp;quot;); ifr...

生命周期：beforecreate : 一般使用场景是在加 loading事件 的时候created ：处于loading结束后，还做一些初始化，实现函数自执行（data数据已经初始化，但是DOM结构渲染完成，组件没有加载）beforemount：处于组件创建完成，但未开始执行操作mounted ：处于发起后端请求，获取数据，配合路由钩子执行操作（DOM渲染完成，组件挂载完成 ）b...

父组件&lt;child ref="childRef"&gt;&lt;/child&gt;mounted(){ this.$ref.childRef.childEvent();}使用created() 失效子组件methods: { childEvent(){ // xxxx }}

前端方面：jQuery + Bootstrap 多页面应用：优点： 数据可以直接渲染，对于搜索引擎（SEO）友好BootStrap 对移动端和PC端界面展示都很友好后期维护方便，成本低，易上手缺点： 页面之间传递数据比较局限，可以URL/Cookie/Storage等方式吧资源请求较多，不过就现在这个网速情况，大部分没有问题Vue + ElementUI（BootStrap...

安装npm yum install npm安装vue npm install vue安装vue-cli sudo npm install --global vue-cli 注意： 因为全局安装，会安装在/usr/lib/node_modules 下，需要管理的权限创建基于webpack下的vue项目 vue init webpack my-project (my-project...