vue——做了一个幼稚的小页面

使用vue.js 制作一个用户表添加页面,实际上是把原来需要使用js写的部分,改写成vue.js的格式首先,想象一下,先做思考,我们要添加用户表,设涉及到哪些数据,一个是用户id,一个是用户名,一个是年龄....还有很多,为了数据的简单明了,只举例部分数据即可在vue中,el是作用的范围,这个直接获取html 中的id即可,再一个是data,这个是vue中存储数据的部分,刚才说到,这里有一个用户名,一个年龄.而没一个用户名对用一个年龄,这个是固定的,对于固定的东西,我们喜欢绑定在一起,这样在…

用原生javascript做的一个打地鼠的小游戏

学习javascript也有一段时间了,一直以来分享的都是一些概念型的知识,今天有空做了一个打地鼠的小游戏,来跟大家分享一下,大家也可以下载来增加一些生活的乐趣,下面P出代码:首先是HTML部分代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>打地鼠的小游戏</title> <link rel…

最近做的一个Spring Boot小项目，欢迎大家访问 http://39.97.115.152/

最近做的一个Spring Boot小项目,欢迎大家访问 http://39.97.115.152/,帮忙找找bug,网站里有源码地址网站说明甲壳虫社区(Beetle Community) 一个开源的问答社区.论坛博客,您可以提出自己的问题.发布自己的文章.和其他用户交流目前功能有第三方登陆.查看.发布.评论.消息通知.顶置.一键已读.搜索等后续会不断更新完善,欢迎大家提供更好的建议使用技术 Spring Boot.Mybatis.Thymeleaf.BootStrap.MySQL等使…

为了考PMP，我做了一个刷题小程序

一.背景 1.我是一名软件工程师,技术出身,担任开发组长,对项目管理不是很熟,所以决定系统学习下项目管理. 2.全球最适合的项目管理学习课程就是PMP,每年有4次PMP考试,证书还是很有含金量的. 3.目前工作上不是很忙,有多余时间用来做自己的事,所以准备写点代码来玩下. 4.组里都是做小程序开发的,虽然是开发组长,但是大部分的时间都是和甲方打交道,写代码的时间确实很少. 5.于是决定写个小程序来帮助我考PMP. 6.题库都是培训机构出的模拟题,我们学习小组将纸质的题目转成了txt格式,方式有O…

用html/css做的一个登入小界面（图片瀑布流）

