自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 Web前端--HTML+CSS+JS新型冠状病毒射击小游戏

var scale = 1;var portrait = true;var loffset = 0;var toffset = 0;var mxpos = 0;var mypos = 0;// ------------------------------------------------------------------------------- Gamyvar againprog = 0;var healthprog = 0;function newGame() {score =

2022-05-05 17:33:42 1021

原创 Web前端--HTML+CSS+JavaScript酷炫游戏动漫网页设计

首页作品展示招贤纳士联系我们关于公司中|EN我们参与的项目大型海战战场“潜龙之渊”上线,全民开战!天刀嘲天宫《一人之战》视频首发 同名专辑上架QQ音乐懒人攻略 如何刷完一周胜负令《王者荣耀》魔性H5上线,五军对决等你来战超高期待!玩家Coser作品获《绝地求生 全军出击》官方点赞揭幕战RNGvsIG LPL春季赛1月15日正式开赛更多作品关于 **《大厂前..

2022-05-05 17:32:11 184

原创 webview最全面总结(二)全面介绍webview用法

webview的设置WebSettings webSettings = webview.getSettings();//支持js事件webSettings.setJavaScriptEnabled(true);/* 设置为true表示支持使用js打开新的窗口 */webSettings.setJavaScriptCanOpenWindowsAutomatically(true);/* 设置为使用webview推荐的窗口 */webSettings.setUseWideViewPort(tru

2022-05-05 17:28:42 2544

原创 webuploader 跨域问题

