- 博客(530)
- 资源 (1)
- 收藏
- 关注
原创 svn的使用心得
当网站打不开时,注意有个是.htaccess的文件(好像和nginx有关屏蔽跨域啥的吧)拉过线上的更新完之后没什么冲突就直接SVN Commit;下载小皮(phpstudy_64.zip),安装一下。每次提交之前先SVN Update;打开后选项网站栏:创建网站;复制进去check的地址(本地就有了你想要的项目文件。
2023-02-23 17:52:48 91
原创 input 输入完成时的触发事件
1、compositionstart触发于一段文字的输入之前,也就是在输入一段需要的文本(第一个字母开始)或语音开始输入时会触发。2、compositionupdate访问data正插入的新字符;3、compositionend访问data插入的所有字符。官方解释(主流浏览器都兼容)...
2022-07-18 16:53:52 5465
原创 http和https的问题
Mixed Content: The page was loaded over HTTPS,blocked the content must be served over HTTPS.,。。因为是浏览器不允许在https页面里嵌入http的请求,现在高版本的浏览器为了用户体验,都不会弹窗报错,只会在控制台上打印一条错误信息。方法1. 最简单的解决办法当然就是不要使用http请求,把网站上的http请求都迁移到https。方法2. 也可以页面的head中加入:意思是自动将http的不安全请求升级为h
2022-06-09 13:41:04 379
原创 seo前端
前端SEO规范概况1、合理的title、description、 keywords,搜索对着三项的权重逐个减小,title值强调重点即可。description把页面内容高度概括,不可过分堆砌关键词,keywords列举出重要关键词。2、语义化的HTML标签3、非装饰性的图片必须加alt4、让重要的内容放在HTML最前面,优先加载,搜索引擎抓取HTML顺序是从上到下,保证重要内容一定被抓取5、每个页面只出现一个h1标签6、页面尽量不要做成flash、图片、视频,因为搜索引擎抓取不到7、少用iframe,i
2022-06-08 14:41:03 219
原创 小程序富文本可以复制
<text selectable='true'>文本</text> 必须的条件在bdParse源码文件下 的bdParse文件下的bdParse.swan 修改这段里面的一行代码块即可<template name="WxEmojiView"> <view class="WxEmojiView bdParse-inline" style="{{item.styleStr}}"> <block s-for="{{item.textArr
2022-05-10 16:36:59 495
原创 浏览器打开强制webkit内核外加兼容
<!-- 强制Chromium内核,作用于360浏览器、QQ浏览器等国产双核浏览器 --><meta name="renderer" content="webkit"/><!-- 强制Chromium内核,作用于其他双核浏览器 --><meta name="force-rendering" content="webkit"/><!-- 如果有安装 Google Chrome Frame 插件则强制为Chromium内核,否则强制本机支持.
2022-02-25 17:32:00 1453
原创 og优化的简单用法
<head> <meta charset="UTF-8" /> <meta name="applicable-device" content="pc"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> .
2022-02-24 14:16:46 2106
转载 web优化继续
1.Minimize HTTP Requests 减少HTTP请求图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 CSS sprites 将小图拼合后利用background来定位。2.Use a Content Delivery Network 利用CDN技术利用CDN将静态资源分发到各个主要服务器节点,可以加快用户的请求速度..
2022-02-17 14:02:04 293
转载 web 优化总结
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点6. 基于第五点,要合理处理代码减少渲染损耗7. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置8. 加载完成后用户交互使用时也需注.
2022-02-17 13:39:45 135
原创 Mixed Content: The page at ‘https://XXX‘ was loaded over HTTPS, but requested ‘http://XXX‘
本地测试没问题,线上出现这个报错,问题不大1.前端解决将调用的http请求升级成https请求并调用,html的头部加一行代码即可<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">2.后端解决走一下本地后端(将本地后端当成service中间层),从后端再去调用其他服务器的http请求,下面为后端中转接口 /** * 删除应用App */ @
2022-02-09 17:06:54 738
原创 git修改账号密码
git clone的时候需要账户密码 一不小心填错了账号密码 以至于不能克隆方法:找到控制面板的账户修改里的普通凭证,修改即可
2022-01-10 20:32:55 2754
原创 网站优化简单总结
PC1.logo需要用首页得logo需要用h1包括,其他页面有h1的话,logo得h1去掉,也就是会有两个头部,首页得编辑推荐h3和小标题h4得使用较多;2.合集好几个模块 分别每个模块有很多子合集;3.代码排版整齐 减少占用空间 em和strong结合运用;4.搜索每个页面推荐得热门搜索推送的都不一样;5.资讯详情页中来源如果是本网站编辑 那就加一个a链接,跳转到网站首页,内容详细页得图片额能够点击放大,并且第一行的前几个字最好是关联本详情页的游戏名字 用a链接 便于用户更好的跳转到关
2022-01-10 16:50:17 2466
原创 es6学习(1-7) ( 一 )
1.查看 Node.js 默认没有打开的 ES6 实验性语法// Linux & Mac$ node --v8-options | grep harmony// Windows$ node --v8-options | findstr harmony2.Babel转码器 将ES6 代码转为 ES5 代码,就能在不支持的 JavaScript 环境执行了;Babel 的配置文件是.babelrc,存放在项目的根目录下Babel 提供命令行工具@babel/cli,用于..
2021-12-29 11:53:38 668 7
原创 协调好看的颜色-ui
转自:6种配色技巧,教你玩转视觉冲击力强的色彩搭配! - 简书黑白图片,你更多的会感叹它的构图或角度,但一张有色彩的图片,你会惊讶色彩传递的情感,或柔和,或醒目,或活泼,或清新......犹如一根神奇的魔术棒,带给你各种各样的感受。在这里,猫令将一直教你如何使用色彩这根魔术棒,让其变幻出想传达的感受。今天这篇文章将详细说明:色彩搭配中对决型配色的6大技巧。掌握了这6招,你也可以轻松搭配出具有强烈视觉冲击力的色彩。什么是对决型配色?▲▲▲对决型配色也叫对比配色,是在色相环上处.
2021-12-29 11:52:24 359
原创 【无标题】
前端面试题汇总一、HTML和CSS1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?IE:trident内核Firefox:gecko内核Safari:webkit内核Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit,Google与Opera Software共同开发)2、每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?<!DOCTYPE>...
2021-11-30 19:32:28 3137 1
原创 大学生有关css的大作业
1.网页中的主要元素都有哪些?网页的基本元素有:1、文本元素,包括标题、文字、段落、样式;2、图像,包括图像标题、背景、网页主图;3、超链接,包括站内链接、外部链接;4、导航栏;5、动画;6、表格;7、框架;8、表单。2.CSS技术在网页设计中主要有哪些应用3.CSS的选择器类型都有哪些⑴标签选择器(元素选择器)⑵ID选择器(唯一性,一次引用)⑶类选择器(单类选择器,多类选择器)⑷属性选择器(简单属性选择,具体属性选择,部分属性选择, 特定属性选择)⑸派生选择器(后代选择
2021-11-30 19:26:12 248
原创 字体设置html
简体中文页面的个人觉得最佳设置为:html lang=zh-CNcharset=utf-8font-family: arial, sans-serif;Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)Windows Vista/7/2008 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、
2021-11-24 14:11:41 395 1
原创 vue 中父子组件传递通信(看图就会了,皮卡皮卡)
1. props (父传子,传递数据,不传递属性和方法)2.ref , $refs(和props差不多传递属性和方法,不传递数据)3.$emit (子传父)
2021-11-23 16:16:52 437
原创 图片压缩在线 很好用
看的搜狐网站过来的 ,方便自己查找第一:Tinypng地址:https://tinypng.com/这款工具我实在是太喜欢了,经常用到,最大限度的做到对画质无损的进行压缩这个工具他同时支持对Jpg和Png的压缩。Tinypng也支持Wordpress和magento的使用。Wordpress插件下载:https://wordpress.org/plugins/tiny-compress-images/Magento的拓展工具:http://suo.im/2oZEMl第二:比第
2021-10-11 18:05:09 306
原创 error: pathspec ‘main‘ did not match any file(s) known to git
git 如果报这种错误的话1. 首先 先看一下总共的分支情况$ git branch -a2.如果如果没有看到你想要的分支,先获取所有分支:$ git fetch3.切换到远程你想切换的那个分支:(比如我想切换的是main分支为例 其他的你可以origin/XXX)$ git checkout origin/main4.现在可以看到自己的分支是一串数字字母:5.这时新建并切换到你想看的那个分支:...
2021-09-28 10:52:05 3404
原创 js日常总结
1.事件和属性:事件指的是在与用户交互中发生某种状态的改变的过程。如,你移动了一下鼠标,鼠标的位置和指向的元素发生了改变,这样就发生了一个关于鼠标的move事件。属性指的是事件所引发的状态以及事件本身特有的一些性质。2.普通对象和json对象json是一种数据格式,就是{"key":200,"key2":"value"}这样的就是json形式的js对象,json主要的特征就是key用双引号,如果value是字符串也要使用双引号,js对象的key则不需要双引号,js...
2021-09-27 19:48:15 68
转载 图片优化方法 网站
转自:浅谈Web图像优化 - 知乎前端优化有很多,图像优化也是其中的一部分。无论是渐进增强还是优雅降级,图像优化成为了开发上不可忽视的一部分。知其然,须知其所以然图像优化的前提是需要了解图像的基本原理。常规的图像格式分为矢量图和位图。原理:矢量图形使用线、点和多边形来表示图像。 光栅图形,也可以成为位图,通过对矩形格栅内的每个像素的值进行编码表示图像。矢量格式适用于简单形状图形,并且变换颜色方便,仅通过 CSS 中的 fill 属性便可以改变颜色。并且在多大的缩放下都
2021-09-14 17:44:56 177
原创 svn学习
看别人整理的svn的学习培训 觉得很好很有用 豁然开朗~安装说明开发人员强烈建议使用IDE中的SVN插件更加智能与人性化。首先安装SVN客户端,windows一般选择乌龟客户端https://tortoisesvn.net/downloads.html。根据系统位数选择相应客户端进行安装。如果你喜欢用命令行操作,请务必记得勾选command line client tool为will be install on local hard driver,不用命令行的跳过这一
2021-09-09 15:07:51 302
原创 我们的苦瓜
2021年8月17号 晚上 在小区大门口给菜包捡了一个童养媳 本来名叫豆沙包 但是她长得还小 眼睛还没睁开完全 一脸苦瓜像 就叫了苦瓜 !!! 哈哈 看他年龄不大 应该1个多月 为了方便好记 就算是她2个月了 6月15号生日 和菜包刚好相差2个月 在家里养了半个月 眼睛也长开了 一开始以为是缅因 后来又觉得是银渐层 最后确定了是拿破仑矮脚猫 很小 尾巴有身子那么宽大 很漂亮的小奶猫...
2021-09-02 15:02:14 57
原创 数组去重复
转自:http://www.jb51.net/article/118657.htm方法一:双层循环,外层循环元素,内层循环时比较值如果有相同的值则跳过,不相同则push进数组?123456789101112131415161718Array.prototype.distinct =function(){var arr =this,result = [],i,j,len = a...
2021-09-02 14:51:37 116
原创 ng面试题
1.ng-show/ng-hide 与 ng-if的区别? ng-show/ng-hide是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删来实现的。因此如果我们是根据不同的条件来进行dom节点的加载的话,那么ng-if的性能好过ng-show.2.解释下什么是$rootScope以及和$scope的区别? 通俗的说$rootScope 页面所有...
2021-09-02 14:50:44 283
原创 taro 多端框架理解与使用 知识点
1.taro是一套遵循react语法规范的多端开发的解决方案;2.使用taro,只书写一套代码,再通过taro的编译工具,将源代码分别编译出可以在不同端(微信小程序,h5,RN等)运行的代码;3.taro安装:安装taro开发工具@tarojs/cli;使用npm或者yarn全局安装,或者直接使用npx;$ npm install -g @tarojs/cli (常用);$ yarn global add @tarojs/cli;4.taro使用: 使用命令创建模...
2021-09-02 13:54:10 589
原创 打开taro项目
1.在此项目按shift+ctrl+右键打开命令行“在此处打开powershell 命令;小插曲:更新Taro 提供了更新命令来更新 CLI 工具自身和项目中 Taro 相关的依赖更新 Taro CLI 工具 # taro $ taro update self # npm npm i -g @tarojs/cli@latest # yarn yarn global add @tarojs/cli@latest 更新项目.
2021-09-02 13:50:02 832
图片压缩工具.rar
2019-07-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人