- 博客(23)
- 资源 (3)
- 收藏
- 关注
原创 vue js 图片的缩放及移动
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" /> <style> * { padding: 0; m.
2021-08-25 10:48:13 431
原创 js引用类型继承最佳模式:寄生式组合继承
function inheritPrototype (subType, superType) { let prototype = Object.create(superType.prototype) prototype.constractor = subType subType.prototype = prototype } function SuperType (name) { ...
2021-05-26 00:03:20 129
转载 electron如何创建右键菜单(最新版本12.0.2)
今天学习electron看到某个博主去年2020年1月的视频教程看到创建右键菜单这部分代码时却发现报错了原因是electron的api变更了百度了很多看到的都是旧版本的代码没有最新的官网通道:https://www.electronjs.org/docs/api/menu下面直接贴代码// renderer 渲染进程代码window.addEventListener('contextmenu', (e) => { e.preventDefault() ipcRend
2021-04-07 14:16:34 509
原创 浏览器滚动条样式更改
<style> .scrollbar::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px; } .scrollbar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius : 10px; background-color: skyblue; } .scrollbar::-we.
2021-03-25 17:31:41 108
原创 如何使用VScode调试JS代码
首先准备一个test文件夹,文件夹中有test.html文件 下载vscode之后,把test文件夹在vscode编辑器中打开,最左侧的菜单选项里会有一个调试的图标,点击【运行和调试】选择【chrome】,自动生成launch.json文件自动生成的文件配置的URL默认是localhost:8080,我是借助vscode的liveServer插件打开的test.html,所以修改一下URL配置完成点击开始调试调试的时候编辑器会自动切换到当前断点所在行你可以启动谷歌控制台切换下一
2021-03-25 16:39:30 1269
原创 js检测是否为手机上微信或QQ的内置浏览器
const ua = navigator.userAgent.toLowerCase(); const isMobile = () => { let agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPod", "iPad"]; for(let i ...
2021-03-24 11:35:37 382
原创 关于Property undefined was accessed during render but is not defined on instance报错解决
在公司升级Vue3项目的时候碰到下面这个报错问题,这个不是简单的报一个两个警告而是莫名陷入了死循环报警告。这个情况在开发环境上是没有的,只有打包之后在生产环境才会出现问题。经过一系列排查最终发现是加了class属性导致的,把class改为custom-class就可以了。不能加在文档中不存在的属性,有一个地方是在el-date-picker上加了id属性也出现了这个问题。使用了electron的webview标签也有问题,这次不是不能加文档没有的属性,而是这个标签都不能用,一用就出这
2021-02-03 14:35:04 29326
原创 原生表单操作实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单实例</...
2020-03-13 17:45:56 352
原创 JavaScript高级程序设计--读书笔记3
由于 contentDocument 属性是 Document 类型的实例,因此可以像使用其他 HTML 文档一样使 用它,包括所有属性和方法。Opera、Firefox、Safari 和 Chrome 支持这个属性。访问框架或内嵌框架的文档对象要受到跨域安全策略的限制。如果某个框架中的 页面来自其他域或不同子域,或者使用了不同的协议,那么要访问这个框架的文档对 象就会导致错误。 节点操作元素样...
2020-03-11 21:20:33 178
原创 检测浏览器版本
var client = function () { //呈现引擎 var engine = { ie: 0, gecko: 0, webkit: 0, khtml: 0, ...
2020-03-10 20:08:22 167
原创 JavaScript高级程序设计--读书笔记2
创建对象——构造函数,不使用new操作符调用Person()会出现结果:属性和方法都被添加给window 对象了。当在全局作用域中调用一个函数时,this 对象总是指向 Global 对象(在 浏览器中就是 window 对象)。构造函数模式虽然好用,但也并非没有缺点。使用构造函数的主要问题,就是每个方法都要在每个 实例上重新创建一遍。在下面例子中,person1 和 person2 都有一个名为...
2020-03-10 19:47:01 138
原创 将URL查询字符串location.search转换为对象
let str=location.search.substr(1); let arr=str.replace(/=/g,',').replace(/&/g,',').split(',') let codeStr='' for(let i=0;i<arr.length;i++){ if(i%2==...
2020-03-10 18:01:41 665
原创 JavaScript高级程序设计--读书笔记
1.在文档<head></head>元素中包含所有 JavaScript 文件,意味着必须等到全部 JavaScript 代码都被下载、 解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到<body></body>标签时才开始呈现内容)。为了避免这个问题,现代 Web 应用程序一般都把全部 JavaScript 引 用放在<body>...
2020-03-09 20:50:46 177
原创 Layui单页版应用开发
1.拿到设计图先熟悉整个业务,对复杂的功能实现问题先做思考能否实现,如若不能则用其它实现方法替代。2.下载layui单页版应用模板,更新其中的layui版本和echarts版本,删除多余文件。3.命名规则:a.文件命名全小写单词以下划线分隔,"动词_名词"或者"名词_名词";b.class和id命名全小写单词以连字符分隔,"动词-名词"或者"名词-名词";c.变量命名驼峰式,如dat...
2020-01-05 11:23:10 2302
原创 vue.js用画布压缩图片再上传给服务器
//压缩照片 compress(fileObj){ // let fileObj = document.getElementById('file').files[0] //上传文件的对象 let _this=this; let reader = new FileReader() reader.read...
2019-10-23 09:17:56 313
原创 钉钉H5微应用前端开发 企业内部应用
1. 钉钉的H5微应用就是H5的网页,所以我选择Vue.js脚手架vue-cli3.0来搭建单页项目,项目搭建过程省略。2. 项目搭建好之后叫后端部署好项目,拿到项目的链接地址。3. 我做的是企业的内部应用,进入【钉钉开放平台】,登录开发者后台,企业的管理员才有登录权限,创建一个企业内部的H5微应用,填入项目链接地址等信息。下一步配置应用权限,将自己的钉钉都加入开发权限中,最后发布应用...
2019-10-21 11:10:54 6146 3
原创 Angular项目搭建
1. 安装angular脚手架,npm i -g @angular/cli2. 创建项目,ng new [项目名称],3. 安装依赖,npm i4. 运行项目,ng serve --open5. 打开vscode搜索插件Angular 8 Snippets,安装6. 创建头部组件,ng g component components/headerCom,会在src/app下生成c...
2019-10-09 16:57:33 156
原创 NuxtJs+Koa2+MongoDB全栈个人博客项目在云服务器上的部署(二)
二、项目启动和部署1. 项目简单技术介绍:此项目为个人博客网站,前台博客网站用nuxt.js开发,后台博客管理系统及接口用Koa开发,模板引擎使用的EJS,对数据库的连接及增删改查使用了mongoose。2. 安装两个项目依赖,命令npm install,如果npm速度很慢,我们可以使用cnpm,安装命令npm install -g cnpm --registry=https://regi...
2019-09-19 17:57:35 877
原创 NuxtJs+Koa2+MongoDB全栈个人博客项目在阿里云服务器上的部署(一)
一、前期配置及环境安装1. 打开阿里云官网,在官网底部找到“学生机”入口,选择【轻量级应用服务器】,预装环境为系统镜像-Windows Server 2012 R2 64位,完成学生认证,支付金额2. 进入控制台,【站点设置】-【域名】-【添加域名】,输入域名(域名要先备案),如zhuyinghui.shop,确定后显示了云服务器的IP地址39.105.38.16,再添加一条manage....
2019-09-19 15:54:45 455
原创 正则表达式
\s 匹配任何空白字符\S 匹配任何非空白字符\d 匹配一个数字字符\D 匹配一个非数字字符\w 匹配字母数字下划线\W 匹配非字母数字下划线\num 匹配一个正整数num,如/(.)\1/匹配两个连续的相同字符^ 匹配输入字符串的开始位置$ 匹配输入字符串的结尾位置,匹配$本身用\$\b 匹配一个单词边界,如/\bCha/匹配Chapter的Cha、/ter\...
2019-09-19 10:30:42 117
原创 Vue2.0+jsonserver+axios模拟本地请求接口数据
1.在项目根目录下安装jsonserver和axios插件以及全局安装json-servernpm install json-server --savenpm install axios --savenpm install -g json-server2.在项目根目录下新建数据文件db.json,内容如下:3.打开packege.json在"scripts"中添加一行...
2019-02-28 18:24:50 1529
原创 JS进阶笔记
Javascript进阶函数函数申明普通的声明 function func(m,n){alert(m+n)} func(1,5)使用变量声明 var func=function(m,n){alert(m+n)} func(3,4)使用构造函数声明 var func=new Function(‘m’,’n’,’alert(m+n)’) func(3,5)函...
2019-01-08 15:47:40 258
原创 Git学习笔记
1.安装完成后git config --global user.name "Your Name"git config --global user.email "[email protected]"2.cmd打开指定根目录(D:\git\repository\learngit),把根目录变成Git可以管理的仓库git init3.下载Notepad++,用于纯文本编辑,使用编码UTF-...
2019-01-08 15:38:52 144
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人