
前端
小小鲁班ly525
勇敢去尝试
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
109. reset vuex state(重置 vuex 状态)
原文链接:https://github.com/ly525/blog/issues/109关键字 vuex, Object.assign如何重置 vuex错误做法RESET_STATE: (state) => { // [Warning]: 下面这种做法是错的,违反 Vue 响应式原则。 // 参见:https://forum.vuejs.org/t/replacing...原创 2019-03-15 12:59:39 · 1552 阅读 · 0 评论 -
42. nginx 匹配的 try_file 与前端路由 404 以及路由优先级问题
首发于我的github博客, 欢迎关注场景描述:访问www.abc.com, 之后点击界面里面的logout,前端路由处理,跳转到www.abc.com/login但是登录页面刷新之后,就显示nginx 404了奇怪的地方就在于,为何退出的时候,重定向到/login的时候,没有报404?前端路由重定向到/login逻辑:this.$router.push({nam...原创 2019-03-15 13:00:51 · 1605 阅读 · 1 评论 -
44. JS 应用场景(Promise => 图片上传)
首发于我的github博客, 欢迎关注PromisePromise.reject()** element || iview 上传图片尺寸校验 **在上传图片之前,验证图片大小、尺寸等信息,可以返回一个Promise。当验证成功的时候,可以return file。 这样,在upload中可以拿到该文件对象当验证失败的时候,需要使用reject,因此需要使用return Prom...原创 2019-03-15 13:01:31 · 667 阅读 · 0 评论 -
260. 使用 semantic-release、commitizen、jest、codecov、travis 规范开源项目
分别介绍标题中的几个项目的概念commitizen默认使用 Angular commit 规范,规范 commit 提交规范semantic-release根据 git commit history,自动生成 changelog根据 commit message 是否是 feature 或 bug fix,自动发布 release 版本,并更新 release logjes...原创 2019-03-15 20:22:27 · 1058 阅读 · 0 评论 -
256. 为何 字体 可以生成 icon ?或者说 icon 究竟是什么
首发于我的github博客, 欢迎关注icon 其实和普通的文字没有区别,当我们要使用另外一种字体来个性化网站的时候,觉得已经引入一种新字体是一件理所当然的事情。但我们尝试应用一种字体来让它显示icon的时候,我们却有点茫然了?为啥字体可以画出来icon呢?因为普通文字其实本质上是一段轨迹,一段路径。同理,icon 也是如此了...原创 2019-03-15 20:24:21 · 4208 阅读 · 0 评论 -
194. 如何快速上手、分析一个 Vue Admin 类项目
首发于我的github博客, 欢迎关注package.jsonscripts: 查看项目如何 dev、build、deploydependencies: 快速了解项目的依赖src/main.js 项目的入口文件, 快速了解项目使用的组件、周边插件 new Vue({ el: '#app', router: router, s...原创 2019-03-15 20:29:07 · 243 阅读 · 0 评论 -
195. 中文小说出海资料整理
首发于我的github博客, 欢迎关注有影响力的站点武侠世界-wuxiworldWuxiaworld ( wuxiaworld.com ),是一个在美华人创办的中国玄幻网络小说翻译网站,受到大量外国读者追捧,日均访客已达十几万。据公开资料显示,Wuxiaworld 2014年才成立,由美国华裔赖静平创办,是目前英文世界最大的中国网络文学网站,内容以玄幻、武侠、仙侠为主。2016...原创 2019-03-15 20:30:36 · 1617 阅读 · 0 评论 -
181. 前端方法论
首发于我的github博客, 欢迎关注不管你用什么样的黑科技实现、什么样的好代码、烂代码实现,第一原则是样用户用的舒服,尽量减少不必要的Bug,最大化提高工作效率。只是好代码在一定程度上意味着可扩展性强,如果需要添加新的功能,好的代码效率更高,花的时间会更少,产出更多。烂代码,反之加一个功能,甚至会导致前一个功能崩溃!BOSS 的想法不一定是正确的、合适的,相反,前端工程师是最...原创 2019-03-19 14:10:14 · 610 阅读 · 0 评论 -
213. 为何设计师不应该使用 png、jpg、svg 制作小图标
首发于我的博客:https://github.com/ly525/blog ,欢迎关注与讨论场景从一次聊天讲起,设计师同学问使用这些svg 来做icon是否可以?还有就是有一些设计师同学在制作招聘岗位前面的 icon的时候(比如Android 工程师前面放一个Android 的小logo, Unity 工程师前面放一个Unity 图标),是使用 png 做的小图片为什么不应该使用...原创 2019-03-19 14:11:41 · 1816 阅读 · 2 评论 -
167. axios get 请求之前,发起了一次 option 请求
首发于我的博客:https://github.com/ly525/blog ,欢迎关注与讨论具体原因和方案参见:https://stackoverflow.com/questions/29954037/why-is-an-options-request-sent-and-can-i-disable-ithttps://stackoverflow.com/questions/299540...原创 2019-03-19 14:14:08 · 340 阅读 · 0 评论 -
265. To B 端 Web 页面上线前 checklist
文章首发于我的博客:https://github.com/ly525/blog/issues/265,欢迎与我讨论交流,如果有误,欢迎拍正。目录表格样式Chart下拉菜单数据过滤、搜索错误处理听到了好多遍:“我以为、我认为”。同样工程师也是有正常认知思维的同学,也可以说 “我以为、我认为”(只是我自己都比较讨厌这样)所以在大家有认知冲突的时候,你怎么说服别人呢。你如果没有成功的产品经验...原创 2019-03-27 20:19:41 · 564 阅读 · 0 评论 -
260. 使用 semantic-release、commitizen、jest、codecov、travis 规范开源项目
首发于我的博客:https://github.com/ly525/blog ,欢迎关注与讨论。如果发现错误,欢迎斧正目录分别介绍标题中的几个项目的概念1. commitizen2. semantic-release3. jest4. codecov5. travis分别介绍标题中的几个项目的概念1. commitizen默认使用 Angular commit 规范,规范 commit ...原创 2019-03-27 20:22:35 · 420 阅读 · 0 评论 -
39. 一些面试题
首发于我的博客:https://github.com/ly525/blog/issues/39 ,欢迎关注与讨论。如果有不对的地方,欢迎斧正文章目录CSSJavaScriptVue前后端工程化代码段CSS左侧固定,右侧自适应(侧边栏导航)实现三角形(tooltip,dropdown)、叉号动画渐变(height 属性是否可以有效,实现loading效果)data-set 应用(H...原创 2019-03-27 20:25:28 · 279 阅读 · 0 评论 -
219. 单页应用 会话管理(session、cookie、jwt)
原文链接:https://github.com/ly525/blog/issues/219关键字:http-only, cookie,sessionid, vue-router, react-router, 安全,localStorage, jwt需求描述内部管理平台,需要用户登录之后才能访问。现在将 该平台地址(www.xxx.com/home) 直接发给新来的运营同学前端需要检测...原创 2019-03-15 12:59:07 · 392 阅读 · 0 评论 -
157. 线上http 协议更新为 https,本地 http-proxy 代理踩坑
原文链接:https://github.com/ly525/blog/issues/157关键字: http-proxy,代理、httpsnpm http-proxy 启用 https 的方式:问题描述:Local http:127.0.0.1:8088 -> Server https://www.xxx.com/api/v1后端环境:Django 1.11前端配置环境:...原创 2019-03-15 12:58:15 · 2722 阅读 · 0 评论 -
89. Vue.js render: h => h(App) 具体含义解释
原文链接:https://github.com/ly525/blog/issues/90https://segmentfault.com/q/1010000007130348?_ea=3899677请解释:render: h => h(App) 这段话的意思?# main.jsnew Vue({ el: '#app', router: router, s...原创 2019-03-15 12:57:12 · 1139 阅读 · 0 评论 -
Javascript 中 对象概念 | 静态方法 | 原型方法
Javascript 中 对象概念 | 静态方法 | 原型方法// 定义一个对象function Person() {}Person.prototype.prototypeMethod = function() { console.log('prototypeMethod');}View.staticMethod = function(){ console.log('stati原创 2015-12-21 12:06:49 · 564 阅读 · 0 评论 -
Head First HTML&CSS 笔记(1)
9. 盒模型<html><head> <meta charse="utf-8"> <title>demo</title> <style type="text/css"> p { /*背景颜色青绿色*/ background-color: #a7cece padding: 20px; margin: 20px; border-s原创 2015-12-03 16:41:13 · 571 阅读 · 0 评论 -
Head First HTML&CSS 笔记(2)-定位与布局
流体布局所有的浮动元素都有一个宽度 -P479浏览器并排放置两个内联元素浏览器上下放置两个块元素主内容区如何和边栏分开? 主内容区指定 >=边栏宽度的margin因为margin是透明的,不会显示背景图像,所以页面背景颜色会显示出现虽然主内容区指定了margin,但是记住主内容区仍然是占据浏览器窗口的整个宽度,如果看起来只占了浏览器整个窗体的4/5,可能是指定了margin或者padd原创 2015-12-15 22:45:51 · 478 阅读 · 0 评论 -
Bootstrap笔记和相关知识点整理
container 和 container-fluid的区别? 官网文档-布局容器bootstrap中container跟container-fluid的样式是一样的,为什么要分开写?我不明白: [注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套。] stackoverflow-Can you nest Bootstrap containers?2.原创 2016-04-12 15:55:03 · 877 阅读 · 0 评论