- 博客(108)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 mac修改Hosts
（3）找到共享与权限，将everyone的权限修改为读和写，保存后修改hosts文件，修改成功后记得把权限改回来哦！（1）打开Finder，快捷键Shift+Command+G查找文件，输入/etc/hosts，点击前往。（1）打开Finder，快捷键Shift+Command+G查找文件，输入/private前往。（2） 复制hosts文件到桌面，修改成功后替换原hosts文件即可。键盘输入i（插入），修改完成后，按 esc 键退出插入页面。（2）输入本机密码后，会自动打开hosts文件。
2023-02-02 11:23:27
1017
转载 CSS 布局
这些子元素的基本最小值为 150px ，最大值为 1fr ，这意味着在较小的屏幕上，它们将占据整个 1fr 宽度，当它们达到 150px 宽度时，它们将开始流到同一条线上。这也是实现响应式排版的好方法。这是营销网站的常见布局，例如，可能有一行 3 个项目，通常带有图像、标题，然后是一些描述产品某些功能的文本。1fr页眉和页脚内容设置为自动采用其子项的大小，并将剩余空间 ( 1fr ) 应用于主区域，而auto调整大小的行将采用其子项的最小内容的大小，以便该内容大小增加，行本身将增长以进行调整。
2022-09-20 10:20:35
150
转载 手把手构建WebView缓存机制及资源预加载方案
综上所述，产生性能问题主要原因是：示意图上述问题导致了的H5页面体验 与 原生Native存在较大差距。本文主要 对的性能问题 & 解决方案 进行了全面介绍Carson带你学WebView系列文章Carson带你学Android：这是一份全面&详细的WebView学习攻略Carson带你学Android：最全面、易懂的Webview使用教程Carson带你学Android：全面总结WebView与 JS 的交互方式Carson带你学Android：手把手构建WebView缓存机制及资源预加载方案。
2022-09-02 17:43:05
1463
原创 html2canvs的一些问题
options对象可选的值如下：options有一个ignoreElements参数可以用来忽略某些元素，从渲染过程中移除，除了设置该参数外，还有一种忽略元素的方法，就是在需要忽略的元素上增加属性。跨域的问题对于允许跨域的图片我们可以在 里面看到对于这个问题，最简单的解决方案就是直接在所在图片的 标签里面加上 ，即：在某些情况下如果你发现加上 之后，图片显示不出来了，此时给图片的 中拼上一个随机字符串即可。当然，想要永久的解决这个问题需要后端同学配合在图片服务器上设置 图片服务器配
2022-08-30 15:40:03
713
转载 web服务器设置缓存时间
前端性能优化 —— 添加Expires头 <meta http-equiv="expires" content="Sunday 26 October 2010 01:00 GMT" />简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求， WEB服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本，直到指定的时间为止。expires用于设定网页的过期时间,一旦过期就必须从服务器上重新加
2022-02-14 10:49:36
403
转载 Mac上传文件到Linux服务器
https://www.jianshu.com/p/1afd25e7459d1、 打开终端，选择打开终端2、选择安全文件传输，输入连接主机IP新建远程连接3、输入主机名新建远程连接.png4、输入yes，然后输入主机密码，按回车结束确认连接输入远程主机密码5、连接成功，上传文件put 本地文件路径 远程主机路径上传结果如图上传文件6、linux主机下查看文件查看文件想传的文件就已经优雅的躺在那里了
2021-07-11 08:27:16
235
转载 浏览器渲染网页原理
让我们来构建一个浏览器引擎吧（建议收藏）DevUI团队发布于1 月 6 日DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）官方交流：添加DevUI小助手（devui-official）DevUIHelper插件：DevUIHelper-LSP（欢迎Star）引言前端有一个经典的面试题：在浏览器地址栏输入URL到最终..
2021-04-14 10:30:55
242
原创 学习操作系统的知识，看哪本书好？
转载知乎的一个问题回答，操作系统确实难刷，我也在刷操作系统，目前已经整理出来前四张的内容了，是我根据中文版和英文版结合来看的，下附我的文章链接第一章：操作系统介绍写给大忙人看的操作系统mp.weixin.qq.com第二章：关于进程和线程写给大忙人看的进程和线程mp.weixin.qq.com第三章：内存管理内存：你跑慢点行不行？CPU：跑慢点你养我吗？内存：我不管！mp.weixin.qq.com第四章：文件管理简直不要太硬了！一文带你彻底理解文件系统mp..
2021-04-14 09:54:45
1926
1
转载 webpack打包后引用cdn的js_用CDN的react webpack打包文件
此文不介绍webpack基本配置，如果对基本配置有疑问请查阅官方文档。1.配置webpack.config.js将output.publicPath改成上传到的cdn地址, 例（对应上面上传配置）：publicPath: "https://your_base_cdn_url" + process.env.NODE_ENV + "/cdn/"打包NODE_ENV=production node_modules/webpack/bin/webpack.js -p这样打包后的文件例如有
2021-02-20 14:27:31
584
原创 cdn讲解
阿里巴巴淘系技术已认证的官方帐号933 人赞同了该回答淘宝的图片访问，有98%的流量都走了CDN缓存。只有2%会回源到源站，节省了大量的服务器资源。但是，如果在用户访问高峰期，图片内容大批量发生变化，大量用户的访问就会穿透cdn，对源站造成巨大的压力。结合阿里淘系2020年双11的淘宝实践，给大家分享下在图片业务里，我们是如何使用CDN以及如何解决挑战和困难。（点击头像关注我们，看更多阿里工程师干货）———————————————————————————————————..
2021-02-20 10:59:47
3269
1
转载 Mac - vscode - flutter环境搭建
一、Mac - vscode - flutter环境搭建2021.01.06 12:07:41字数 411阅读 150一、前提条件：brew； JDK; git; vscode; 官网下载Flutter下载最新版本 image.png image.png 二、将Flutter（解压后的）放到自己喜欢的位置：摆放的位置，会涉及到下面配置的路径。 如我放在下图 image.png 三、配置SDK和mac的环境关系执行命令：...
2021-02-19 15:13:28
530
转载 移动端开发可能遇到的坑
前言不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。三年半沉淀通过本文记录下所遇到的坑位，或许有些坑位还未遇到，但本文记录的40条坑位绝对能让同学们少走很多弯路，特别是前端小白。为了减少废话提高本文质量，对以下内容做一些约定。提及的安卓系统包
2021-01-29 10:20:26
570
转载 会话技术Cookie&Session
一、会话技术简介从打开一个浏览器访问某个站点，到关闭这个浏览器的整个过程，称为为一次会话。因为Http协议是无状态的，也就是说每个客户访问服务器端资源时，服务器并不知道该客户端是谁，所以需要会话技术识别客户端的状态。会话技术就是记录这次会话中客户端的状态与数据的。会话技术分为Cookie和Session：Cookie：数据存储在客户端，减少服务器端的存储压力，安全性不好，客户端可以清除cookie。Session：将数据存储在服务器端，增加服务器的压力，安全性相对较好。二、Co.
2021-01-27 18:07:38
165
原创 web返回拦截
1.如果你做过 Android 的 Web 开发, 那么你应该发现了页面是无法监听屏幕右下方(也可能是左下方)的返回按钮的, 使用 XBack 则可以帮你粗略的监听页面返回事件(虽然不太准, ^_^)原理====XBack 使用 HTML5 的 History 新 API pushState 来曲线监听 Android 设备的返回按钮, 在页面加载后往历史记录写入一个 state, 并监听 popstate 事件, 如果返回按钮被按下, 则会触发 popstate, 比对到触发的 state 跟
2021-01-25 19:33:35
412
转载 keep-alive实现原理
一、前言本文介绍的内容包括：keep-alive用法：动态组件&vue-router keep-alive源码解析 keep-alive组件及其包裹组件的钩子 keep-alive组件及其包裹组件的渲染二、keep-alive介绍与应用2.1 keep-alive是什么keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。一个场景用户在某个列表页面选
2021-01-25 15:38:39
225
1
原创 react-router-dom
一、安装yarn add react-router-dom根组件index.js使用 Router 组件包裹根节点来实现全局的路由访问。 import{BrowserRouterasRouter}from'react-router-dom' <Router> <App/> </Router> 结构有 BrowserRouter 和 HashRouter 两种模式，分别对应 VUE-rou...
2021-01-25 11:39:46
707
原创 Linux系统初始化安装Nginx
1.//一键安装上面四个依赖yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel首先要安装 PCRE1.cd /usr/local/pcrewgethttp://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz上面不行就运行yum -y install pcre-devel2、解压安装包: tar zx...
2020-11-16 01:01:26
196
原创 Linux的软件安装目录
Linux的软件安装目录我们应该知道 Windows 有一个默认的安装目录专门用来安装软件。Linux 的软件安装目录也应该是有讲究的，遵循这一点，对后期的管理和维护也是有帮助的。/usr系统级的目录，可以理解为C:/Windows/，/usr/lib可理解为C:/Windows/System32。/usr/local用户级的程序目录，可以理解为C:/Progrem Files/。用户自己编译的软件默认会安装到这个目录下。/opt用户级的程序目录，可以理解为D:/So...
2020-11-16 00:19:00
100
原创 vue手动搭建
工具的版本 node: v10.16.0 npm: v6.9.0 babel: 7.5.5 webpack: 4.38.0 入题提醒：在我们开始之前，你先检查下你相关工具的包是不是和我的一样，以免报一些版本的错误。首先我们先大致了解下一个完整的脚手架帮我们做了哪些工作： ES6+ 语法转换成 ES5 语法 .vue 转换成 js 文件 代码热更新 加载各种静态资源 本地提供静态服务…… 你可以理解成脚手架
2020-09-08 09:47:57
330
原创 oss分片上传
由于项目需求，需要给客户上传大文件到oss的权限，话不多说，百度上找了很多代码都是有问题的。。自己搞了好几个小时1、需要先登录阿里云创建阿里云RAM子账号创建成功后保存好accesskey 和accesskeySecret,一会后面要用到2、给用户添加授权，让用户可以调用角色接口3、建一个自定义规则RAMtest给RAM角色再给这个RAM角色添加这个自定义授权RAMtest,授权完如下图RAM设置到此结束。。接下来就是要创建bucket了4、bucket创建
2020-08-13 10:55:35
1661
转载 Nginx rewrite
一、rewrite介绍rewrite和location的功能有点相像，都能实现跳转，主要区别在于rewrite常用于同一域名内更改获取资源的路径，而location是对一类路径做控制访问和反向代理，可以proxy_pass到其他服务器。Nginx提供的全局变量或自己设置的变量，结合正则表达式和标志位实现url重写以及重定向。rewrite只能放在server{},location{},i...
2019-11-29 20:50:48
130
原创 Linux查看和编辑文本
例如，要想test.txt文件添加内容"I am a boy",test.txt在当前目录中方法一：vi编辑法 打开终端，输入vi test.txt 回车，按a或i进入编辑模式，输入 I am a boy，然后按esc键退出编辑模式，输入:wq保存并退出。方法二：echo命令法 打开终端，输入echo ‘I am a boy’ >> ./test.txt 注：...
2019-11-26 10:47:44
133
原创 h5模拟拍照，切换前后摄像头
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>HTML5 GetUserMedia Demo</title><meta name="viewport" content="width=device-width, initial...
2019-11-15 15:36:01
1751
1
转载 移动端UI尺寸规范
iPhone/iPad/Android UI尺寸规范UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸iPhone界面尺寸设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px ...
2019-10-25 12:01:23
3843
原创 Web尺寸规范
主流浏览器的界面参数与份额浏览器 状态栏 菜单栏 滚动条 市场份额(国内) Chrome 浏览器 22 px（浮动出现） 60 px 15 px 8% 火狐浏览器 20 px 132 px 15 px 1% IE浏览器 24 px 120 px 15 px 35%...
2019-10-25 11:59:25
1375
原创 移动端本地 H5 秒开方案探索与实现
移动端本地 H5 秒开方案探索与实现欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~企业微信移动端项目中有需求要展示数据趋势的可视化图表，经过调研，最终决定以单页面 H5 来完成，对 APP 里的一些使用 H5 实现的功能模块，一般体验都比原生差，那么怎么提高h5加载速度？优化 h5 体验？适用场景：需要快速迭代、客户端难实现的、用作展示的功能模块，例如可视化图表。一...
2019-10-14 14:43:28
208
原创 离线包方案
业务量大的手机客户端非常适合使用混合开发方案，开发效率高，热更新，技术成熟。好的混合开发方案，既不是完全依仗 H5 前端（客户端甚至只有一个 WebView 壳），也不是只掺杂少量 H5 页面（只有一些展示页是 H5），应该是发挥 H5 和 Native 的各自优势，紧密的配合。如，H5 的导航就可以借助原生导航混合开发: 原生导航替代浏览器导航 Web 页 js-native-navigat...
2019-10-14 14:42:13
1438
转载 Web离线技术
注：本篇研究重点不在于某个离线方案的具体使用，而在于对方案的优缺点分析、探究和选型，以及一些我个人的看法。前言最早接触离线包的概念要追溯到16年初，项目迎来大改版，其中重点项目之一就是离线包方案的制定与实施。这几年关于这方面的工作比较多，尤其在JS和Native的混合开发上，积累了一部分经验。离线包顾名思义就是将H5/CSS/JS和资源文件打包提前下发到App中，这样App在加载网页的...
2019-10-14 12:21:14
2028
转载 负载均衡
1.什么是代理?代为办理 --> 代理kexue2.Nginx正向代理、反向代理?正向代理: --> 上网 | 路由器替代 | kexue上网反向代理:正向与反向代理的区别区别在于形式上服务的 "对象" 不一样正向代理代理的对象是客户端，为客户端服务反向代理代理的对象是服务端，为服务端服务3.Nginx代理支持哪些协议、常用的是哪些?反向代理...
2019-10-08 16:52:25
95
转载 如何搭建wordpress ，wecenter
14.什么是LNMP架构LNMP是指一组通常一起使用来运行动态网站或者服务器的自由软件名称首字母缩写。L指Linux，N指Nginx，M一般指MySQL，也可以指MariaDB，P一般指PHP，也可以指Perl或Python。15.LNMP架构是如何工作的。location / { index index.php;}location ~ \.php$ { fas...
2019-10-08 16:31:35
189
转载 nginx 模块
8.nginx开启目录浏览 提供下载功能默认情况下,网站返回index指定的主页,但如果该网站不存在主页,则将请求交给autoindex模块##### 如果开启autoindex模块,则提供一个下载的页面, 如果没有开启autoindex 则会报错 403[root@web01 centos]# cat /etc/nginx/conf.d/mirror.oldxu.com.c...
2019-10-08 16:23:33
79
转载 Nginx
1.0Nginx2.01.介绍Nginx3.02.常见的Web服务器4.03.介绍Nginx应用场景4|03.介绍Nginx应用场景1.代理 2.负载均衡 3.代理缓存 (proxy_cache) 4.静态资源 5.动静分离 6.Https 冰山模型中的一角 ---> 还有很多个使用场景5|...
2019-10-08 16:14:27
56
转载 http 协议
1.01.什么是url?url表示的是一个资源,(图片 文字 视频 音频 等等.) http://fj.xuliangwei.com/public/tt.jpegurl组成部分:http:// fj.xuliangwei.com:80 /public/tt.jpeg 协议 主机名称|域名 端口 文件的路径...
2019-10-08 16:07:01
132
转载 1.动静分离
1.什么是动静分离将动态请求和静态请求区分访问,2.为什么要做动静分离?静态由Nginx处理, 动态由PHP处理或Tomcat处理....因为Tomcat程序本身是用来处理jsp代码的,但tomcat也能处理静态资源.tomcat本身处理静态效率不高,还会带来资源开销.3.如何实现动静分离?Nginx根据客户端请求的url来判断请求的是否是静态资源，如果请求的url包含...
2019-10-08 15:56:22
441
转载 js节流与防抖
一、节流、防止短时间多次提交操作现有一提交按钮<button id="submit">提交</button>点击后提交表单信息。但是经常会出现： 1.不小心点了多次，就提交了多次2.网络卡顿的时候网页没反应，用户频繁点击的情况// 即这种写法：var subBtn = document.getEle...
2019-10-08 15:47:58
80
转载 vue.js 服务端渲染nuxt.js反向代理nginx部署
vue.js的官方介绍里可能提到过nuxt.js，我也不太清楚我怎么找到这个的最近项目vue.js是主流了，当有些优化需求过来后，vue还是有点力不从心，比如SEO的优化，由于vue在初始化完成之前，页面是没有任何内容的，所以基本上没有办法满足这个需求比如有些访问量较大的主页里面，由于都是异步数据，所以在服务器数据没有返回之前，可能只能无奈的显示一个loadding....但是产品没办...
2019-04-11 10:32:14
466
转载 国际化全流程解决方案
https://github.com/alibaba/kiwi作者：@ES2049Studio原文：https://www.yuque.com/es2049/blog/crhazl背景最近接到一个海外项目业务需求，项目最终会被来自不同国家的客户所使用，期望能让客户有一个良好的用户体验，因此前端需要适配国际化。面临的挑战乍一听，这个海外项目需求并没有什么特别的地方，...
2019-04-09 15:52:57
1581
1
转载 vuejs组件通信
转载https://segmentfault.com/a/1190000018241972组件的分类常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。 功能性抽象组件，不包含业务，独立、具体功能的基础组件，比如日期选择器、弹窗警告等。这类组件作为项目的基础控件，会被...
2019-03-08 09:51:35
109
flex视频，可以嵌入到html
2015-07-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人