@Overrideprotected voiddoPost(HttpServletRequest req, HttpServletResponse resp)throwsServletException, IOException {//安全考虑,建议不要添加*,用固定服务器域名resp.setHeader(“Access-Control-Allow-Origin”, “*”);resp.setHeader(“Access-Control-Allow-Methods”, “*”);resp.setH

2022-05-05 17:26:24 584

原创 vue错误总结

1.找到/node_modules/sockjs-client/dist/sockjs.js2.找到代码的 1605行try {// self.xhr.send(payload); 把这里注掉} catch (e) {self.emit(‘finish’, 0, ‘’);self._cleanup(false);}3.刷新,搞定。源文字 [http://www.cnblogs.com/sichaoyun/p/10178080.html](()[](()2 form表单提交,----

2022-05-05 17:24:39 782

原创 Vue自定义指令

[](()2. 根据v-text 自定义mytextupdate的作用就是当在页面上更改msg值的时候回重新渲染页面[](()3. 根据v-on 自定义v-myon

2022-05-05 17:22:42 51

原创 Vue组件通信方法大全

[](()props down(父传子)[](()prpos传递数据组件实例的作用域是孤立的,父组件不能直接使用子组件的数据,子组件也不能直接使用父组件的数据父组件在模板中使用子组件的时候可以给子组件传递数据子组件需要通过props属性来接收后才能使用‘bbb’:{props:[‘money’]}如果父组件传递属性给子组件的时候键名有'-',子组件接收的时候写成小驼峰的模式我们可以用 v-bind 来动态地将 prop 绑定到父组件的数据。每当父组件的数据变化时,该变化也会传导给.

2022-05-05 17:20:20 351

原创 VUE实现父子组件传值以及递归组件的传值

父组件<engineer :viewer=“viewer” @model=“getModel”> 注意:递归组件向外传递数据直接用$emit是无法实现的。解决方法:1方法1::用provide,inject方法实现。这种实现方法是实现爷爷组件和孙子组件通信的常用方法之一。但是逻辑上,爷爷组件和孙子组件之间是有耦合关系。如果组件封装需要尽量实现解耦,这种方式是有缺点的。2.方法2:用eventBus实现:这种方法用在兄弟组件之间通信很常见。当然也可以用在爷爷组件...

2022-05-05 17:18:05 828

原创 vue如何根据ip地址获取实时当地城市、时间、天气

// 分minute: ‘’,// 月month: ‘’,// 日date: ‘’,// 星期几day: ‘’,// 出勤率echart数据},}}在methods中定义获取城市的方法getLocalCity,在created()中调用getLocalCity() {var data = {key: ‘KSPBZ-V5L33-5EM3D-35N5X-DIY66-CRF7J’, //申请的密钥,写死就行}var url = ‘https://apis.map.qq.com/w

2022-05-05 17:15:54 2160

原创 ReactNative iOS 交互

if(mod&&mod.isInitialized){return mod.module.exports;}好,我们抓紧回来,在上段代码中当BatchedBridge module创建时,通过这句 Object.defineProperty(global,‘__fbBatchedBridge’,{value:BatchedBridge}); 把自己定义到JSContext的全局变量上。所以在Native代码中可以通过 JSContext[@“__fbBatchedBridge”]获取到,

2022-05-04 10:08:01 441

原创 React Native组件篇(三)

{this.state.text} );}keyboardType 键盘类型决定打开哪种键盘,例如,数字键盘。enum(‘default’, “ascii-capable”, ‘numbers-and-punctuation’, ‘url’, ‘number-pad’, ‘phone-pad’, ‘name-phone-pad’, ‘email-address’, ‘decimal-pad’, ‘twitter’, ‘web-search’, “numeric”)multiline 布

2022-05-04 10:06:02 179

原创 QQ音乐客户端Web页面通用性能优化实践

CSR 页面需在前端页面框架加载后再展示数据,内容请求完成并上屏,发生在页面加载完成之后SSR 页面的首次内容上屏可携带首屏数据,因此在页面加载完成之前,页面内容已经可以被消费客户端回调时机不够完整或过于“苛刻”,测不准“页面内容可消费”的时间点。通过追溯客户端 onPageFinished 的回调时机,发现对应的 Blink 代码要求必须满足:页面解析完毕、 没有正在下载的资源等条件。按照这个标准,一旦存在某个图片一直处在加载中,但页面框架的其他内容均已处理完毕..

2022-05-04 10:04:31 499

原创 px、em、rem区别 pt ppi dpi vw vh

像素主要用来表示图像大小和显示器分辨率(如1920*1080px)。像素本身的物理尺寸不固定,所以它的物理尺寸没有意义,有意义的是它的数量。为什么像素的物理尺寸不固定?像素本身不是物理世界的单位,是一个相对单位,尺寸可大可小。在高密度的屏幕上像素会变小,显示效果更清晰。因为“像素量px = 像素密度ppix 屏幕尺寸in”,同样是1英寸的屏幕,密度越大,像素越多,则单个像素的物理尺寸越小。都是图片相关信息,图片体积和像素有什么关系?通常所说的100KB的图片指的就是图片的体积,首先一张图像在

2022-05-04 10:02:34 149

原创 particlesJS使用简介

style.css 我们也可以引入,背景颜色是在css中设置的。基于这个模板,我们可以在上面添加我们想要实现的功能,比如说注册登录功能,需要注意的是:用 div 来封装我们要实现的功能代码块,并且在 css 中为这个 div 设置绝对定位。下面介绍参数配置文件 app.js 文件的使用:particles.number.value : 粒子的数量particles.number.density : 粒子的稀密程度particles.number.density.enable : 启用粒子的稀密程

2022-05-04 10:00:52 382

原创 openLayers6系列理论基础——Layer数据源source篇

一、使用====实例化时候通过构造函数生成通过layer.setSource(source)稍后指定二、分类====ol.source.BingMaps ,必应地图的切片数据,继承自ol.source.TileImage;ol.source.Cluster,聚簇矢量数据,继承自ol.source.Vector;ol.source.ImageCanvas,数据来源是一个 canvas 元素,其中的数据是图片,继承自 ol.source.Image;ol.sourc

2022-05-04 09:58:33 523

原创 node升阶段面试50

nodejs的是什么(三点核心)?Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 是一个让 JavaScript 运行在服务端的开发平台。搭建一个简单服务器的步骤?引入 http模块 var http=require('http')创...

2022-05-04 09:56:26 63

原创 Node中如何处理表单get请求

接下来我们需要引入url核心模块:let url = require(‘url’)然后我们调用url.parse()方法将路径解析为一个方便操作的对象,第二个参数为true表示直接将查询字符串转为一个对象(通过query属性来访问)为了方便理解,我们打印出url.parse()的返回值来看看它返回对象的内容:let url = require(‘url’)let parseObj = url.parse(‘http://127.0.0.1:3000/pinglun?yourname=%E5%AD

2022-05-04 09:54:46 148

原创 Mybatis的多表关联查询(一对一、一对多

*/public class AccountTest {private InputStream in;private SqlSession sqlsession;private IAccountDao accountDao;@Before // 用于在测试方法执行前执行public void init()throws Exception{//1.读取配置文件,生成字节输入流in = Resources.getResourceAsStream(“SqlMapConfig.xml”);//2.

2022-05-04 09:52:50 790

原创 MATLAB实现彩色图像的直方图均衡化算法

%计算图像F的灰度直方图h(imhist函数)%或者通过两重循环遍历每个像素点从而得到每个灰度值的累计像素点个数)。h = imhist(I,256)';%计算原图的灰度分布概率Pf =h/(M*N) (i=0,1,…,255)。Pf = h/(M*N);%计算原图灰度的累计分布Pa(使用cumsum函数)Pa = cumsum(Pf);%令Pa(1)=0Pa(1)=0;%Pa_1= Pa *255。将Pa_1四舍五入.Pa_1 = round(Pa*255);%置两重循环遍历图

2022-05-04 09:51:07 1229

原创 「2022」打算跳槽涨薪

在这种情况下,请将 users 替换为一个计算属性,让其返回过滤后的列表。v-for=“user in activeUsers”:key=“user.id”{{ user.name }}computed: {activeUsers: function () {return this.users.filter(function (user) {return user.isActive})}}5、谈谈对 vue 组件化的理解。5.1、组件化的定义组件是独立和可复用的代码组织单

2022-05-03 11:32:56 63

原创 《Vue入门到精通系列之三》--- webpack详解

3.全局安装webpack(这里我先指定版本号3.6.0,因为vue cli2依赖该版本)4.局部安装webpack(后续才需要)–save-dev`是开发时依赖,项目打包后不需要继续使用的。为什么全局安装后,还需要局部安装呢?1.在终端直接执行webpack命令,使用的全局安装的webpack2.当在package.json中定义了scripts时,其中包含了webpack命令,那么使用的是局部webpack[](()1.4.webpack起步[](()1.4.1.准备工作我

2022-05-03 11:30:43 228

原创 《Axios》axios的初识与摘要

同时处理多个请求的函数axios.all(iterable)axios.spread(callback)[](()实例[](()创建示例通过axios.create([config])新创建axios的实例//创建了一个axios的实例,instance,并且这个实例上有默认的三项设置//1.设置请求的url的前缀,//2.设置请求的超时时间是1000毫秒//3.设置请求头const instance = axios.create({baseURL: ‘https://some-do

2022-05-03 11:26:54 465

原创 [INS-35075]指定的 Oracle 系统标识符 (SID) 已在使用

[](()前言=================================================================前两天不小心把Oralce数据库删除了,再安装时提示“指定的 Oracle 系统标识符 (SID) 已在使用”,上网查了查,说是oracle数据库没有卸载干净导致的。下面说一下错误产生的原因以及如何完全卸载Oracle数据库。[](()一、问题的产生======================================================

2022-05-03 11:24:55 2182

原创 Web登录其实没那么简单

123456–>456123再进行反转:456123–>321654那么这样简单的方法似乎可以混淆原密码,并且轻松由后台进行相反操作复原。但是这有两个缺点:1、前后端加密解密需要同时修改代码;2、前端加密无非是写在js里,但是js有风险被直接破解从而识别加密方法。3.2 非对称加密HTTPS就一定是安全的吗?非对称加密有着公钥私钥的存在,公钥可以随意获取,私钥是用来对公钥解密的本地存储,通过公私钥的机制似乎可以保证传输加密并且乃至现在还在使用的HTTPS就是基于这个原理。但是HT

2022-05-03 11:23:25 137

原创 web前端基础学习入门教程之XHTML制作网页时注意的要点总结

最佳指引就是一个可视化的浏览器上使用其默认的样式来 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 呈现一个没有样式表(或者有样式表,但不支援样式表的文本浏览器,比如lynx——译者注)的页面。表格不应该用在布局上──表格用来表示表格式的数据(我们已经不厌其烦地说了很多次──译者注)。也许对于已经习惯传统结构的HTMLer来说,完全改变有很大的技术难度。这个方法很大程度上压缩了文件,而且,基于这些显性代码,它变得更易用,更具亲和力。

2022-05-03 11:21:27 147

原创 WebSSH进阶之实时监控和强制下线

def disconnect(self, close_code):将连接状态置为Falseself.therecord.is_connecting = Falseself.therecord.save()async_to_sync(self.channel_layer.group_discard)(self.group_name,self.channel_name)self.ssh.close()def receive(self, text_data=None):text_data =

2022-05-03 11:19:46 1706

原创 vue项目如何部署到nginx服务器

http {include mime.types;default_type application/octet-stream;#log_format main '$remote_addr - remoteuser[remote_user [remoteu​ser[time_local] “$request” ’'$status bodybytessent"body_bytes_sent "bodyb​ytess​ent"http_referer" ’‘“httpuseragent

2022-05-03 11:17:27 2581

原创 输入框贴贴去除样式并插入到指定光标位置(contenteditable=“true(1)

// 贴贴事件textarea.onpaste = function (e) {// 禁止冒泡e.preventDefault()// 处理事件// handlePaste1(e)// handlePaste2(e)handlePaste3(e)}// 方式一:走 execCommand 会保留文本原格式,走上面 if 不会保留原格式跟 方式二 一样function handlePaste1 (e) {// 内容var text = ‘’// 贴贴数据var clp = (e.o

2022-04-29 15:00:33 260

原创 跑断腿的七次面试,我终于悟出这些道理

因为我一开始并不知道这个公司所处的那个位置是不是很远, 所以我一大早就打车过去了, 最后才知道也很近, 因为他们公司是九点上班, 我的面试是九点半, 我八点就到了这个公司楼下, 于是我就在外面等了好大一会, 到了九点我才进入公司面试.首先是给我一张表格, 上面有你自己的期望薪资, 我写下自己的期望薪资, 然后他们人事看了后 说我写的期望薪资有点高, 剩下的就是给我拿笔试题.笔试题也不是很难, 做完了后便开始面试了.**1, 类加载的生命周期?2, arrayList的扩容方式?3, spring事

2022-04-29 14:58:56 230

原创 豆瓣电影api系列

[](()豆瓣电影api======================================================================[](()1、获取正在热映的电影:接口:https://api.douban.com/v2/movie/in_theaters?apikey=0b2bdeda43b5688921839c8ecb20399b参数:start : 数据的开始项count:单页条数city:城市如:获取 广州热映电影 第一页 10条数

2022-04-29 14:56:37 2098

原创 网页设计之瀑布流,排列图片img最好的方式之一【代码

1.什么是瀑布流?2.制作瀑布流样式3.瀑布流的scroll滚轮创建操作之前,必须对以下知识语言熟悉:[HTML](()、[CSS](()、[JavaScript](()和[jQuery](()。[](()1.什么是瀑布流?======================================================================在我们百度搜索图片的时候经常看到,图片非常整齐排列有序的给你列出来,就好像下面图片一样。图片会自动跟进,而不会错杂开..

2022-04-29 14:54:55 941

原创 继承与函数进阶

Student.prototype.constructor = Student;// 生成一个实例var s1 = new Student(89);var s2 = new Student(100);console.dir(s1);console.dir(s2);console.log(s1.name);console.log(s1.constructor);[](()函数的 call 方法==================================================

2022-04-29 14:53:13 170

原创 神奇的 Workbox 3

templatedUrls: {‘/shell’: [‘dev/templates/app-shell.html’, ‘dev/**/*.css’],},// 要替换的预留代码区正则injectionPointRegexp: /(.precacheAndRoute()\s*[\s*]\s*())/,}).catch(err => {console.error(Unable to inject the precache manifest into sw.js);throw err;})

2022-04-29 14:51:40 494

原创 社区运营书籍推荐

[](()《增长黑客》增长黑客:创业公司的用户与收入增长秘籍如何低成本甚至零成本地用“技术”来让产品获得有效增长 ,运用黑客增长术是新时代合格的互联网运营人员的考核之一。增长黑客作为硅谷当下热门的新商业方法论,其精髓在于通过快节奏测试和迭代,以极低甚至零成本获取并留存用户。作为最早提出“增长黑客”概念的理论先驱、带领Dropbox实现500%增长的实战领军人物,作者在书中分享了如何跨部门搭建增长黑客团队,以及实现用户和利润双增长的具体行动指南。该书一经出版,便被科技公司奉为运营圭臬。增长黑客是

2022-04-29 14:50:04 126

原创 看完还不会异步编程,请捶我

[](()进程与线程每当我们运行应用程序时,操作系统都会创建该应用程序的实例对象,该实例对象就是应用程序的进程,操作系统会按照进程为单位为应用程序分配资源,比如内存,这样程序才能够在计算机的操作系统中运行起来。线程被包裹在进程之中,是进程中的实际运作单位,一条线程指的就是进程中的一个单一顺序的控制流。也就是说,应用程序要做的事情都存储在线程之中。可以这样认为,一条线程就是一个待办列表,供 CPU 执行。[](()JS 单线程 OR 多线程 ?在 Node.js 代码运行环境中,它为 JavaSc

2022-04-29 14:48:20 70

原创 携程春招题目字符串截取和数组升维

}由于数字去重(str,基本类型)基于数组去重,我们要对原来的数组去重做一点修改:function uniqueStr(str) {var arr = str.split(‘’);return arr.filter(function (element, index) {return arr.indexOf(element) === index;}).join(‘’);}string.split() 和 array.join() 帮助我们自由的游走在字符串和数组间

2022-04-29 14:44:08 86

原创 拥抱webpack4,有效缩减构建时间57%

“qs”: “6.5.1”,“vue”: “2.6.10”,“vue-router”: “3.0.3”,“vuex”: “3.1.1”},“devDependencies”: {“autoprefixer”: “9.6.1”,“babel-core”: “6.26.3”,“babel-eslint”: “10.0.3”,“babel-helper-vue-jsx-merge-props”: “2.0.3”,“babel-loader”: “^7.1.5”,“babel-plugin-s

2022-04-29 14:42:30 323

原创 GitHub上标星90k+的《Java知识总结

Java集合多线程JVM二:计算机基础=======计算机网络数据结构与算法操作系统三:数据库面试题总结==========MysqlRedis四:常用框架面试题总结===========SpringMyBatisKafka

2022-04-27 22:17:59 738

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除