一个登入效果简易图:(色彩搭配有点乱,嘻嘻,可以在代码处改成自己喜欢的颜色) css样式的代码: style.css: @charset "utf-8";/* CSS Document */ *{ margin:0px; padding:0px; } body{ background-color:#FCC; }.wrapper{ width:80%; height:2000px; background-color:#FC9; margin:0px auto;}.heading{ mar…

利用spring boot+vue做的一个博客项目

技术栈: 后端 Springboot druid Spring security 数据库 MySQL 前端 vue elementUI 项目演示: GitHub地址: 后端:https://github.com/TUGOhost/My-Blog 前端:https://github.com/TUGOhost/My-Blog-Front…

vue做的项目每次打开新页面不会显示页面顶部的解决办法

在main.js 中添加代码: router.afterEach((to,from, next) => { window.scrollTo(0,0) }) 然后就会发现每次打开页面都是显示的是页面顶部内容,再也不会显示页面底部或者其他位置影响用户体验.…

delphi 利用HTTP的POST方法做个在线翻译的小工具 good

最近做了一个英汉小翻译的东东,用的是VC,ADO + Access访问数据库,单词数据库是从金山打字通2002弄来的.后来想了想,想再加个在线翻译的功能,记得经常使用GOOGLE翻译网站的在线翻译,也蛮好用的.于是用Ethereal抓包工具抓了一下它的包,发现浏览器发出去的包格式如下: POST /translate_t?langpair=en|zh-CN HTTP/1.1Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, a…

今天来做一个PHP电影小爬虫。

今天来做一个PHP电影小爬虫.我们来利用simple_html_dom的采集数据实例,这是一个PHP的库,上手很容易.simple_html_dom 可以很好的帮助我们利用php解析html文档.通过这个php封装类可以很方便的解析html文档,对其中的html元素进行操作 (PHP5+以上版本)下载地址:https://github.com/samacs/simple_html_dom下面我们以 http://www.paopaotv.com 上的列表页 http://paopaotv.com…

做了一个vue的同步tree 的npm组件包

前言:因为现成的tree组件没有找到.亦或是其依赖的其他东西太多,不太合适引入我们的项目,所以自己做了一个.大概样式: 在线例子: https://hamupp.github.io/t-vue-tree/examples/dist/#/basicDemoAndApi 属性: 1.data {类型Object} 树的全部数据,格式参考下例,其中的各个字段的说明也看示例中的注释.在此基础上你当然可以追加自己的字段. [ { title: 'parent 1', expanded: true, che…

FMX相当于在界面上自己又做了一个小操作系统

FMX的自画界面我也不看好,比如复制粘贴,太丑了,系统做得很好很精细的复制粘贴界面,就是无法调出,比如MIUI,复制粘贴还能有个放大镜,可以选择到屏幕边缘的文字,可以选择剪贴板内多个可粘贴的文字:还有那个Memo,有的时候该折行的不折行,有的文字看不到了.文本输入框,隐藏剪贴板后,再点击就弹不出来了:系统本身的文本框就没有这个问题.底部输入框输入时自动上移界面,好像是操作系统本身就有的吧,FMX还得自己编很多代码,也不一定编好.自己编码补漏洞是另外一回事.FMX给我的感觉是在界面上自己又做了一个…

tkinter做一个简单的登陆页面

做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x380+300+150") # add image pic = r'/Users/ydj/Desktop/未命名文件夹/bg.gif' canvas = tkinter.Canvas(wuya) image_file = tkinter.PhotoImage(file=pic) image = can…

tkinter做一个简单的登陆页面（十六）

做一个简单的登陆页面 import tkinter wuya = tkinter.Tk() wuya.title("wuya") wuya.geometry("900x380+300+150") # add image pic = r'/Users/ydj/Desktop/未命名文件夹/bg.gif' canvas = tkinter.Canvas(wuya) image_file = tkinter.PhotoImage(file=pic) image = can…

自定义Jquery插件——由于项目需要，对页面中过长的文本进行截取，鼠标移上去有一个title的提示，所以做了一个Jquery过长文本处理的插件

由于项目需要,对页面中过长的文本进行截取,鼠标移上去有一个title的提示,所以做了一个Jquery过长文本处理的插件下面是代码: // 掉用方式支持 $('select').textBeauty(10);支持链式调用$('.dddd').textBeauty().html('ssss'); ;(function ($) { $.fn.extend({ textBeauty: function (len) { len = len || 5; var title = $(this).text();…

SVG制作可爱小页面

很久都没有在博客园上发表一些自己学的新东西了,只是在有空的时候逛一逛博客园而已,看来我不是一个真正的程序员,哈哈! 但是今天非常想和大家分享一个小东西,那是前两天在一个网页上看到了这个东西我好奇中间那个是怎么做出来的就F12看了一下它的html页面代码,我看到了这个标签circle,当时就比较好奇了,因为我好像没见过这个标签,果然不是一个真正的程序员,我这段时间都在干嘛了呢?哈哈! 没关系,一般不懂的话我都去问度娘,因为别人靠不住,只能靠自己,当自己也靠不住的时候就去靠度娘,好想配上一个笑哭的…

Vue初识：一个前端萌新的总结

一.前言时隔三年,记得第一次写博客还是2015年了,经过这几年的洗礼,我也从一个后端的小萌新变成现在略懂一点点知识的文青.如今对于前端的东东也算有一知半解,个人能力总的来说,也能够独立开发产品级项目吧.至于为什么会前端的东西,估计学.NET的人应该大部分都懂些,之前自己搭建过一套框架,但觉得现在的时代趋势吧,前后端分离是主流,再加上想借这次机会改变部门的开发方式,所以就打算改造一下. 本文仅为个人心得,从实践项目出发,不讲理论,适合萌新学习,如果有说错了欢迎大家在评论区指出,共同进步,哈哈.…

做为一个前端工程师，是往node方面转，还是往HTML5方面转

文章背景:问题本身来自于知乎,但是我感觉这个问题很典型,有必要把问题在整理一下,重新分享出来. 当看到这个问题之前,我也碰到过很多有同样疑惑的同学,他们都有一个共同的疑问该学php还是nodejs,包括我自己也曾有过同样的经历.幸运的是,通过我内心的挣扎和对当前市场供需关系以及行业发展前景的综合衡量评估后,我还是在接触了java, php之后回到js这片天空上来了.一方面是客观因素,一方面是兴趣导致的,前端太好玩了,值得为此奉献一点激情或青春. 其实这也是一个开发者成长必须经历的一个洗礼,一个磨…

用MVVM做了一个保存网页的工具-上篇

前言: 你是否有过收藏了别人博客或文章,当想用的时候却找不到?你是否有过收藏了别人博客或文章,却因为没有网络而打不开网页?OK,下面是我做的一个工具,有兴趣的同学们可以download 玩下,哈哈^.^ 本篇是上篇,介绍工具的使用,下篇会介绍怎么用MVVM来实现这个小工具! 一.常用的保存网页的方式有一种保存方式就是:用快捷键:Ctrl + S保存网页.缺点:1.保存下来的形式是html+js+css,文件多:2.保存的地方可以任意,不便于统一管理.3.保存的地方,容易忘,下次再找的时候可能会…

做了一个图片等比缩放的js

做了一个图片等比缩放的js 芋头发布在view:8447 今天改了一下博客的主题,发现博客主题在ie6下变样了,后来发现是因为某篇文章里的某个图片太大了撑开了容器,导致样式错位,前几天公司需求里也曾遇到过要编写一个等比缩放的东西,后来不了了之,今天就一起解决了它吧. 1.等比缩放? 等比缩放就是一张图片按照比例缩放,而不是按照容器大小去缩放,那样会变形而且变得很丑,例如下面的示例: 这是原图片,大小是200*100: , 如果不按比例缩放成100*100: ,很明显变形了. 我现在要的效果…

关于vue组件的一个小结

用vue进行开发到目前为止也有将近一年的时间了,在项目技术选型的时候隔壁组选 react的时候我们坚持使用vue作为前端的开发框架.虽然两者思想上的差异不大,但是vue的语法在代码的可读性以及后期的维护成本更加的适合,而且最近看到Apache对react的相关许可限制:这里不讨论react和vue的对比哪个好,技术框架没有最好的,只有适合项目才是最好的. 进入主题....... 组件,是vue的核心之一. 我们可以把页面各个子模块看成一个组件,可以独立拆分出来.这样不仅维护变得简单了,而且代码复…

最近做了一个通达OA的大料:20170905最新版本破解可改单位名称,无限制安装

最近做了一个通达OA的大料:20170905最新版本破解可改单位名称,无限制安装用户约七十家,总体不错,修改了两次注册授权文件,完美使用中可联系麦枫http://www.mfsun.com管理员QQ:619920289 相关的说明文件可以从注册授权文件包中提取改进优化: 优化移动端工作流,在工作查询页面,按指定发起人/办理人搜索时,可以搜索到禁止登录OA系统和禁止登录手机客户端的用户. 优化移动端工作流退回至第一步骤后,流程图中人员显示不正确的问题. 优化在行政办公->工作计划管理-工作计…

用vue做app内嵌页遇到的坑

公司要求用vue做一个微信端的网站,其中还包含一些app的内嵌页.开始的时候没想那么多,就直接用vue-cli搭了一个单页的vue项目,可随着项目越做越大,页面越来越多,问题就开始暴露出来了. 众所周知,单页面程序优点是在页面初始化时加载相应的HTML.JavaScript 和 CSS,一旦页面加载完成了,就不用再做其他的加载和跳转了,极大的提升了页面的流畅性,提供良好的用户体验.那么问题来了,把所有东西都放在初始化的时候做,就造成了页面首次加载需要更长的等待时间.而对于那些作为app内嵌的页面…

边做边学入门微信小程序之仿豆瓣评分

微信小程序由于适用性强.逻辑简要.开发迅速的特性,叠加具有海量活跃用户的腾讯公司背景,逐渐成为了轻量级单一功能应用场景的较佳承载方式,诸如电影购票.外卖点餐.移动商城.生活服务等场景服务提供商迅速切入了. 为了贴合实际的应用情况,本篇以豆瓣评分小程序为参考样例,边做边学小程序的入门开发知识. 目录效果图Demo源码开发环境了解官方样例开发者工具样例源码结构开发实战底部Tab卡页分析开发需求评分条模板 rpx长度单位数据绑定条件渲染列表渲染电影海报模板模板的使用区块模板主…

vue做的第二个app

用vue做应用最好的还是组件的复用上次做饿了吗的app封装了一个评分star的组件只要引入组件传入size大小和score分数就行了,这次做豆瓣直接就就用上了不用重复写代码.不过vue做单页应用全部挂在app.vue组件上并不能真正的实现多页面跳转这种假跳转比原生app差.我开始在app.vue里面写了个导航选择热门电影和高评分结果在弄详情页的时候直接设z-indx覆盖是没用的那两个导航栏直接无视z-index穿透显示出来,还有我开始发现router-link跳转居然能传对象我把主页的电…

vue组件的一个总结

用vue进行开发到目前为止也有将近一年的时间了,在项目技术选型的时候隔壁组选 react的时候我们坚持使用vue作为前端的开发框架.虽然两者思想上的差异不大,但是vue的语法在代码的可读性以及后期的维护成本更加的适合,而且最近看到Apache对react的相关许可限制:这里不讨论react和vue的对比哪个好,技术框架没有最好的,只有适合项目才是最好的. 进入主题....... 组件,是vue的核心之一. 我们可以把页面各个子模块看成一个组件,可以独立拆分出来.这样不仅维护变得简单了,而且代码复…

Vue 做项目经验

Vue 做项目经验首先需要知道最基本的东西是: Vue 项目打包:npm run build Vue生成在网页上看的端口:npm run dev 修改端口号的地方在: config文件夹下index.js文件port 改变首页面在main.js const routes = [{ path: '/', component: gnlb } 大概在100行编辑代码时的一些经验和坑 Vue相关经验 1. 引入自己编写的标签需要在当前页面import标签名from文件路径,注入进来之后再下面的 co…

vue动态添加路由，跳转页面时，页面报错路由重复：vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: "Login", path: "/login" }

之前用了一个vue-element-admin做了一个小项目,里面用到了动态添加路由,动态展示侧边栏, 当我切换页面时,控制台总是警告提示路由重复,连续跳转几次页面后,控制台就被这些警告占满了, 于是处理一下原因addRoutes 方法仅仅是帮你注入新的路由,并没有帮你剔除原有的其它路由! 我们先看一下原来代码路由拦截器中的代码: permission.js: if (roles) { function asyncFun(){ return new Promise(function(reso…

bootstrap做了一个表格

花了一下午做了一个表格: 大致是这样: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>广发互联小贷</title> <meta name="keywords" content="广发互联小贷" /> <meta name="description" co…

【Filter 页面重定向循环】写一个过滤器造成的页面重定向循环的问题

今天做一个过滤器,碰上页面重定向循环的情况: 浏览器的访问路径是:http://192.168.16.104:8080/biologyInfo/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login/login1.htmls 过滤器的类如下: package com.agen.util; i…