- 博客(25)
- 收藏
- 关注
原创 前端性能优化
1.请求优化减少请求次数,缩减请求时间(合并css文件,代码压缩、css文件改为内部样式,cdn,)2.渲染优化DOM的回流与重绘的优化 (js修改dom时,代码优化方式)DOM Fragment style=>className||cssText 添加子节点前父元素隐藏...
2020-03-02 12:40:14
182
原创 通过node+mock快速生成模拟数据json文件
createData.jsvar fs = require('fs');var Mock = require('mockjs');function myMock(set, num) { let o = {}; let key = 'value|' + num; o[key] = [set]; let data = Mock.mock(o); ret...
2019-10-26 13:05:19
923
原创 Vue3.0配置surcemap浏览器调试
vue.config.jsconst debug = process.env.NODE_ENV !== 'production';module.exports = { lintOnSave: false, filenameHashing: false, productionSourceMap: true, css:{ extract:true, sourceMap:...
2019-10-19 19:34:28
343
转载 Sublime Text 3 在高 DPI 中文显示的方法
在 windows 系统高 DPI 缩放的情况下, Sublime Text 3 部分界面中文会变为方块 口口。原因是当 DPI > 1 时,软件是使用默认的字体(不支持中文)。但是通过强制设置 “dpi_scale”: 1.0 ,在 4K 屏幕字体会显得太小,即使 1080P 效果也不太好。在 GitHub issue 上发现新的解决方法,就是单独设置其它字体来支持显示中文。[方法]...
2019-10-17 22:33:47
1091
原创 vue-cli3相关问题
引入多个ui框架的问题如项目中同时使用 element-ui 和 mint-uibabel.config.js设置module.exports = { presets: [ '@vue/app' ], plugins: [ [ "component", { "libraryName...
2019-09-21 14:35:40
110
原创 node.js配置接口服务器相关问题
1.服务器不能正常获取由src引入的文件,如js,css,image解决方案app.get('/Images/*', function (req, res) { res.sendFile( __dirname + "/" + req.url );})app.get('/jscss/*', function (req, res) { res.sendFile( __dirn...
2019-07-24 11:43:33
159
原创 谷歌浏览器开启摄像头功能
注意:由于浏览器安全策略,开启摄像功能只支持https协议;让谷歌浏览器http协议支持的解决方案:右键chrome快捷方式》属性》快捷方式》目标最后添加上–unsafely-treat-insecure-origin-as-secure=“http://yourexample.com”后面的是想摆脱安全策略限制,即实现开启摄像头功能的站点<!DOCTYPE html>...
2019-06-17 11:43:38
22896
3
原创 git添加远程库
https://blog.csdn.net/jingtingfengguo/article/details/518928641、首先我得重新在git设置一下身份的名字和邮箱(因为当初都忘了设置啥了,因为遇到坑了)进入到需要提交的文件夹底下(因为直接打开git Bash,在没有路径的情况下,根本没!法!改!刚使用git时遇到的坑。。。)git config --global user.name ...
2019-06-12 11:12:38
86
转载 Object.freeze()
可以利用这个方法将对象彻底冻结,使其符合const变量的含义let obj = { a: 1, b: { b1: 2 }};obj.b.b1 = 3;console.log(obj.b.b1 ); //3function freeze(obj){ Object.freeze(obj); Object.values(obj).forEach(functio...
2019-06-06 10:49:49
139
转载 computed属性
computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理;computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,举例:购物车里面的商品列表和总金额之间的关系,只要商品列表里面的商品数量发生变化,或减少或增多或...
2019-06-06 10:49:34
1166
原创 v-model
只对表单元素起作用,进行双向数据绑定。会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源,因此需要在data选项中声明初始值v-bind与v-model仅仅通过v-bind无法实现双向绑定,但<input v-bind:value="message" v-on:input="message = $event.tar...
2019-06-06 10:49:24
258
原创 vue-devtools无法启动的几个原因&解决方案
提示:Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.解决:这个时候需要显式地设置devtools可用。在代码文件里加入Vue.config.devtools = tr...
2019-06-06 10:48:33
7702
原创 开发流程框架工具
创建前端开发环境nodeJSnpmbowergit#Webpack解决问题(参考https://www.imooc.com/article/67367?block_id=tuijian_wz)1.修改一下代码保存之后浏览器就自动展现最新的代码(热更新服务)2.本地写代码的时候,调后端的接口不跨域(代理服务)3.对ES678N或者less scss编译(翻译服务)4.一键压缩代码...
2019-06-06 10:48:21
213
原创 vue遇到的问题及解决方法
1.运用data渲染html标签data() { return { info:"<h1>我是要渲染的html标签</h1>", dialogVisible: false }; }使用v-html属性<div v-html="info"></div>//v-html用于输出htm...
2019-06-06 10:47:55
250
原创 kendo学习总结
1.汉化方法页面引入两个文件\js\messages\kendo.culture.zh-CN.min.js//汉化对象为DatePicker:日期采集器;TimePicker:时间采集器Calendar:日历;NumericTextBox 等。\js\messages\kendo.message.zh-CN.min.js//汉化对象主要是grid中包含的英文字符如{“cance...
2019-06-06 10:47:44
986
1
原创 npm教程
安装node,cnpm,vue-cli脚手架,新建、初始化Vue项目https://blog.csdn.net/qq_38822390/article/details/82188409vue-cli 引入jquery bootstrap less 自定义css 自定义jshttps://www.cnblogs.com/goldlong/p/8042021.html自定义css、js 引入只...
2019-06-06 10:45:36
145
转载 关于vue-cli
Vue2全家桶之一:vue-cli(vue脚手架)超详细教程https://www.jianshu.com/p/32beaca25c0dVue 2.0 从初始化到编译打包发布https://www.jianshu.com/p/7b6cf95b0cd5
2019-06-06 10:45:25
140
转载 javascript 数组和对象的浅复制和深度复制 assign/slice/concat/JSON.parse(JSON.stringify())
javascript 数组和对象的浅复制和深度复制 assign/slice/concat/JSON.parse(JSON.stringify())https://blog.csdn.net/xiaoxiaoshuai__/article/details/79671680
2019-06-06 10:45:16
129
原创 kendo Vue filiter功能
&lt;!-- 直接输入查找,无漏斗,contains --&gt; &lt;kendo-grid-column :field="'ProductName'" :width="180" :filterable-cell-show-operators=&q
2019-06-06 10:45:03
352
转载 用户认证之BASIC认证的原理及实现方法
一. BASIC认证概述在HTTP协议进行通信的过程中,HTTP协议定义了基本认证过程以允许HTTP服务器对WEB浏览器进行用户身份证的方法,当一个客户端向HTTP服务 器进行数据请求时,如果客户端未被认证,则HTTP服务器将通过基本认证过程对客户端的用户名及密码进行验证,以决定用户是否合法。客户端在接收到HTTP服务器的身份认证要求后,会提示用户输入用户名及密码,然后将用户名及密码以BAS...
2019-06-06 10:44:23
1013
原创 plsql连接Oracle数据库配置
1.安装plsql2.汉化下载汉化补丁,直接双击运行3.安装instantclient_11_2只需要下载到本地磁盘某个位置即可,复制oci.dll的路径4.配置plsql双击运行,暂时跳过登录将oci.dll的路径信息输入5.配置环境变量控制面板\系统和安全\系统\高级系统设置\高级\环境变量\administrator的用户变量新建变量名:NLS_LANG变量值...
2019-06-06 10:44:14
2691
原创 常用的web服务器软件有哪些
(1)ApacheApache是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上。Apache源于NCSAhttpd服务器,经过多次修改,成为世界上最流行的Web服务器软件之一。Apache取自"a patchy server"的读音,意思是充满补丁的服务器,因为它是自由软件,所以不断有人来为它开发新的功能、新的特性、修改原来的缺陷。Apache的特点是简单、速度快、...
2019-06-06 10:43:45
6349
原创 前端开发框架搭建步骤
1.安装node.jshttps://nodejs.org/en/node.js自带npm工具,如果觉得npm下载资源太慢,可继续安装cnpmnpm install -g cnpm2.安装vue-cli脚手架npm install --global vue-cli验证是否安装成功vue -V//命名可以得到vue的版本号信息3.初始化一个vue项目使用cd命令找到项目需要放...
2019-03-04 10:04:23
3372
原创 Vue 数组更新
#Vue 包含的数组操作方法(变异方法)将会触发视图更新push()//从数组末端添加项pop()//从数组末端删除项shift()//从数组头部删除项unshift()//从数组头部添加项splice(index,num)//删除 ,num数量sort()//排序reverse()//反转...
2019-01-22 13:06:16
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人