03 2019 档案
摘要：vue前端面试题知识点整理
1. 说一下Vue的双向绑定数据的原理
vue 实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调
阅读全文
摘要：web开发前端面试知识点目录整理
基本功考察，工程能力考察，内功考察，附加技能考察
阅读全文
摘要：EXCEL 如何实现下拉填充公式，保持公式部分内容不变，使用绝对引用
在不想变的单元格前加$符号(列标和列数，两个都要加$)，变成绝对引用，默认情况是相对引用
L4固定不变的方式：$L$4
阅读全文
摘要：用pdf.js实现在移动端在线预览pdf文件
1、下载pdf.js
官网地址：https://mozilla.github.io/pdf.js/
2、配置
下载下来的文件包，就是一个demo，仿照这个demo做就可以
阅读全文
摘要：抓取网页报403错误，爬虫解决403禁止访问错误方法
一般就是被禁止了，加上对应的header参数就可以了，要具体分析正常访问时需要那些头信息
其中User-Agent是浏览器特有的属性，通过浏览器F12调试器就可以看到
阅读全文
摘要：ThinkAdmin for PHP后台管理系统
ThinkAdmin 是一个基于 Thinkphp 5.1.x 开发的后台管理系统，集成后台系统常用功能。
基于 ThinkPHP 5.1 基础开发平台（后台开发） http://demo.thinkadmin.top
ThinkAdmin · ThinkAdmin V3.0 开发手册 · 看云
https://www.kancloud.cn/zoujingli/thinkadmin/323614
阅读全文
摘要：android上instant app介绍 类似于微信小程序
instant app 是谷歌推出的类似于微信小程序（或者说小程序类似于instant app）的一项技术，用户无须安装应用，用完就走，同时兼备h5的便捷和原生应用的优质体验。
当用户点击链接时，通过applink去打开相应的instant app，如果之前没有打开过，则会从play store去下载并打开，整个过程一气呵成，跟浏览器打开网页，如果有缓存先读缓存，没有就去服务器loading一样
阅读全文
摘要：Jupyter Notebooks 是数据科学/机器学习社区内一款非常流行的工具。
Jupyter Notebooks 允许数据科学家创建和共享他们的文档，从代码到全面的报告都可以。
阅读全文
摘要：数据库主从同步相关问题
主从可以监控 还有一致性检查那些
主从同步有些语句 可能有影响
看主从配置的模式 有混合模式
主从同步是靠日志同步
可以用以下三种模式来实现：
– 基于SQL语句的复制(statement-based replication, SBR)，
– 基于行的复制(row-based replication, RBR)，
– 混合模式复制(mixed-based replication, MBR)。
延迟的话问题较小,数据不一致得处理会麻烦点
阅读全文
摘要：前端使用node.js的http-server开启一个本地服务器
在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。
本文是利用node.js中的http-server，开启本地服务，步骤如下：
阅读全文
摘要：css中height 100vh的应用场景，动态高度百分比布局，浏览器视区大小单位
一些只能vw, vh才能完成的应用场景：
1. 场景之：元素的尺寸限制
vw vh 主要是实现了动态高度百分比布局，比如宽高比不固定的图片，vw很轻易的实现正方形图片缩略图
原始大图的尺寸限制问题——因为很有可能图片过大，尼玛一屏显示器区域不够放，我们需要对其进行缩放处理。
这类限制的实现，在当下，需要获得图片的原始大小，以及浏览器内部尺寸，算大小，算比例等，算是比较折腾的。
但是，vw, vh等单位本身就是浏览器视区大小相关单位，直接使用其做限制，岂不省了N多JS代码？
阅读全文
摘要：通过浏览器F12开发工具快速获取别的网站前端代码的方法
说明：直接另存为网页是比较老的做法，会有很多没用的东西下载下来。通过F12开发工具，sources获取到的是比较好的，有目录结构的源文件。
阅读全文
摘要：vue打包app嵌入h5，区分app进入和android，ios显示不同的下载链接
需求：自己app打开的登录页面不显示app下载链接。
其他地方打开判断android手机的跳转到android下载页链接，ios手机的跳转到ios下载链接，pc版的不显示下载链接。
H5前端与Android和iOS混合开发时，需要区分浏览器平台，JS判断客户端是否是iOS或者Android手机移动端
阅读全文
摘要：vue实现验证码倒计时60秒的具体代码
获取验证码
{{count}} s
阅读全文
摘要：vue用hbuilderX打包app嵌入h5方式云打包和遇到的问题
vue用hbuilderX打包app就可以了，不过有兼容性问题，转换rem的用不了，嵌入到app的webview里面变得很小了，另外还有返回键监听的问题需要处理，否则按手机上的返回键不起作用，另外缓存问题，加载页跳转白屏问题也需要优化。
安卓本地打包要用这个安卓的sdk项目，参考官网这个链接：http://ask.dcloud.net.cn/article/38
安卓本地打包我没去搞，用的是它的云打包
你下载一个hbuilderX
用hbuilderX打开Android打包源项目，点击发行->云打包即可
阅读全文
摘要：Cookie写不进去问题深入调查 https Secure Cookie
什么情形下，Cookie 会写不进去？https Secure Cookie
像是语法错误那种显而易见的就不用说了，除此之外你可能会答说：写完全不同domain的Cookie。例如说你的网页在http://a.com却硬要写http://b.com的Cookie，这种情形当然写不进去。
或者，你可能会回答：不在https却想加上Secureflag的Cookie。
没错，像是这种情形也会写不进去。
除了这些，你还能想到什么吗？
如果想不太到，那就听我娓娓道来吧！
阅读全文
摘要：vue配置手机通过IP访问电脑开发环境
config/index.js
// Various Dev Server settings
host: '0.0.0.0', // can be overwritten by process.env.HOST
port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
poll: false,
修改host: '0.0.0.0',errorOverlay: true,
阅读全文
摘要：区块链名词解析：ICO、IFO、IEO和IMO，分别是什么呢？
阅读全文
摘要：微信内置浏览器禁止缓存的问题
解决方案1：
调试阶段或者频繁更新的页面加入以下头信息：
注：上面对一般浏览器有用，微信内置浏览器有时候可能没用
也可以通过服务器配置来解决缓存问题
解决方案2：
更新文件的时候，在引用css，js等文件的语句上加上一个版本号，就能有效防止浏览器一直使用缓存中的css，js
阅读全文
摘要：vue配置手机通过IP访问,Win10让局域网内其他电脑通过IP访问网站的方法
config/index.js
// Various Dev Server settings
host: '0.0.0.0', // can be overwritten by process.env.HOST
port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
poll: false,
修改host: '0.0.0.0',errorOverlay: true,
阅读全文
摘要：小米手机跨域问题，返回resphone：undefined，status 0
我小米note2的手机登录不上，返回resphone：undefined，status 0
我手机登录不了的问题解决了，后台接口跨域设置缺少head参数（注：关键是这个head参数）
allowMethods: ['GET', 'PUT', 'POST', 'PATCH', 'DELETE', 'HEAD', 'OPTIONS'],
阅读全文
摘要：使用HTML meta no-cache标签来禁用缓存
因为是 HTML 页面，可以于 HEAD 标签内直接添加 META 标签：
其他文件就需要使用服务器设置文件控制 header
阅读全文
摘要：vue 定义全局函数，监听android返回键事件
方法一：main.js 注入
（1）在main.js中写入函数
Vue.prototype.changeData = function (){
alert('执行成功');
}
（2）在所有组件里可调用函数
this.changeData();
方法二：
单独创建一个 .js 文件，用于存放常用函数，并全局引用
阅读全文
摘要：vue使用v-for时vscode报错 Elements in iteration expect to have 'v-bind:key' directives
Vue 2.2.0+的版本里，当在组件中使用v-for时，key是必须的
错误提示:
[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.
Renders the element or template block multiple times based on the source data
原因是eslint检测出现bug
解决方法：
1.在v-for 后添加 :key='item'
阅读全文
摘要：vue获得当前页面URL动态拼接URL复制邀请链接方法
当前页面完整url可以用 location.href
路由路径可以用 this.$route.path
路由路径参数 this.$route.params
实例：动态邀请链接，获得当前页面URL去掉path，替换成注册的加上邀请码：
this.invitelink = location.href.replace(this.$route.path,'') + "/register?invitecode=" + this.invitecode;
复制邀请链接方法：
main.js里添加：
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
阅读全文
摘要：pt和px区别 pt是逻辑像素，px是物理像素
字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？
先搞清基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；
pt就是point，是印刷行业常用单位，等于1/72英寸。
以iPhone8为基础750做的设计pt单位的，再网页中用px做单位要在pt基础上乘以2了
阅读全文
摘要：网站https证书SSL证书相关
二级域名可以申请证书来使用，主域名申请的单域名证书，二级域名不在https加密保护内，通配符证书可以保护主域名下所有的二级子域名，二级域名等于和主域名使用的同一张证书。
一、SSL证书概况：
1、SSL证书是数字证书的一种，类似于驾驶证、护照和营业执照的电子副本，因为配置在服务器上，也称为SSL服务器证书。
2、遵守SSL协议，由受信任的数字证书颁发机构CA（如GlobalSign），在验证服务器身份后颁发，具有服务器身份验证和数据传输加密功能。
阅读全文
