
前端
文章平均质量分 84
alisaGreen
纵然没有那般天赋,也想一步步跟上脚步
展开
-
浏览器工作原理与实践学习(一)
开篇词一、以后发展1、脚本执行速度问题 WebAssembly + javascript2、前端模块化开发 vue react3、渲染效率问题 chrome 新布局方案[layoutNG](看了一下没咋看懂,感觉写起来有点麻烦)(https://zhuanlan.zhihu.com/p/37847490) 渲染搜身方案slim paint宏观视角下的浏览器一、打开一个chrome页面 4个进程线程 进程线程:线程是不能单独存在的,它原创 2022-01-29 17:21:37 · 1533 阅读 · 0 评论 -
h5开发部分总结
1、后台返回status 0 前端响应返回 networkerror出现原因:前端没访问到后台服务器 跨域或者是链接服务器失败解决方法:然后台根据实际情况查看该环境下的日志查找是否报错或者链接后台服务器 看是更改配置还是更换域名2、当进行单行的超出部分添加省略号的时候遇到了flex布局 text-overflow: ellipsis;无效问题text-overflow: ellipsis;overflow-x: hidden;white-space: n...原创 2020-08-09 13:05:50 · 461 阅读 · 0 评论 -
swiper5在vue中的运用和组件化处理
背景:最近接触了一个需要使用swiper插件的pc端企业业务展示页面。由于页面需要用到很多个不同的swiper效果。所以准备做一个公共的组件来使用,只用通过引入组件改变传进去的参数来使用实际操作中遇到的问题1、多个组件swiperOption设置的时候button 的class使用的是同一个引入的时候就造成了有左右移动点击按钮的时候没有个体化都变成了点一个改变多个的情况解决方案 :将按钮的左右键的class动态化传递2、swiper点击事件这个由于swiper使用了loop 自己多虚拟创建了几原创 2020-05-08 20:51:25 · 2054 阅读 · 0 评论 -
最近想部署一个docker前端环境玩玩,结果弄了一天头都晕了,这里放几个网址先
背景:本人电脑是win10家庭版 显示各种搜密匙升级为专业版,然后激活。。。,然后开启hyper-y能用的密匙关太快忘了留存,大佬些自己去找最新的的试试吧然后安装了个toolbox的docker 镜像上又出问题 然后又添加阿里镜像,处理各种问题vi vim 最后也看了一会儿https://www.runoob.com/linux/linux-vim.htmldocker从入门到...原创 2020-02-10 00:10:19 · 158 阅读 · 0 评论 -
网上部分js常用方法归纳
//utc 时间转换这是在网上找的utc时间转化为当地时间的方法export function convertUTCTimeToLocalTime(UTCDateString) { if(!UTCDateString){ return '-'; } function formatFunc(str) { //格式化显示 ...原创 2018-09-28 14:28:46 · 158 阅读 · 0 评论 -
兼容性问题部分总结
背景:今天在iview+vue前端框架 render中鼠标点击事件的时候实现当前项样式改变;问题:但是火狐测试的时候 e.path is undefinded 火狐没有这个属性参考并且打印出e再参考https://blog.youkuaiyun.com/jenny8080/article/details/73480288之后更改代码为解决方法:(这里只兼容ie11,10所以没有做event兼...原创 2019-03-04 11:45:42 · 499 阅读 · 0 评论 -
总结梳理一些在工作中用到的插件,希望以后有用改的时候能够一下找到
1、clipboard.js 现代化的拷贝文字这是在看vue-elementui-admin框架的时候看到的。看了api感觉挺有用的;vue-elementui-admin地址:https://panjiachen.github.io/vue-element-admin/#/clipboard/indexclipboard.js中文文档:http://www.clipboardjs.cn/...原创 2019-04-26 09:35:48 · 9979 阅读 · 0 评论 -
【缓存技术原理】浏览器端缓存机制详解
浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户。浏览器端缓存的机制种类较多,总体归纳为九种,这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式->resources左侧就有浏览器的8种缓存机制。第一种 Http缓存chrome控制台下的Frames即展示的是浏览...转载 2019-07-21 13:25:37 · 518 阅读 · 0 评论 -
浏览器缓存机制详解
浏览器缓存浏览器缓存的知识是前端工程师必须要掌握的,因为这些知识直接影响到你的页面的用户体验,影响到你的页面的加载策略。接下来将要详细的讲述浏览器缓存的概 念和原理,新人要仔细阅读,甚至要多次反刍,缓存的知识除了和浏览器有关,还涉及到HTTP协议,所以这也是比较难于掌握的内容。一般在硬件中,缓存在硬件中分一级缓存,二级缓存。但在软件中的缓存却不一样。狭义上讲缓存就叫高速缓存,严格讲就是将数据...转载 2019-07-21 13:37:12 · 239 阅读 · 0 评论 -
iview 实现数字验证
1。直接使用number类型或者是在验证的时候给个type=’number’不能实现页面对0的验证 <FormItem label="Age" prop="age"> <Input v-model="formCustom.age" number></Input> </FormItem>原创 2018-08-21 15:56:17 · 7866 阅读 · 4 评论 -
iview使用总结
一、实现table表格实现多选和指定条件复选框不能选中的效果(1)实现多选表格<Table ref="selection" @on-selection-change="changeChose" @on-select-all="selectAll" style="margin-top:6px;"@on-select="getTableChosedValue" border ...原创 2018-07-06 10:31:40 · 16255 阅读 · 0 评论 -
vue router带参数页面刷新或者回退参数消失的解决方法
写在前面:传参是前端经常需要用的一个操作,很多场景都会需要用到上个页面的参数,本文将会详细介绍vue router 是如何进行传参的,以及一些小细节问题。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。Vue router如何传参params、query是什么?params:/router1/:id ,/router1/123,/router1/789 ,这里的id叫...转载 2018-07-12 10:20:51 · 62818 阅读 · 10 评论 -
angular2 引用bootstrap-daterangepicker
目前看ag2没有比较好的datetimepicker控件。研究了一下引用js版的bootstrap-daterangepicker.1.首先配置daterangepicker js的依赖JS框架:Date Range Picker relies on Bootstrap, jQuery and Moment.jsangular-cli的官网是这么说的:Global Li转载 2017-07-17 15:29:29 · 4738 阅读 · 0 评论 -
angular2语法总结
1、ngStyle基本用法div [ngStyle]="{'background-color':'green'}">div>判断添加2、ngClass第一个参数为类名称,第二个参数为boolean值,如果为true就添加第一个参数的类基本用法[ngClass]="{'text-success':true}"判断[ngClass]="{'text-原创 2017-07-31 14:23:25 · 1238 阅读 · 1 评论 -
D3学习笔记
学习资源 http://www.ourd3js.com/wordpress/396/大神得学习资料很是丰富,初级到高级还有入门视频,深得我心啊1 update ,enter,exit 概念定义1 2datum()的工作过程那么datum()的工作过程就再明了不过了,即对于选择集中的每一个元素,都为其增加一个__data__属性,属原创 2017-08-11 15:44:48 · 494 阅读 · 0 评论 -
获取百度地图android密匙
http://lbsyun.baidu.com/index.php?title=android-locsdk/guide/key问题1 keytool找不到 ,(keytool是在安装jdk的时候自带的,这里说最好jdk不要安装到c盘,我刚开始安到c盘的后来安到了D盘,不确定是npm的关系还是我换盘的关系,最后找到了)刚开始是在cmd里面执行的,但是报错 ,后面在node 的原创 2017-08-30 15:03:04 · 400 阅读 · 0 评论 -
Jade —— 简洁的HTML模版引擎
Jade —— 简洁的HTML模版引擎Jade是一款基于haml的html模版引擎,采用JavaScript实现,可以方便地在Node.js、Yeoman等框架中使用。文档官方网站安装在Node中安装Jade的方法如下:npm install jade在Yeoman中,安装及配置过程较为复杂,具体方法请参看Grunt 之 Jade自动化生成的转载 2017-09-25 14:59:02 · 559 阅读 · 0 评论 -
解决“指定的服务已经标记为删除”问题,安装mysql的时候
在注册DotNetWinService服务时,再使用 "sc delete 服务器名称" 命令删除服务就出现“指定的服务已经标记为删除”的异常。刚开始感觉很奇怪,因为在网上查到别人都是那么删除windows服务的。在一次偶然情况,我关闭了服务管理窗口,问题自然解决了。因此,出现上述原因是运行删除服务项命令的时候,服务管理窗口未关闭引起的。关闭服务管理窗口,重新删除、安装服务项即可。转载 2017-09-11 10:25:34 · 10407 阅读 · 4 评论 -
mysql中datatime格式转化,后台为node
实际上mysql datatime在数据库中显示很正常,但是铺展到页面上后是类似于这样的2017-08-19T16:00:00.000Z 感觉对客户体验不好,然后百度各种问终于在网上看到了原理参考 https://www.cnblogs.com/eaysun/p/5534554.html dateStrings: 强制日期类型(TIMESTAMP, DATETIME, DATE)以原创 2017-11-08 23:34:50 · 1280 阅读 · 0 评论 -
ionic2 判断是否是第一次登陆应用是否实现启动页的显示
1。实现对storage的引入和使用http://ionicframework.com/docs/storage/2。在app.component.ts里面引入这个storage 还有其他的引入文件我没有全部写完import { Storage }from '@ionic/storage';@Component({templateUr原创 2017-11-15 09:56:13 · 1543 阅读 · 0 评论 -
关于android keystore的一些问题
关于android keystore的一些问题1.keystore 和jks 的简单区别:在Android Studio中通过生成的是.jks签名文件;而在eclipse时.keystore文件关于如何生成的步骤请参考该技术文档。2. Keystore was tampered with, or password was incorrect这个问转载 2017-09-05 17:31:21 · 1553 阅读 · 0 评论 -
写系统操作手册时应注意的细节
这两天帮同事写我们做的后台管理系统的操作手册,看着很简单,但是还是被打回来2次重写,这里总结一下,便于以后能提交一份完美的操作手册。一,格式 我是在wps上做的,刚开始是分工每个同事写一个功能,然后由一个同事整合发给负责人。所以每个人的布局排版等都不一样,最重要的就是1,字体大小样式一致2,标题目录差异性3,wps---视图--文档结构图 这个文档结构图一定要设置好目录结构的层次性...原创 2018-03-02 12:02:33 · 8475 阅读 · 3 评论 -
ps学习笔记
因为工作需要,需要深入学习一下ps,自己也对照相馆的技术很是向往啊,自己记性也不好,为了以后能够更加快速的巩固。作为一名前端也能够切图做一些简单操作,现在主要想深入研究一些快捷键和以前自己没有见过的。1、魔术棒选择一个照片然后点击左边工具中的魔术棒,可以通过shift 添加选区,alt 减去选区,或者是通过上面的模块来实现该功能2.渐变工具3.锐化工具,模糊工具锐化工具:保护细节防止彩色噪点建空白...原创 2018-03-02 17:55:05 · 446 阅读 · 0 评论 -
使用vscode时,如何在.vue文件中使用html代码补全功能
使用vscode编写vue代码,刚开始点击tab是不会自动补全代码的,这个就很郁闷了。百度了半天:https://segmentfault.com/a/1190000010339485 参考这个最后解决了问题一、HTML Snippets在vscode中把这个插件下载了并且启用,然后翻阅插件的ReadMe,我们可以看到如下图得FAQ:这段代码是提示我们需要在settings.json中配置file...转载 2018-03-19 18:04:31 · 40895 阅读 · 14 评论 -
学习mongodb
首先介绍一下背景,window10 mongodb3.6.31、下载安装链接https://www.mongodb.com/download-center?jmp=nav#community历史版本网址https://www.mongodb.org/dl/win32/x86_64-2008plus-ssl?_ga=2.154941552.975555771.1523264549-1904464...原创 2018-04-10 10:27:40 · 282 阅读 · 0 评论 -
angular2项目结构详情
概述本章描述的Angular 2开发环境基于开源的angular2-webpack-starter,包含以下内容:Angular2:核心、路由、Http服务、单元测试和端对端测试TypeScript:开发语言和编译工具Typings:TypeScript类型管理工具TsLint:TypeScript语法检查工具TypeDoc:TypeScript文档工具Webpack:构建和打包工转载 2017-07-12 15:05:33 · 606 阅读 · 0 评论